/* =====reset===== */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
/*h1, h2, h3, h4, h5, h6, p,*/ blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend, caption, /* tbody, tfoot, thead, th */ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {

	border-spacing: 0;
}


/* =====960===== */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* =====text===== */
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}dl,hr,h1,pre,address,fieldset{margin-bottom:20px}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {/* overflow:auto; */
	padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* ==== Layout === */
body {
	background-color: #414141;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

body#content {
	background: none;
	background-color: #FFF;
}

#content img {
	padding: 10px !important;
}

h1 {
	font-size: 23px;
	color: #2A2A2A;
	font-family: Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 23px;
	margin-bottom: 10px;
	color: #2A2A2A;
	font-family: Helvetica, Arial, sans-serif;
}

h3 {
	font-size: 14px;
	margin-bottom: 10px;
	color: #9F7913;
	font-family: Helvetica, Arial, sans-serif;
}

a, a:link, a:active, a:visited {
	color: #666;
}

a:hover {
	color: #333;
}

a.sephone {
	color: #FFF;
}

table td {
	padding-right: 10px;	
	padding-left: 10px;	
}


td.bio {
	border-right: 1px solid #CCC;
}

#top-header {
	text-align: center;
	margin: 0 auto;
	width: 960px;
}

.address {
	text-align: right;
	font-size: 10px;
	color: #FFF;
	padding: 3px 0px;
	width: 960px;
}


#search {
	position: absolute;
	top: 20px;
	left: 700px;
	width: 239px;
	height: 35px;
	background-image: url('/themes/main/images/searchbox.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

input.search {
	background: none;
	border: none;
	color: #FFF;
	font-size: 10px;
	width: 190px;
	height: 35px;
	position: relative;
	top: 0;
	left: 20px;
	
}

#header h1.hide {
	margin: 0px;
	padding: 0px;
	float: left;
			
}
#header h1.hide a {
	display: block;
	height: 56px;
	outline: none;
	text-indent: -9999px;
	width: 250px;
}


#header {
position: relative;
	background-color: #414141;
	background-image: url('/themes/main/images/logo.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height: 76px;
}

#banner {
	background: url('/themes/main/images/banner-bg.jpg') bottom left repeat-x;
height: 291px; 
	width: 960px;
	color: #333;
 	position: relative;
	/*top: 35px;*/
	z-index: 1; 
}

#banner-int {
	background: url('/themes/main/images/banner-bg.jpg') bottom left repeat-x;
height: 68px; 
	width: 960px;
	color: #333;
 	position: relative;
	/*top: 35px;*/
	z-index: 1; 
}

#banner-int h2 {
	font-size: 30px;
	color: #FFF;
	text-shadow: #000 0 0 0.2em;
	padding: 13px 0px 0px 20px;
	float: left;
}

#banner-int img {
	float: right;
}

#banner span {
	color: #FFF;
	text-shadow: #000 0 0 0.2em;
	font-size: 30px;
	line-height: 40px;
}

#slideshow p.banner-box {
	padding: 20px;
}

#slideshow div.learn {
	float: right;
}
#slideshow div {
background: transparent !important;
}
#slideshow img {
	margin-left: 24px;
	float: right;
}
#slideshow {
	height: 291px !important;
}

#contentWrap {
	background-image: url('/themes/main/images/content-bg.gif');
	background-position: top left;
	background-repeat: repeat-y;
	height: 1%;
}

#content {
	text-align: left;
}

#content table td, #sidebar table td, div.toppad table td, #slideshow {
	line-height: 200%;
}

.breadcrumb_primary {
	font-size: 11px;
	color: #666;
}

.breadcrumb_secondary {
	font-size: 10px;
	color: #666;
}

#sidebar, #sidebar table td, #bottom, #bottom table td {
	color: #FFF;
	padding: 0;
}

#sidebar h2 {
	color: #FFBA02;
	font-size: 20px;
	text-shadow: #000 0 0 0.2em;
}

#bottom {
	background-color: #2F2F30;
	height: 1%;
	color: #FFF;
}

#bottom div.box img {
	border: 2px solid #FABF1F;
	margin-bottom: 10px;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active, #bottom div.box a:link, #bottom div.box a:visited, #bottom div.box a:active, a.rss:link, a.rss:visited, a.rss:active {
	text-decoration: none;
	color: #FABF1F;
}

a.rss:link, a.rss:visited, a.rss:active {
	font-size: 14px;
}

#bottom div.box a:hover, #sidebar a:hover, a.rss:hover {
	text-decoration: underline;
}

#bottom div h2 {
	font-size: 18px;
	color: #FFF;
	text-shadow: #000 0 0 0.2em;
}

.clearB {
	clear: both;
}

.padding {
	padding: 10px;
}

.toppad {
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer {	
	background-color: #000;
	font-size: 10px;
	color: #FFF;
}

/* footer navigation styles ------------------------------------------------- */

/* the menu itself */
ul#footerNav {
	text-align: right;
	float: right;
	}

