@charset "utf-8";
/* CSS Document */

body {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #b4b4b4;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #464646;
}

p, h1, h2, h3, h4 { margin:0; padding: 0; }

.oneCol #container {
	width: 1040px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-bottom:20px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: white;
}
.oneCol #header { 
	padding: 25px 50px 35px; 
} 
.oneCol #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneCol #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-bottom: 50px;
}

.oneCol #secondContent {
	padding: 0 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#secondContent a {
text-decoration: none;
color: #464646;
}

.oneCol #footer { 
	margin: 60px 50px 20px; 
	font-size: 11px;
	color: #666666;
	border-top: 1px solid #d4d5d5;
    padding-top: 15px;
	text-align: left;
} 
.oneCol #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneCol #footer a:link, .oneCol #footer a:visited, .oneCol #footer a:active {
text-decoration: none;
color: #666;
}

.oneCol #footer a:hover {
text-decoration: underline;
}

#clear {
	clear:both;
}

#logo {
	width: 395px;
	float: left;
	background: url(../img/tagline.jpg) no-repeat;
	background-position: right;
}
#util_nav {
	float: right;
	font-size: 12px;
	margin-top: 50px;
}

#util_nav a, #util_nav img {
float: left;
}

#util_nav a:link, #util_nav a:visited, #util_nav a:active {
text-decoration: none;
color: #333;
}

#util_nav a:hover {
text-decoration: underline;
}


#login_box {
background: url("../img/login_bg.png");
background-repeat:no-repeat;
width: 185px;
height: 195px;
font-size: 12px;
padding: 20px;
margin-top: 0;
margin-left: 30px;
position: absolute;
}

#v_rule {
border-left: 1px solid #b5b5b5;
float: left;
margin-right: 15px;
}

#nav_band_links {
float: left;
height:338px;
width: 245px;
background: #eef0ee;
text-align:right;
}

#nav_band_links ul {
margin:28px 10px 0 0;
}

#nav_band_links ul li {
list-style: none;
font-size: 13px;
}

#nav_band_links ul li:link, #nav_band_links ul li:visited, #nav_band_links ul li:active, #nav_band_links ul li a:link, #nav_band_links ul li a:visited, #nav_band_links ul li a:active {
text-decoration: none;
color: #464646;
}

#nav_band_links ul li:hover, #nav_band_links ul li a:hover {
/*text-decoration: underline;*/
cursor:pointer;
}

#nav_band_links ul li.major {
font-size: 19px;
font-weight: bold;
}

#nav_band_links ul li.major a:hover {
text-decoration: none;
cursor:pointer;
}

#nav_band_guide {
float: left;
height: 338px;
width: 285px;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../img/nav_band_guide_bg.jpg);
}

#nav_band_guide_wwd {
float: left;
height: 338px;
width: 285px;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../img/nav_band_WWDguide_bg.png);
}

#nav_band_guide_hwh {
float: left;
height: 338px;
width: 285px;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../img/nav_band_HWHguide_bg.png);
}


#nav_band_guide p, #nav_band_guide_wwd p, #nav_band_guide_hwh p {
width: 230px;
margin: 32px 0 0 35px;
padding: 0;
font-size: 18px;
line-height:22px;
color: white;
}

#nav_band_image {
float: left;
height: 338px;
width:510px;
}

.main_nav li:hover {
background: white;
font-style: italic;
margin-right: -4px;
padding-right: 4px;
}

H1 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #464646;
font-size: 31px;
font-weight: normal;
margin-top: 5px;
margin-bottom:15px;
}

H2 {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #8cc348;
font-size: 17px;
margin: 22px 0 5px 0;
}

H3 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #8cc348;
font-size: 16px;
font-weight: normal;
line-height:24px;
margin-bottom: 20px;
}

H4 {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #8cc348;
font-size: 14px;
font-weight:bold;
margin-bottom:4px;
}

.learnmore {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #464646;
font-size: 12px;
}

.col480 {
float:left;
width:450px;
margin-right:15px;
padding-right:15px;
padding-top:20px;
border-top:1px solid #D4D4D4;
}

.col480 p {
width: 420px;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #464646;
line-height:23px;
}

.col480 p.home {
width: 420px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 20px;
line-height: 26px;
padding-top: 30px;
margin-bottom:-3px;
}

.col460 {
float: left;
width: 460px;
padding-top:28px;
border-top:1px solid #D4D4D4;
}

.col460 p {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18.5px;
margin-bottom:25px;
}

.col460 ul {
margin: 0 0 0 20px;
padding: 0;
}

.col460 li {
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
list-style:url(../img/triangle.png);
line-height: 18.5px;
}

.col460_split2A {
float: left;
width: 230px;
margin-right: 30px;
}

.col460_split2B {
float: left;
width: 200px;
}

.title {
color:#464646;
font-size:17px;
font-weight:bold;
margin:45px 0 15px;
}

#tab_title{
float: left; padding-top: 65px; width:340px; margin-left:30px;
font-size: 11px; 
color: #8cc347;
width: 355px;
margin-bottom: 20px;
}

.tab_h1{
font-size: 17px;
color: #464646;
font-weight: normal;
}

#secondContent a.email { 
color: #8cc347; 
margin-left: 50px;  
float: right;
}

.teal {
color: #0fb3ac;
}

.navy {
color: #157DAB;
}

.grey {
color: #464646;
}

.grey_border {
border: solid 1px #e4e4e4;
margin-bottom: 7px;
}

.yellow_box {
background: url(../img/yellow_box_bg.png);
background-repeat:no-repeat;
background-position:center;
width:222px;
height:105px;
}

.yellow_box p {
font-size: 11px;
}

.yellow_box img {
margin: 30px 15px 30px 15px;
}

.georgia {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color: #0fb3ac;
margin-bottom: 30px;
}

ul#report_tabs {
margin: 5px 0 0 0;
padding: 0;
border-bottom: 1px solid #d5d5d5;
display: inline-block;
padding-top: 10px;
width: 465px;
}

#report_tabs li {
float: left;
list-style: none;
margin-right: 20px;
padding-bottom:10px;
}


ul.tabs {
	margin: 0;
	margin-bottom: -8px;
	padding: 0;
	float: left;
	list-style: none;
	height: 40px; /*--Set height of tabs--*/
	width: 100%;
	z-index:-1;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 39px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 12px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
		background: url(../img/inactive_tab.png);
        text-align: center;
        width: 120px;
        margin-left: 20px;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 10px;
	outline: none;
        margin-top: 7px;
}
ul.tabs li a:hover {
	text-decoration: underline;
}
html ul.tabs li.active { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: url(../img/active_tab.png);
	width: 157px;
}

html ul.tabs li.active a:hover  {}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
    z-index: 1;
}
.tab_content {
	padding: 30px 0;
	font-size: 1.2em;
}
#contact-wrapper {
	width:460px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:12px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:12px;
	color:#333; 
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

.active_item {
background: url(../img/up_arrow.png); 
background-repeat:no-repeat;
background-position:bottom;
padding-bottom: 10px;
}

.teal_arrow {float: left; margin-right: 5px;}

p.learn_more { margin-top: 23px;}

.col480 p.learn_more { margin-top: 21px;}

.tab_content p { margin-bottom: 15px; }

.yellow_box h4 {
padding-top:14px;
}
.yellow_box p {
font-size:11px;
line-height:15px;
margin-bottom:10px;
}

.col480 p.learn_more img {
padding-top: 4px;
}
.col460_split2A p {margin-bottom: 23px;}

#nav_group1 {margin-top: 33px;}
#nav_group2 {margin-top: 25px;}
#nav_group3 {margin-top: 20px;}