/************************************************************************
This is the primary CSS sheet for the Todd-Veredus merged website.
This sheet is responsible for setting site defaults, 
including backgrounds, fonts, colors, etc. If needed, this sheet may be
supplemented with additional sheets.
************************************************************************/

body {
	font-family:arial,helvetica,sans-serif;
	font-size: 13px;
	color:#333;
	text-align:center;
	background:top left url('/images/body_bg.gif') repeat-x #e7fcfd;
}
body div#document {
	width:850px;
	margin:0 auto;
	text-align:left;
}




/****************** IMPORTANT DEFAULTS *******************/
a, 
a:link, 
a:active,
a:visited { color:#cf8400; }
a:hover { color:#9f6603; }

h1 { /* page title heading */
	font-size:22px;
	font-weight:normal;
	margin-bottom:17px;
	color:#2F5EC8;
}

h3 { /* section title */
	font-size:16px;
	margin-bottom:10px;
}

/****************** END IMPORTANT DEFAULTS *******************/
	
	
	

/****************** MASTHEAD *******************/
#masthead { table-layout:auto; }
	#masthead td {
		vertical-align:bottom;
		text-align:right;
	}
		#masthead .colA { vertical-align:top; width:175px; padding-top:19px; }
		#masthead .colB { padding-top:5px; }
/****************** END MASTHEAD *******************/
	
	
	

/****************** TOP NAV *******************/
#topNav {
	position:relative;
	background: left bottom url("/images/top_nav_bg.gif") repeat-x #478fe0;
	border:1px solid #555555;
	font-size: 14px;
	font-family:georgia,"times new roman",serif;
}
	#topNav td { border:1px solid #fff; }
	#topNav .selected,
	#topNav div.flyout a.selected  { font-weight:bold; }
	
	#topNav a, 
	#topNav a:link, 
	#topNav a:active,
	#topNav a:visited {
		color:#fff;
		text-decoration:none;
			padding:10px 5px;
			text-align:center;
		display:block;
		position:relative;
		/*_padding-bottom:0;  shows only in IE6 and below */		
	}
	#topNav td:hover,
	#topNav a:hover {
		color:#fff;
		background: left bottom url("/images/top_nav_bg_hovered.gif") repeat-x #356bbc;
	}
	#topNav td:hover a { color:#fff; }
	
	#topNav div.flyout {
		position:absolute;
		display:none;
		width:20em;
		padding:2px;
		border:1px solid #555;
		background:top left url("/images/flyout_bg.gif") repeat-y #ebf5fe;
	}
		#topNav div.flyout a {
			color:#444;
			font-weight:normal;
			text-align:left !important;
			padding: 0.3em 1em .3em 2em !important;
			background: 1em .75em url("/images/nav_arrow.gif") no-repeat !important;
		}
		#topNav div.flyout a:hover {
			background-color: #bbddfc !important;
			color:#444;
			text-decoration:underline;
		}
/****************** END TOP NAV *******************/
	
	
	

/****************** MAIN BODY *******************/
#mainBody {
	padding:20px 30px 0;
	background:top left url('/images/main_body_bg.gif') repeat-y;
}
	
/****************** END MAIN BODY *******************/




/****************** FOOTER *******************/
#footer {
	color:#fff;
	font-size:11px;
	border:1px solid #555555;
	background:bottom left url('/images/footer_bg.gif') repeat-x #478fe0;
	table-layout:auto;
}
	#footer td {
		padding:15px 18px;
		border:1px solid #fff;
		vertical-align:middle;
	}
	#footer td.left { border-right:none; }
	#footer td.right { border-left:none; }
	
	#footer a, 
	#footer a:link, 
	#footer a:active,
	#footer a:visited { color:#fff; }
	#footer a:hover { color:#ddd; }


#postFooter {
	text-align:center;
	font-size:12px;
	padding:12px;
}
/****************** END FOOTER *******************/
