/****************************
	Basic Page Styles
****************************/
body {background-color:#dcdcb8; color:#543300; font-size:12pt; font-weight:normal}
h1 {font-size:1.5em; font-weight:bold; padding-bottom:10px}
h2 {font-size:1.3em; font-weight:bold; padding-bottom:10px}
h3 {font-size:1.1em; font-weight:bold; padding-bottom:10px}

#wrapper {width:100%; height:100%}
#layout {margin:0 auto; padding:0; width:960px; height:100%;}


/****************************
	   Top Nav Styles
****************************/
#topNav {margin:0; padding:0; width:100%; height:auto; text-align:right;}
	#topMenu {margin-top:10px; padding:0 10px 0px 0px; font-weight:bold; font-size:.7em}
	#topMenu a, #topMenu a:active, #topMenu a:visited {/* Must use specific font color for IE */ color:#543300; text-decoration:none}
	#topMenu a:hover {text-decoration:underline}
	#topSearch {padding:0 10px 10px 0px; font-size:.8em;}
	#topSearch #searchGo {background-color:#61420f; color:#cccc98; border:double 3px #cccc98}	


/****************************
		Header Styles
****************************/
#header {position:absolute; top:30px; margin:0; padding:0; width:960px; height:125px; background:url(../images/header-right.png) no-repeat top right;}
	#headerLeft {float:left; width:12px; height:100%;  background:url(../images/header-left.png) no-repeat top;}
	#headerContent {float:left; width:936px; height:100%; background:url(../images/header.png) repeat-x top;}
	.headerLogo {position:relative; top:15px; left:5px; width:104px; height:95px}
	
	#pageTitle {position:absolute; top:35px; left:240px; font-size:1.5em;}
	
	#pageMenu {position:absolute; bottom:8px; left:240px;}
		#pageMenu ul#menu {display:block; margin:0; padding:0; width:auto; height:34px; list-style-type:none; text-transform:uppercase; font-size:.7em; font-weight:bold; background-color:#e3e4ab}
		#pageMenu ul#menu li {display:block; float:left; margin:0; padding:0; border-right:1px solid #cccc98;}
		#pageMenu ul#menu li a {display:block; float:left; padding:0px 20px 0 20px; height:34px; color:#543300; line-height:36px; text-decoration:none;}
		#pageMenu ul#menu li a:hover {background-color:#ecedc8}
		#pageMenu ul#menu li a.on {background-color:#ecedc8}
		
/****************************
	Page Content Styles
****************************/
#contentWrapper {position:absolute; top:160px; margin-left:-8px; padding:0px; width:976px;}
#contentTop {position:relative; display:block; margin:0 auto; padding:0px; width:976px; height:20px; background:url(../images/content-top.png) no-repeat top left;}

#content {display:block; margin:0 auto; padding:0px 15px 16px 16px; width:976px; height:100%; background:url(../images/content-bg.png) repeat-y top left}
	#leftNav {float:left; margin-left:20px; width:190px; height:100%; background:url(../images/content-nav-bg.png) repeat-x top right; border-top:solid 2px #beb493;}
	#leftNav ul#leftMenu {display:block; margin-left:-10px; padding:0; width:199px; list-style-type:none; font-size:.9em; font-weight:bold;}
	#leftNav ul#leftMenu li {margin-top:10px; padding:0; width:199px; height:40px; line-height:40px; background-color:#f5f6e4; border:solid 1px #d6d2b1; border-right:0px}
	#leftNav ul#leftMenu li.last {margin-bottom:10px;}
	#leftNav ul#leftMenu a {display:block; margin:0; padding:0 0 0 15px; width:185px; height:40px; color:#543300; text-decoration:none;}
	#leftNav ul#leftMenu a:hover {background-color:#d4d3a7}
	#leftNav ul#leftMenu a.on {background-color:#d4d3a7}
	
	#subTopicsNav {display:none;}
	
	#pageContent {float:left; margin:0px; padding-left:20px; width:700px; height:100%; border-left:solid 2px #beb493}
	#pageContent hr {margin:20px 0px 10px 0px; padding:0; /*Firefox*/ background-color:#dcdcb8; /*IE*/ color:#dcdcb8; height:1px; /*Firefox*/ border:0;}
	#intro {margin:0; padding:0; width:695px; height:230px; background:url(../images/home-content-header-bg.png) no-repeat top left;}
	a#brownBtn, a#brownBtn:hover, a#brownBtn:active, a#brownBtn:visited {position:absolute; top:170px; left:690px; display:block; width:200px; height:30px; background:url(../images/brownbtn.png) no-repeat top left; line-height:28px; color:#FFF; font-size:1.0em; font-weight:bold; text-decoration:none; text-align:center;}
	a#brownBtn strong {color:#91b9df}
	#welcomeSection {float:left; margin-right:15px; padding:0; width:220px; height:150px; background:url(../images/content-stethascope.png) no-repeat top left; text-decoration:none; border:0} 
	#howSection {float:left; margin-right:15px; width:225px; height:150px; background:url(../images/content-news.png) no-repeat top left; text-decoration:none; border:0} 
	#whoSection {float:left; width:220px; height:150px; background:url(../images/content-armscrossed.png) no-repeat top left; text-decoration:none; border:0}
	a.banner {display:block; margin-top:100px; width:100%; height:30px; background:url(../images/banner-bg.png) repeat-x top left; line-height:30px; font-size:18px; font-weight:bold; color:#cccc98; text-decoration:none; text-align:center}
	a.banner strong {font-weight:bold; font-size:20px; color:#FFF}
	
#contentFooter {position:relative; display:block; margin:0 auto; padding:0px; width:976px; height:55px; background:url(../images/content-bottom.png) no-repeat top left; }
#contentFooter p {float:right; margin-right:25px; font-size:.8em; line-height:35px; color:#FFF; text-align:right; letter-spacing:1px}


/****************************
	Page Footer Styles
****************************/
#footer {position:relative; margin:0; padding:0px; width:960px; text-align:right;}
#footer a, #footer a:active, #footer a:visited  {color:#543300; font-size:.7em; font-weight:bold; line-height:.7em; text-decoration:none}
#footer a:hover {text-decoration:underline}


/****************************
	General Classes
****************************/
.center {text-align:center}
.clear {clear:both}	
.debug {border:solid 1px red}
.divider {padding:0px 7px 0px 7px}
.justify {text-align:justify}
.left {text-align:left}
.right {text-align:right}