/*CSS Document */
html {height: 100%;}
body {margin: 0px; font-family: helvetica, arial; line-height: 20px; height: 100%; color:#755943;}
table {border-collapse: collapse; padding: 0px; font-size: 9pt;}
ul {list-style-image: url(/images/liDot.gif); list-style-position: outside; margin: 0px 0px 0px -25px;}
ul.blue {list-style-image: url(/images/liDot_blue.gif); list-style-position: outside; margin: 0px 0px 0px -25px;}

.inputBox {font-size: 8pt; font-family: arial; border: 1px solid #cccccc;}

#form1 {margin: 0px;}
#mainMenu {display: block}
#printPass {display: block}
#content {min-height: 100%; height: auto !important; height: 100%; width: 990px; border-left: 1px solid #231f20; border-right: 1px solid #231f20; position: absolute; margin-left: -495px; left: 50%; margin-top: 0px;}
#headerBox {width: 900px; height: 61px; padding: 35px 50px 0px 50px; display: block;}
#ymcaLogo {width: 244px; height: 37px; float: left;}
#headerNav {float: right; font-size: 7pt;}
#menuBG {clear: both; background-color:#755943; width:990px; height:35px; position: relative;}
#branding {width: 990px;}
#headerColorBox {padding: 150px 0px 0px 45px; float: right; width: 341px; height: 71px;}
#lblHeader {color: #ffffff; font-weight: bold; font-size: 14pt;}
#missionHeader {color: #ee3a42; font-weight: bold;}
#lblHeaderSub {color: #ffffff; padding: 5px 0px 0px 0px; font-size: 11pt;}
#lblBodyCopy {display: block;}
#shadowBottom {width: 990px; height: 16px; background-image:url(../images/shadowBottom.jpg); background-repeat:repeat-x; clear: both;}
#headerRedDots {width: 990px; height: 12px; background-image: url(../images/redDot.jpg); background-repeat: repeat-x;}
#breadCrumbs {text-align: right; width: 990px; display: block;}
#lblBreadCrumb {font-size: 6pt; color: #808285; padding: 15px 50px 0px 0px;}
#leftNavMain {float: left; width: 230px; padding: 45px 0px 0px 75px; font-size: 9pt; color: #719eb2;}
#leftNavMainCamp {float: right; margin-right:50px; font-size: 9pt; color: #719eb2;}
#homeMain {float: left; width: 890px; padding: 45px 50px 150px 50px; font-size: 9pt; color: #755943;}
#bodyMain {float: left; width: 620px; padding: 45px 50px 150px 0px; font-size: 9pt; color: #755943;}
#auctionMain {float: left; width: 800px; padding: 45px 50px 150px 100px; font-size: 9pt; color: #755943;}
#footer {clear: both; position:absolute; bottom:0; width: 990px; text-align: center; font-size: 7pt; color: #808285; padding: 0px 0px 25px 0px; margin-left: -495px; left: 50%; margin-top: 0px;}
#tauwLogo {padding: 10px 0px 10px 0px; text-align: center;}

a:link{color:#719eb2;text-decoration:none;}
a:visited{color:#719eb2;text-decoration:none;}
a:hover{color:#719eb2;text-decoration:none;}
a:active{color:#719eb2;text-decoration:none;}

.subMenuOn:link{color:#755943;text-decoration:none;} 
.subMenuOn:visited{color:#755943;text-decoration:none;} 
.subMenuOn:hover{color:#755943;text-decoration:none;} 
.subMenuOn:active{color:#755943;text-decoration:none;}

.shellNav:link{color:#808285;text-decoration:none;} 
.shellNav:visited{color:#808285;text-decoration:none;} 
.shellNav:hover{color:#719eb2;text-decoration:none;} 
.shellNav:active{color:#808285;text-decoration:none;}

.main{
	float:left;
	padding-bottom:20px;}

.shadebox{
	float:left;
	padding:10px;
	background-color: #ebf2f5;}

.shadeboxCamp{
	float:right;
	padding:10px;
	margin-right:50px;
	margin-top:25px;
	background-color: #ebf2f5;}

.whitebox{
	float:left;
	padding:10px;}

#shadeboxRight{
	/*border: 2px dotted #00FF00;*/
	margin-left:10px;
	float:right;
	padding:10px;
	background-color: #ebf2f5;}

.leftColumn{
	/*border: 2px dotted #00FF00;*/
	width:240px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;}

.rightColumn{
	/*border: 2px dotted #00FF00;*/
	width:240px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	float:left;}

.redDotLine {
	/*border: 2px dotted #00FF00;*/
	background-image: url(../images/redDash.jpg);
	height: 3px;
	width: 540px;
	background-repeat: repeat-x;}

.redDotLineShort {
	/*border: 2px dotted #00FF00;*/
	background-image: url(../images/redDash.jpg);
	height: 3px;
	width: 370px;
	background-repeat: repeat-x;}

.newsThumb {
    margin: 0px 5px 5px 0px;
    padding: 0px 5px 5px 0px;
    float:left;}

.storyImg1 {
    margin: 0px 8px 8px 0px;
    padding: 0px 8px 8px 0px;
    float:left;}

.storyImg2 {
    margin: 0px 0px 6px 6px;
    padding: 0px 0px 8px 8px;
    float:right;}

.storyImg3 {
    margin: 0px 0px 10px 5px;
    padding: 20px 0px 5px 7px;
    float:right;
    vertical-align:text-top;}
    
.storyCopy2 {
    padding: 5px 0px 0px 0px;}

.storyCaptionBox1{
	width: 175px;
	float:left;
	padding:3px;
	background-color: #ebf2f5;}
	
.storyCaptionBox2{
	width: 290px;
	float:left;
	padding:3px;
	background-color: #ebf2f5;}
	
.storyCaptionBox3{
	width: 175px;
	float:left;
	padding:3px;
	background-color: #ebf2f5;}

#title {
	color: #719eb2;
	font-weight: bold;}

.costTableHeader {font-weight: bold; color: #719eb2; background-color: #ebf2f5;}


#sitemapcol1{
	padding-left: 5px;
	color: #719eb2;
	font-size: 8pt;
	float:left;
	width: 180px;}

#sitemapcol2{
	padding-left: 5px;
	color: #719eb2;
	font-size: 8pt;
	float:left;
	width: 180px;}

#sitemapcol3{
	padding-left: 5px;
	color: #719eb2;
	font-size: 8pt;
	float:left;
	width: 180px;}

#sitemapcol4{
	padding-left: 5px;
	color: #719eb2;
	font-size: 8pt;
	float:left;
	width: 180px;}
	
.auctionHeader{
	font-weight: bold; 
	color: #719eb2;}

.auctionTableHeader{
	font-weight: bold;
	font-size:8pt;
	padding-left:10px;}	

.register{
	border-right: 2px solid #ebf2f5; 
	padding-right:20px;
	width:375px;
	float:left;}
	
.login{
	width:375px;
	padding-left:20px;
	float:left;}
	
#registerRedDots {
	width: 375px; 
	height: 7px; 
	background-image: url(../images/registerRedDot.jpg); 
	background-repeat: repeat-x;}