/* BEGIN: Generic Styles */
*{
	margin:0;
	padding:0
}

body{
	background:url(/img/bg_main.gif) no-repeat 50% 149px;
	font:11px Tahoma, Verdana, Arial, sans-serif;
	color:#414141
}

h1{
	color:#046b7e;
	font:26px Georgia, "Times New Roman", Times, serif;
	margin:10px 0
}

h2{
	font-weight:bold;
	font-size:11px;
	background:#1c4260 url(/img/bg_h2.jpg) repeat-x;
	color:#fff;
	margin:10px 0;
	padding:5px;
	text-transform:uppercase
}

h3{
	font-size:12px;
	color:#234d6d
}

h6{
	font-size:11px;
	color:#666;
	margin:0 0 15px 0;
}

p{
	margin:0 0 15px;
	line-height:17px
}

img{
	border:0
}

a{
	font-weight:bold;
	color:#234d6d
}

a:hover{
	color:#0d72be
}

q{
	quotes:none;
	display:block;
	line-height:16px;
	font-style:italic;
	margin:0 0 10px
}

cite{
	display:block;
	margin:3px 0;
	font-style:normal;
	color:#666
}
/* END: Generic Styles */
/* BEGIN: Main Dimensions */
div:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

#main{
	margin:auto;
	width:789px;
}

#leftSide{
	float:left;
	width:156px;
	display:inline;
	padding:0 0 0 14px;
	color:#234d6d;
}

#leftSide h2, #rightSide h2{
	margin-left:-4px;
}

#fullContent{
	padding:0 20px;
}

#content{
	padding:0 20px;
	background:url(img/map_bg.gif);
}

#middleContent{
	width:379px;
	float:left;
	padding:0 20px
}

#rightContent{
	width:569px;
	padding:0 20px;
	float:left
}

#rightSide{
	float:left;
	width:190px
}
/* END: Main Dimensions */
/* BEGIN: Utility Bar */
#utility{
	background:#1c425f url(/img/bg_utility.jpg) repeat-x;
	text-transform:uppercase
}
	
#utility_interior{
	color:#fff;
	margin:auto;
	width:760px;
	padding:3px 0 0
}

#utility span{
	float:right
}

#utility a{
	color:#fff;
	text-decoration:none
}
	
#utility a:hover{
	text-decoration:underline
}

#utility input{
	font-size:10px
}
	
#utility input#btn_search{
	margin-left:5px;
	padding-bottom:5px;
	vertical-align:middle
}
	
#utility #btn_login{
	margin-left:5px;
	padding-bottom:5px;
	vertical-align:middle
}
/* END: Utility Bar */
/* BEGIN: Header*/
#header{
	background:url(/img/bg_header.jpg) repeat-x;
	height:118px;
	margin:1px 0 0;
	border-top:1px solid #1b405d;
	border-bottom:1px solid #0d263a
}

#header div{
	margin:auto;
	width:789px;
	height:118px;
	background:url(/img/headerBg.jpg) no-repeat bottom right
}
/* END: Header */
/* BEGIN: CSS Menu */
#nav{
	position:relative;
	margin:5px 0 0;
	height:29px
}

#nav ul{
	visibility:hidden;
	position:absolute;
	top:2.6em; /* I'm using ems rather than px to allow people to zoom their font */
	left:0;
	width:170px
}

/* Second and third etc. level submenus - position across from parent instead */
#nav ul ul{
	top:0px;
	left:160px
}

#nav li{/* Set top-level list items */
	position:relative;
	float:left;
	list-style:none
}

#nav li a{/* Set top-level link items */
	color:#fff;
	font:14px 'Trebuchet MS', Verdana, Arial, sans-serif;
	padding:6px 0 5px;
	display:block;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	background-repeat:no-repeat
}

#nav ul li{/* Set sub-level link items - OVERRIDE THE TOP-LEVEL */
	position:relative;
	float:none;
	background:#1a3f5b;
	margin-bottom:-1px;
	/*opacity:.95;*/
	border:1px solid #0d263a
}

#nav ul li a{/* Set sub-level link items - OVERRIDE THE TOP-LEVEL */
	font:12px 'Trebuchet MS', Verdana, Arial, sans-serif;
	padding:2px 5px;
	width:158px;
	text-align:left
}

#nav a:hover{
	background-position:0 -29px
}

#nav ul>li:last-child{
	margin-bottom:1px
}

/* Links inside the menu */
#nav ul a{
	display:block;
	padding:3px
}

/* Lit  items:'hover' is mouseover, 'highlighted' are parent items to visible menus */
#nav ul a:hover, #nav ul a.highlighted:hover, #nav ul a:focus{
	background-color:#0d263a
}

#nav a.highlighted{
	background-color:#0d263a;
	background-position:0 -29px
}

/* Only style submenu indicators within submenus. */
#nav a .subind{
	display: none
}
#nav ul a .subind{
	display: block;
	float:right
}

/* BEGIN: Top-level widths and images */
.nav58{
	background-image:url(/img/nav58.gif);
	width:58px
}

