/* ***************************************
	1.	Global Elements
*************************************** */

html, body {
	margin:				0; 
	padding:			0; 
	font:				12px Tahoma, arial, helvetica, sans-serif;	/* IF % = changes all font sizes relatively, don't go below 76%, IE will choke. 85% / 1.0em is roughly 12px since reset is 100% = 16px */
	text-align:			center; /* centers page content, override this in your first born child */
	color:				#7C7C7C; 
	background:			#FFFFFF;
	line-height:		18px;
	*/
	}


/* ***************************************
	2. Typography
*************************************** */

h1	{ font-size:20px; line-height:30px; font-weight: normal!important; margin:0 0 -13px 0; color:#4770ab; }
h2 	{ font-size:14px; line-height:18px; margin:0 0 18px 0; color:#767676; }
h3 	{ font-size:14px; line-height:18px; margin:0 0 18px 0; }
h4 	{ font-size:12px; line-height:18px; margin:0 0 18px 0; }
h5 	{ font-size:10px; line-height:18px; margin:0 0 18px 0; }
h6 	{ font-size:8px; line-height:18px; margin:0 0 18px 0;  }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }

/* tighter line heights for narrow columns */	
.narrow1 	{ width:50%; line-height:1.3em; }
.narrow2 	{ width:50%; line-height:1.5em; }
		
a, a:link,
a:visited, 
a:active, a:focus	{ text-decoration:none; font-weight:normal; color:#3e6eb1; }
a:hover				{ text-decoration:underline; }
a.grey		{ text-decoration:underline; font-weight:normal; color:#7C7C7C; }

img 		{ border:0; }
img.btnhome	{margin-right:6px;}

ol, ul, li	{ font-size:1.03em; line-height:1.3em; margin:0 0 18px 0; letter-spacing:.2px; } 

p 			{ font-size:1.1em; line-height:1.6em; margin:0 0 18px 0; letter-spacing:.2px; }

li > p 		{ margin-top:6px; }

code, pre 	{ font-size:12px; font-family:monospace; color:#c33; }

strong, b	{ font-weight:bold; }

hr 			{ display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; }

sup 		{ line-height: 0px; font-size: 9px; }

/* ***************************************
	3. Float Clearing
*************************************** */
/* http://sonspring.com/journal/clearing-floats */
.clear				{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after 	{ clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }

.clearfix			{ display:inline-block; }

/* ***************************************
	4. Site Specific Elements
*************************************** */

.main {
	margin: 	0 auto;
	padding:	0px;
	text-align: left;
	width:		100%;
	}
/* Header Styles */
.home .header {
	height: 134px;
	width: 970px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background: url(../../images/header_bg.png) bottom left no-repeat;
	color:#848483;
	}
.subpage .header {
	height: 134px;
	width: 970px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	color:#848483;
	}
.header a, 
.header a:link,
.header a:visited, 
.header a:active, 
.header a:focus { text-decoration:none; font-weight:normal; color:#848483; }
.header a:hover { text-decoration:none; font-weight:normal; color:#a7a7a7; }

.header a.active { color:#adb722 }

.header ul 	{ list-style:none; padding:0px; margin:0px; }
.header ul li { list-style:none; padding:0px; }

.header_col1,
.header_col2,
.header_col3, 
.header_col4,
.header_col5 { float:left; }

.header_col2,
.header_col3, 
.header_col4 { background:url(../../images/header_divider.png) top right no-repeat; margin-top:20px; }

.header_col1 				{ width:244px; padding-left:100px; }
.header_col1 .header_logo	{ padding:22px 0 0 25px; }
.header_col1 h1 			{ color:#adb722; font-size:15px; line-height:22px; margin:5px 0 0px 0; }

.header_col2 	{ width:150px; }
.header_col3 	{ width:165px; padding-left:20px; }
.header_col4 	{ width:145px; padding-left:20px; height: 110px; }
.header_col5 	{ width:100px; padding-left:20px; }

ul.topnav { margin: 0; padding: 0; list-style: none; z-index: 1; position:relative; }
ul.topnav ul li p { line-height: 18px; }
ul.topnav li { margin:6px 0px; padding: 0; font-size:13.1px; z-index: 1; }
ul.topnav li a {z-index: 1; }
ul.topnav li:hover a, ul.topnav li a:hover { top:0px; left:0px; } /*--Hover State--*/

ul.topnav li .sub,
ul.topnav li .sub2 {
	position: absolute; /*--Important--*/
	top: 108px;
	left:-20px;
	width: 332px;
	height: 172px;
	z-index: 99999;
	background: url(../../images/dd_bg.png) no-repeat; /*--Background gradient--*/
	padding: 11px 28px 0px 17px;
	xpadding: 0px 23px 0px 17px;
	margin:0px;
	float: left;
	xbox-shadow: 0px 7px 15px rgba(0, 0, 0, 0.36);
    x-moz-box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.36);
    x-webkit-box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.36);
	display: none; /*--Hidden for those with js turned off--*/
}
ul.topnav li .sub3 {
	position: absolute; /*--Important--*/
	top: 108px;
	left:-102px;
	width: 332px;
	height: 172px;
	z-index: 99999;
	background: url(../../images/dd_bg.png) no-repeat; /*--Background gradient--*/
	xpadding: 0px 23px 0px 17px;
	padding: 11px 28px 0px 17px;
	margin:0px;
	float: left;
	xbox-shadow: 0px 7px 15px rgba(0, 0, 0, 0.36);
    x-moz-box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.36);
    x-webkit-box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.36);
	display: none; /*--Hidden for those with js turned off--*/
}


ul.topnav li .sub p,
ul.topnav li .sub2 p,
ul.topnav li .sub3 p {
	margin: 0; 
	padding: 0;
	width: 341px;
	font-size:13px;
	color:#FFFFFF;
}

.twoLines { line-height: 13px; }

ul.social_media 	{ list-style:none; padding:0px; margin:0px; }
ul.social_media li 	{ list-style:none; padding:0px; margin:25px 0px; float:left; width:25px; }

.home .banner {
	height:378px;
	width:100%;
	background: url(../../images/green-bg.gif) top left;
	}
.subpage .banner {
	height:301px;
	width:100%;
	background: url(../../images/blue-bg.jpg) top center;
	}
.home .banner_shell {
	width: 970px;
	height:378px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: url(../../images/home_banner_img.png) top left no-repeat;
	}
.subpage .banner_shell {
	width: 970px;
	height:278px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow:hidden;
	position:relative;
	}
.home .banner_content 		{ margin-left: 538px; padding-top:115px; width:390px; height:263px; overflow:hidden; }
.home .banner_content p 	{ color:#FFFFFF; font-size:14px; line-height:18px; }
.subpage .banner_content 	{ position:absolute; bottom:0px; left:20px; }
.content {
	width: 970px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}

.three_col_content		{ padding-bottom:30px; }	
.three_col_content ul	{ list-style:none; float:left; width:265px; padding:10px 50px 10px 0px; margin:0px; }
.three_col_content ul li { list-style:none; font-size:14px; }


/* Tab Styles */
.home .tab_shell 			{ background:url(../../images/tab_shell_bg.png) top left no-repeat; height:39px; margin-left:30px;  }
.home .tab_shell ul 		{ list-style:none; margin:0px; padding:11px 0 0 70px; }
.subpage .tab_shell 		{ background:url(../../images/tab_shell_bg_sub.png) top left no-repeat; height:29px;  }
.subpage .tab_shell ul 		{ list-style:none; margin:0px; padding:0 0 0 20px; }
.tab_shell ul li 	{ line-height:27px; border:1px solid #cccccc; border-bottom:none; float:left; padding:0px 20px; margin:0px 3px; }
.tab_shell ul li.tab_active { line-height:27px; border:1px solid #cccccc; border-bottom:none; float:left; background:#FFFFFF; padding:0px 20px; margin:0px 3px; }
.tab_shell a, 
.tab_shell a:link,
.tab_shell a:visited, 
.tab_shell a:active, 
.tab_shell a:focus { text-decoration:none; font-weight:normal;text-shadow: 0px 1px 0px #FFFFFF; color:#5e5e5e; }
.tab_shell a:hover { text-decoration:none; font-weight:normal;text-shadow: 0px 1px 0px #FFFFFF; color:#808080; }	
.tab_shell ul li.tab_active a { color: #000000; }	

.home .tab_content 		{ padding:10px 0px;}
.subpage .tab_content 	{ padding:10px 0px 10px 20px;}
.content_left { float:left; width:630px; padding:20px 20px 20px 0px; }
.content_left li { margin-left: 15px; }
.content_right { float:left; width:300px; padding-top:20px; }
.content_right ul		{ list-style:none; padding:0px; margin:0px; }
.content_right ul li 	{ list-style:none; padding:0px; margin:0px 0px 20px 0px; }
.content_right ul li h4 	{ color:#3c67a5; font-size:18px; margin:0px 0px 8px 0px; }
.caption  { padding-top:5px;  }
.caption p { color:#000000; font-size:11px; }
.page_title { padding:0px 0px 20px 0px; }
.home .vid_row ul 	{ list-style:none; margin:0px; padding:11px 0 0 70px; }
.home .vid_row ul li 	{ float:left; padding:0px 0px; margin:0px 10px; }
/*.subpage .vid_row ul 	{ list-style:none; margin:0px; padding:11px 0 0 20px; }
.subpage .vid_row ul li 	{ float:left; padding:0px 12px; margin:0px 0px; }*/

.vid_btn_row	{ padding:5px 0px 6px 0px; }
.vid_btn_row a	{ text-decoration:none; font-size: 12px; }
a.btn_enlarge 	{ background:#848484; color:#FFFFFF; padding:1px 8px 3px 6px; }
a.btn_readmore 	{ background:#a3ad38; color:#FFFFFF; padding:1px 8px 3px 5px; }
a.btn_banner_caption 	{ background: url(../../images/banner_caption_bg.png) top left repeat; color:#FFFFFF; padding:3px 10px 3px 8px; font-size:11px; }
a:hover.btn_banner_caption 	{ text-decoration:none;  }

#block { position:absolute; left:20px; bottom:0px; width:350px; background: url(../../images/banner_caption_bg.png) top left repeat; color:#FFFFFF; padding:10px 15px; display:none; }
#block a.close 	{ background: url(../../images/btn_close_caption.png) top left no-repeat; color:#FFFFFF; height:19px; width:18px; position:absolute; top:0px; right:0px; }
#block a:hover.close 	{ text-decoration:none;  }
	
.subpage .footer { 
	width: 970px;
	height:98px;
	background:url(../../images/footer_bg.png) top left no-repeat;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	clear:both;
	}
	
.footnote { font-size: 11px; } 	
	
.footer_build_img { float:left; width:76px; padding-left:100px; }
.footer_build_text { float:left; width:175px; padding-top:44px; }
.footer_build_text a { font-size:11px; color:#4c6c96;text-shadow: 0px 1px 0px #FFFFFF; }
.hm_footer_linksC 	{ float: left; width: 845px; margin: 15px 0px 0px 75px; border-top: 1px solid #DDD;  }
.hm_footer_links 	{ font-size: 11px; color:#858484; text-shadow: 0px 1px 0px #FFFFFF; padding-top: 5px; }
.hm_footer_links a  { color: #858484;  }

.footer_links 	{ float:left; width:430px; padding-top:44px; font-size:11px; color:#858484;text-shadow: 0px 1px 0px #FFFFFF; }
.footer_links a { color:#858484; }