body { font-size: 12px; }
	a { color: #325c9b; }

#outerContainer { padding-top: 0px; width: 900px; position: relative; margin-left: auto; margin-right: auto; }

	/********* header ************/
	#logoBanner { text-align: left; height: 80px; position: relative; }
		#logo { left: 18px; top: 15px; position: absolute; }
		#decoration_logo { left: 235px; top: 10px; position: absolute; }
		#decoration_maple { left: 380px; top: 0px; position: absolute; }
		#scrolls_top { right: -58px; top: 0px; position: absolute; }
		#scrolls_right { right: -27px; top: 80px; position: absolute; }
	#random_banner { display: block; }

	/********* Navigation menu ***********/
	#nav { position: absolute; left: 0px; right:0px; padding-top:5px; }
		#nav ul { position:absolute; list-style-type: none; margin: 0px; padding: 0px; }
			#nav ul li { position:relative; display: inline;  }
				#nav ul li a { color: #fff; text-decoration: none; padding: 5px 10px 5px 10px; background-color: #636363; background-image:url(../images/menu_bg.gif); background-repeat: repeat-x; }
					#nav ul a:hover { background-color: #8c8c8c; background-image:url(../images/menu_bg_over.gif); background-repeat: repeat-x;}
		ul#navLeft { left:0px; }
			ul#navLeft li { margin-right: 2px; }
				ul#navLeft a {  }
		ul#navRight { left:674px; }
			ul#navRight li { margin-left: 2px; }
				ul#navRight a {  }
		#decoration_north { left: 534px; top: 15px; position: absolute; display:none; }
	
	/************ content **************/				
	#content { text-align: left; }
		#content p, #content td, #content th { line-height: 1.4em; }
		#content h1 { font-size: 24px; font-weight: normal; margin-top: 40px; margin-bottom: 10px; }
		#content h2 { color: #656a7e; font-size: 18px; font-weight: normal; margin-bottom: 6px; margin-top: 10px;}
		#content h3 { font-size: 16px; font-weight: normal; margin-bottom: 6px; margin-top: 10px;}
		#content td { border: #FFF; }
		
		/********** Cameos *************/
		.CameoDark { background-color: #dfdfdf; padding: 10px;  margin-bottom: 1em; }
		.CameoLight { background-color: #d9dce5; padding: 10px;  margin-bottom: 1em; }
		.CameoWhite { background-color: #fff; padding: 0px; margin-bottom: 1em; }
			#content .CameoDark h2, #content .CameoLight h2, #content .CameoWhite h2 {   color: #656a7e; margin-top:  0px;  }	
		img.cameo { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 1em; }

	
	/******** Footer **********/
	#footer { width: 900px; margin-top: 2em; margin-bottom: 1em; color: #666; font-size: 11px; text-align: left; position: relative; }
		#decoration_footer { margin-left: auto; margin-right: auto; margin-bottom: 1em; display: block;  }

br.clearing { clear: both; }

th { text-align: right; border: none; padding-right: 10px; vertical-align: text-top; }
	th label { font-weight: normal; }
	
/********** buttons *************/
.nav-button {float: left; width: 77px; height: 22px; overflow: hidden;}
	.nav-button img { border: none;}
	.nav-button a:hover { margin-left: -77px; }
.ubsubscribe-button {float: left; width: 100px; height: 22px; overflow: hidden;}
	.ubsubscribe-button img { border: none;}
	.ubsubscribe-button a:hover { margin-left: -100px; }
	
.placeholder { color: #c00; }

.invalid { background: #fee; }

/********* alternating row colours *******/
tr.even td { background: #fff; }
tr.odd td { background: #f8f8f8; }