.nav73{
	background-image:url(/img/nav73.gif);
	width:73px
}

.nav100{
	background-image:url(/img/nav100.gif);
	width:100px
}

.nav115{
	background-image:url(/img/nav115.gif);
	width:115px
}

.nav115orange{
	background-image:url(/img/nav115orange.gif);
	width:115px
}

.nav125{
	background-image:url(/img/nav125.gif);
	width:125px
}

.nav195{
	background-image:url(/img/nav195.gif);
	width:195px
}
/* END: Top-level widths and images */
/* END: CSS Menu */

#bottomNavBar{
	background:#0d263a url(/img/subNavBg.gif) repeat-x;
	border-bottom:1px solid #0d263a;
	height:29px
}
/* BEGIN: Footer */
#footer{
	background:url(/img/footerBg.gif) repeat-y;
	clear:both;
	color:#fff;
	margin:auto;
	width:763px
}

#footer ul{
	height:25px;
	margin:3px auto 0;
	text-align:center;
	padding:0 0 12px;
	background:url(/img/footerBottom.gif) no-repeat bottom center
}
	
#footer li{
	display:inline;
	padding:0 6px 0 7px;
	background:url(/img/pipeline.gif) no-repeat center left
}

#footer a{
	color:#fff;
	font:12px 'Trebuchet MS', Verdana, Arial, sans-serif;
	text-decoration:none
}

#footer a:hover{
	text-decoration:underline
}
/* END: Footer */
/* BEGIN: Box Notes */
.boxNote{
	position:relative;
	background:url(/img/boxNoteBg.gif) repeat-y;
	color:#fff
}

.boxNote div{
	background:url(/img/boxNoteTop.jpg) no-repeat;
	padding:15px 20px
}

.boxNote h3{
	font:normal 14px "trebuchet ms";
	color:#fff;
	padding:0 0 5px;
	border-bottom:1px solid #fff
}

.boxNote p{
	margin:5px 0
}
/* END: Box Notes */
/* BEGIN: Box Wide */
.boxWide{
	position:relative;
	background:url(/img/boxWideBg.gif) repeat-y;
	color:#000;
	width:557px
}

.boxWide div{
	background:url(/img/boxWideTop.jpg) no-repeat;
	padding:15px 20px 0
}

.boxWide h3{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#999;
	padding:0 0 5px
}

.boxWide p{
	margin:5px 0
}

.boxWide label{
	font-weight:bold;
	padding:0 5px
}

.boxWide ul{
	background:#ddbf6e url(/img/boxWideBottomStripe.gif) repeat-x;
	padding:9px 10px 0;
	margin:6px -7px 0
}

.boxWide ul li{
	display:inline;
	padding:0 8px;
	background:url(/img/pipeline2.gif) no-repeat left center
}

/* END: Box Wide */
/* BEGIN: Member Login, Subscribe and Survey */
#memberLogin{
	margin:5px 5px 15px;
	color:#2e5e82;
	font-weight:bold
}

#email{
	display:block;
	width:140px;
	margin:0 0 4px
}

#survey label{
	display:block;
	margin:7px 0 0 10px
}

#survey label input{
	position:relative;
	top:2px;
	left:-2px
}

#btnLoginSubmit{
	position:relative;
	top:4px;
	left:15px
}

#btnVote{
	position:absolute;
	top:70px;
	left:90px
}
/* END: Member Login, Subscribe and Survey */
/* BEGIN: Tables */
table{
	margin:0 0 15px;
	width:100%
}

th{
	padding:5px;
	width:24px;
	background-color:#707B97;
	border:1px solid #ccc;
	color:#fcfcfc;
	font-size:16px
}

td{
	padding:6px 10px;
	background-color:#F0F1F3;
	border:1px solid #B2BAC5;
	color:#000;
	vertical-align:middle;
}

td div{
	clear:both;
	margin-top:5px
}
.transparent td{
	background-color:transparent;
	border:0
}
#stateInfo {
	background:url(/img/map_bg.gif) no-repeat center;
}
#stateInfo td {
	padding-bottom:150px;
}

/* END: Tables */
.moveIn{
	margin:0 10px
}

.firstElement{
	background:none !important
}

.floatRight{
	float:right
}

.areaCode{
	width:60px
}

.noMargin{
	margin:0
}
.checkOrRadio{
	float:left;
	margin:5px 5px 0;
	font-weight:bold;
	}
.checkOrRadio input{
	position:relative;
	top:2px;
}

#fullContent label{
	display:block;
	color:#234D6D;
	font-size:11px
}

.formBox {
	border: 1px solid #cccc99;
	background: #FAF7E8;
	padding: 5px;
	margin: 5px;
}

#main ul li{
	padding-left:15px;
	background:url(img/bulletList.gif) 0 2px no-repeat;
	margin-bottom:7px;
	font-weight:bold;
	color:#666;
	list-style:none;
}

/* BEGIN: Specific */

.purchase td{
	background-color:#fff;
	}
.purchase th{
	font-size:11px;
	text-align:left;
	padding:6px 10px;
	width:auto;
}

/* END: Specific */