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

body {
	  background-image: url(../img/bkg4.jpg);
background-attachment:fixed;
background-position: top center;
background-repeat: repeat;

}

#Page{
	width:960px;
	height:100%;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	text-align:center;
}

#Header{
  height:170px;
  margin-top:0px;
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
}
	
	 .pageTitle{
		 width:222px;
		 height:193px;
		 float:left;
		 position:relative;
		 border-top:1px solid #fff;
		 border-right:1px solid #fff;
		 border-bottom:1px solid #fff;
		 background:#CC9900 ; 
	 }
	
		 .pageTitle h3{
			 position:absolute;
			 bottom:8px;
			 left:12px;
			 color:#fff;
			 font-size:15px;
			 font-weight:bold;
			 
				/* image replacement */
				width:178px;
				height:0 !important;
				padding-top:14px;
				background:transparent url('../img/titles/consumer-lending.gif') left top no-repeat;
				overflow:hidden;
				/* /image replacement */
		 }
		 
			 .pageTitle h3 span{
				 font-weight:normal;
			 }

	 .pageLogo{
	     /*height:193px;*/
		 /*float:center;
		 border-top:1px solid #fff;
		 border-bottom:1px solid #fff;
		 background:#CC9900 ; */
	}
		 	 
	 .pageBranding{
		 width:960px;
		 float:left;
		 border-top:1px solid #fff;
		 border-bottom:1px solid #fff;
		 background:#CC9900 ; 
	 }
	 
  #Body{
		min-height:670px;
		background:#CCCC66 ;
  }
	
  #Body:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}	

 #NavigationColumn{
   width:222px;
	 float:left;
     border-top:2px solid #8a6f18;
	 text-align:left;
			 background:#CCCC66 ;
			 		 min-height:670px;
			  
 }
	
	 #NavigationColumn h3{
		 padding:7px 13px;
		 background:#CCCC45 ;
		 color:#ba292c;
		 font-size:16px;
		 font-weight:bold;
/*		 border-right:2px solid #8a6f18;
		 border-left:2px solid #8a6f18;*/
		 border-bottom:2px solid #8a6f18;
	 }

	 #NavigationColumn h3.firstchild{
	 	margin-top:0px;
	 }
	 
	 #NavigationColumn ul{
	 
	 } 
		
		 #NavigationColumn li{
			 background:#CCCC66 ; 
			 border-bottom:2px solid #8a6f18;
			 height:25px;
				 font-size:12px;
		 }
		 
		 #NavigationColumn li.lastChild{
			 border-bottom-width:0;
		 }  

		 #NavigationColumn li.submenu{
				 padding:5px 0 0 40px;
			 height:18px;
				 display:none; 
		 }  

			 #NavigationColumn li a:link, 
			 #NavigationColumn li a:hover, 
			 #NavigationColumn li a:visited, 
			 #NavigationColumn li a:active {
				 display:block; 
				 padding:5px 0 0 20px;
				 color:#434343;
			 }
				
			 #NavigationColumn li.selected a:link, 
			 #NavigationColumn li.selected a:hover, 
			 #NavigationColumn li.selected a:visited, 
			 #NavigationColumn li.selected a:active{ 
				 color:#fff;
				 font-weight:bold;
			 }
	 
	 
 #ContentColumns{
 	 width:737px;
	 float:left;
	 border-top:1px solid #fff;
	 border-left:1px solid #fff;
 	 background:#FFFFFF;
	 text-align:left;
		 min-height:671px;
 }
	 
	 #Content{
		 width:700px;
		 float:left;
		 padding:10px 9px 32px 17px;
	 }
		 
		 #Content h2{
		   margin-bottom:12px;
		   color:#c02b2e;
			 font-size:22px;
			 font-weight:normal;	 
		 }
		 
		 #Content p{
		   margin-bottom:10px;
		   color:#434343;
			 font-size:13px;
		 }
		 
		 #Content h3{
		   margin-top:10px;
		   margin-bottom:10px;
		   color:#c02b2e;
			 font-size:14px;
			 font-weight:bold;	 
		 } 
		 
		 #Content ol{
		   margin-bottom:32px;
		   color:#434343;
		 }	 
		 
		 #Content li{
		   height:50px;
		   margin-bottom:4px;
			 padding:21px 0 0 58px;
		   color:#434343;
			 background-position:left top;
			 background-repeat:no-repeat;
			 color:#434343;
			 font-size:14px;
		 }
		 
		 
<!-- IE HACKS -->	
		 .pageTitle h3{	
			| height:14px;
		}

		#Body{
			| zoom: 1;     /* triggers hasLayout */
			| display: block;
		}	
			
			 #NavigationColumn li a:link, 
			 #NavigationColumn li a:hover, 
			 #NavigationColumn li a:visited, 
			 #NavigationColumn li a:active{
				 | height:17px;
			 }

.Home #NavigationColumn #home, .Reunions #NavigationColumn #reunions,
.Pictures #NavigationColumn #pictures, .Pnotes #NavigationColumn  #pnotes,
.Members #NavigationColumn #members, .Legacy #NavigationColumn #legacy,
.Gone #NavigationColumn #gone, .Donors #NavigationColumn #donors
{
	background-color: #FFFFFF;
	font-weight: bold;
/*	border-right:2px solid #fff;
	border-left:2px solid #fff;*/
}

#NavigationColumn #gallery {
	display: none;
}
.Gallery #NavigationColumn #gallery {
	background-color: #FFFFFF;
	font-weight: bold;
	display: block;
}