/* menu items */
ul#footerNav li {
	display: inline;
}
ul#footerNav li a {
	display: inline;
	text-decoration: none;
	color: #fff;
	padding: 5px;
}

/* hover */
ul#footerNav li a:hover {
	text-decoration: underline;
}

/* main navigation styles --------------------------------------------------- */
#wrap {
	z-index: 1;
}

.width {
	width: 960px;
	text-align: right;
	margin: 0 auto;
}

#nav {
	width: 100%;
	float: right;
	z-index: 9999;
	background: url('images/bg-nav-shadow.png') bottom repeat-x;
	position:relative;
	top: 4px;
}


/* the menu itself */
ul#navigation {
	z-index: 9999;
	float: right;
	}	

/* menu items */
ul#navigation li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding: 8px 5px 5px;
	height: 25px;
}

/* hover */
ul#navigation li a:hover {
	color: #FBBF20;
}

/* with sub */
/* ul#navigation a.parent, ul#navigation a.parent:hover {
	background-image: url('images/arrows.gif');
	background-position: center right;
	background-repeat: no-repeat;} */


/* sub menu */
ul#navigation li ul { 
background-color: #fff;
border-bottom: 1px solid #ccc;
left: 0; /* set 1px less than menu width */
top: 0;
z-index: 9999;
}

ul#navigation li ul li ul {
left: 161px; /* set 1px less than menu width */
top: 0;
}
		
/* sub menu items */
ul#navigation li ul li a {
background-color: #8F8F8F;
color: #FFF;
width: 150px;
display: block;
border: 1px solid #ccc;
/* border-bottom: 0; */
padding: 3px 5px 3px 5px;
font-size: 12px;
z-index: 9999;
position: relative;
top: -8px;
}

ul#navigation li ul li a:hover {
background-color: #FBBF20;
color: #333;
text-decoration: none;
z-index: 9999;
}

		
/* should not need to be changed */
ul.nav, ul.nav ul { margin: 0; padding: 0; list-style: none; }
ul.nav li { position: relative; text-align: left;}
ul.nav ul { position: absolute; display: none; }
ul.nav li ul { z-index: 9999; }
ul.nav li ul li ul { z-index: 4; }
ul.nav li:hover > ul { display: block; }

ul.nav > li { 
	float: left;
	/*width: 98px;106*/
	padding-left: 10px;
	text-align: center;
}
/* Mega Menu
=====================================================================*/

ul#topnav {
	margin: 0; padding: 0;
	float:right;
	width: 74px;
	list-style: none;
	font-size: 12px;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	/*text-indent: -9999px; --Push text off of page--*/

	padding: 8px 5px 5px 0;

}
ul#topnav li:hover a, ul#topnav li a:hover { /*--Hover State--*/
	color: #666;
	} 

ul#topnav a.services:link, ul#topnav a.services:visited, ul#topnav a.services:active {
	color: #fff;
	font-size:16px;
	font-weight: bold;
	text-decoration: none;
	width: 65px;

}

ul#topnav a.services:hover {
	color: #FBBF21;
}

ul#topnav .sub ul li.excerpt {
	color: #333;
	font-size: 10px;
	font-family: arial;
	height: 150px;
	text-align: left;
/* 	padding: 5px;
	padding-left: 0; */
}

ul#topnav .sub ul li.excerpt table, ul#topnav .sub ul li.excerpt td {
	padding: 0; margin: 0;
	font-size: 10px !important;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 34px; left: -605px; /* -- MENU POSITION -- */
	z-index: 9998;
	width: 960px !important;
	background-image: url(/themes/main/images/wht-trans.png);
 	height: 210px;
 	padding: 10px 0 20px 5px; 
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
 	margin: 0; padding: 0;
	margin: 0 5px;
	padding-right: 5px;
	width: 144px; 
	float: left;
	z-index: 9999;

}

ul#topnav li .sub ul.border {
	border-right: 1px solid #EEE;
}


ul#topnav .sub ul li {
/*	width: 100%; --Override parent list item--*/
	color: #000;
	

}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #CF9700;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
/* 	padding: 5px 0; */
	background-image: none;
	color: #CF9700;
}

ul#topnav .sub ul li h2 a:hover {
	color: #666;
}

ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
/* 	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px; */
	display: block;
	text-decoration: none;
	color: #666;
}
ul#topnav .sub ul li a:hover {
	color: #ddd;
	
}

/* element styles -------------------------------------------------------- */

.color_black { color: #000000; }
.color_dark_gray { color: #666666; }
.color_light_gray { color: #cccccc; }
.color_white { color: #ffffff; }
.color_red { color: #ff0000; }

.borderwidth_thin { border-width: 1px; }
.borderwidth_medium { border-width: 2px; }
.borderwidth_thick { border-width: 3px; }
	
.borderstyle_dashed { border-style: dashed; }
.borderstyle_dotted { border-style: dotted; }
.borderstyle_solid { border-style: solid; }

.bordercolor_black { border-color: #000000; }
.bordercolor_dark_gray { border-color: #666666; }
.bordercolor_light_gray { border-color: #cccccc; }
.bordercolor_red { border-color: #ff0000; }


