@charset "utf-8";
/* CSS Document */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; }
body, div, ul, li, h1, img, form { display: block; margin: 0px; padding: 0px; }
table, tr, td { margin: 0px; padding: 0px; font-size: 11px; }

ul { margin-left: 20px; display: block; list-style: none; list-style-image: none; }
li { list-style: none; list-style-image: none; }
	ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url('../images/dot.gif') no-repeat; background-position: 0px 0px; }
	ul.check li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url('../images/check.gif') no-repeat; background-position: 0px 0px; }
	div#sideBar li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; text-align: left; background: none; }

h1 { font-size: 14px; color: #336699; margin: 20px 0px 10px 0px; padding: 0px 0px 5px 0px; clear: left; background-image:url('../images/h1Fade.jpg'); background-repeat: no-repeat; background-position: 0px 20px; }
h2 { font-size: 13px; margin: 0px; padding: 0px; }
	
p { margin: 0px 0px 15px 0px; padding: 0px; }
	p.normal { text-align: left !important; }

a { margin: 0px; padding: 0px; }

em, .em { font-weight: bold; font-style: normal; }

.hide { display: none; }
.show { display: block; }

.big { font-size: 16px; }

#saleInfo div.waiting { width: auto; display: block; text-align: center; margin-top: 150px; }

img { border: none; }
	img.imgLeft { float: left; }
	img.leftPad { margin: 0px 10px 10px 0px; }
	img.imgRight { float: right; }
	img.rightPad { margin: 0px 0px 10px 10px; }
	img.padTop { margin-top: 10px; }
	img.center { margin: 10px auto 10px auto; }
	img.icon { vertical-align: baseline }
	img.notify { margin-bottom: 10px; }
	img.imgCaution { float: left; margin: 0px 10px 10px 0px; }
	
div.inline { display: inline; }
div.errorDiv { background-color: #FFFF33; padding: 25px 27px 27px 27px; margin: 10px 0px 15px 0px; width: 530px; _width: 565px/* ie only */; }
	div.errorDiv ul { margin: 15px 0px 10px 40px;}
div.infoDiv { background-color: #A2D77D; padding: 25px 27px 27px 27px; margin: 10px 0px 15px 0px; width: 530px; _width: 565px/* ie only */; }


/* Form Data */
	
	form { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

	fieldset { display: block; width: 533px /* mozilla only */; _width: 565px /* ie only */; margin: 0px 0px 21px 0px; padding: 0px 25px 25px 25px; border:1px solid #ffcc33; }
	
	legend { font-family:Arial, Helvetica, sans-serif; color:#336699; font-size: 14px; font-weight:bold; letter-spacing:1px; background-color:#FFFFFF; }
				
	.readonly { background-color: #CCCCCC; color: #777777; }
	label { display: block; float: left; width: 130px; }
	input.text { width:214px; }
	
	#main #regForm a.reset { float: left; }
	#main #regForm #submit { float: right; margin-right: 12px; }
	
	.cue { color: #336699; }
	.leftMargin { margin-left: 10px; }
	
	form table td { width: 175px; }
	table tr.tableHead td { font-weight: bold; font-size: 12px; }
	
	textarea { width: 450px; height: 100px; margin-top: 10px; }
	
td.left { text-align: left !important; }
td.right { text-align: right !important; }

span.right, div.right { float: right; text-align: right; }
span.left, div.left { float: left; text-align: left; }

.red { color: #CC0000; }
.green { color: #339966; }

#outer { background-image: url('../images/topBar.jpg'); background-repeat: repeat-x; background-position: 0px 96px; margin-top: 10px; text-align: center; }
#inner { width: 750px; text-align: left; margin: auto; }

	#loginForm #checkEmail, #loginForm #checkPass { width: 175px !important; }

	#header { height: 150px; }
		#badge { width: 595px; height: 30px; margin: 20px 0px 0px 0px; font-size: 11px; float: right; text-align: right; color: #CC0000; }
			#badge em { font-size: 20px; }	
		#navigation { list-style: none; float: left; margin: 53px 0px 0px 10px;  }
			#navigation li { width: auto; padding: 0px 35px 0px 0px; float: left; text-align: center; font-weight: bold; font-size: 12px; background: none;}
			#navigation li.last { padding: 0px; }
			#navigation li a { color: #003366; text-decoration: none; border: solid #003366; border-width: 0px 0px 2px 0px; display: block; }
			#navigation li a:link, #navigation li a:visited { color: #003366; border-width: 0px }
			#navigation li a:hover, #navigation li a:active { color: #003366; border: solid #CC0000; border-width: 0px 0px 2px 0px; }
			
	#main { clear: left; margin: 10px 0px 0px 0px; }
		#main #sideBar { float: left; width: 143px; height: 300px; color: #7D7D7D; }
			#main #sideBar img { margin: auto; }
			#main #titleSide { margin: 0px 0px 0px 20px; padding: 4px 0px 50px 0px; border: solid #336699; border-width: 0px 3px 0px 0px; }
				#main #titleSide .title { font-size: 16px; color: #924141; font-weight: bold; }
		#main #content { float: left; width: 597px; padding-left: 10px; _padding-left: 17px; }
		
		#main #content.h1Head { margin-top: -20px; } /* makes up for having h1 at top */
				
		#main #content.beneficiaries table { width: 500px; margin: auto; }
		#main #content.beneficiaries table td { padding: 5px 5px 10px 5px; width: 400px; vertical-align: bottom; }
		#main #content.beneficiaries table td.right { width: 100px; } /* sets the width for the left column, which is right aligned */
		
		#main #content.news { margin-top: -50px !important; }
			#main #content.news h1 { margin-top: 50px; }
			#main #content.news p { margin-bottom: 20px; }
			#main #content.news p.date { margin: 13px 0px 10px 0px; font-size: 10px; color: #666666; font-weight: bold; }
		
		#main #content.contact p { text-align: justify; }
			#main #content.contact div.contactBox { width: 290px; height: 120px; float: left; }
				#main #content.contact div.contactBox li { margin: 0px; padding: 0px; list-style: none; background: none; }
				
		#main #content.view_account div.sale { margin: 30px 0px 0px 0px; padding:5px; background-color: #EFF4F5; }
			#main #content.view_account div.sale .title{ color: #336699; }
		#main #content.view_account div.pledge { margin: 30px 0px 0px 0px; padding:5px; background-color: #EFF4F5; }
			#main #content.view_account div.pledge .title { color: #336699; }
		#main #content.view_account div.order { margin: 25px 0px 0px 0px; padding: 5px; background-color: #EFF4F5; }
			#main #content.view_account div.order .title { color: #339966; }
			#main #content.view_account div.order div.sale { margin-left: 20px; }
				#main #content.view_account div.order div.sale .title{ color: #336699; }
			#main #content.view_account div.order div.pledge { margin-left: 20px; }
				#main #content.view_account div.order div.pledge .title{ color: #336699; }
		
		#main #content.view_account div.title { font-size: 13px; font-weight: bold; border: solid #CCCCCC; border-width: 0px 0px 1px 0px; margin-bottom: 4px; }
		#main #content.view_account .iconNav { float: right; margin: 2px 5px 0px 0px; font-size: 10px; text-decoration: none; font-weight: normal; }
			#main #content.view_account .iconNav img { display: inline; vertical-align: bottom; margin: 0px 3px 0px 10px; }
		#main #content.view_account .details { display: block; }
			#main #content.view_account .details strong { display: block; float: left; width: 90px; }
			#main #content.view_account .pledgeInput { display: block; margin: 15px 40px 15px 0px; text-align: right; }
			#main #content.view_account .saleCheckDiv { display: block; margin: 15px 5px 15px 0px; text-align: right; }
			
		#main #content.view_account .amtDue { float: right; display: block; margin-top: 10px; padding: 5px; font-size: 12px; ext-align: right; }
		#main #content.view_account .amtTotal { text-align: right; }
			#main #content.view_account .amtTotal span.bigger { font-size: 18px; color: #333333; }
				#main #content.view_account .amtTotal span.bigger div { color: #2C492D; }
		
		#main #content.payment_notice input { width: 75px; text-align: right; }
		#main #content.payment_notice input.checkbox { width: auto; }
		#main #content.payment_notice input.submit { width: auto; text-align: center; }

		#main #content.view_account .payNow a { float: right; display: block; text-align: center; width: 100px; margin: 10px 0px 0px 0px; padding: 5px; background-color: #E9F9E8; font-size: 12px; border: solid 1px #94CF97; }
		#main #content.view_account .payNow a:hover { background-color: #D0EAD1; }
			#main #content.view_account .payNow a img { display: inline; vertical-align: bottom; margin: 0px 3px 0px 0px; }
		
	#footer { background-color: #3A5087; color: #FFF; text-align: center; padding: 5px 5px 5px 5px; margin: 30px 0px 10px 0px; }
		#footer a, #footer a:link, #footer a:hover, #footer a:active { color: #FFF; text-decoration: none; }
		#footer a:hover { text-decoration: underline; }