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

/* : : : : : : : : : : : Overall element styling : : : : : : : : : : : */

html,body {
background: #000000;
font-family:"Lucida Sans" "Verdana" sans-serif;
font-size:12px;
color:#ffff00;
text-align:left;
margin:0 auto;
}


h1 {
font-family: "Helvetica", sans-serif;
font-size:60px;
letter-spacing:-2px;
font-weight:bold;
color:#fb9235;
margin-top:5px;
margin-bottom:10px;
}

h2 {
font-family: "Helvetica", sans-serif;
font-size:40px;
letter-spacing:-2px;
font-weight:normal;
color:#fb9235;
}

h3 {
font-family: "Helvetica", sans-serif;
font-size:20px;
letter-spacing:-1px;
font-weight:bold;
color:#ffff00;
}

h4 {
font-family: "Helvetica", sans-serif;
font-size:16px;
font-weight:bold;
color:#ffff00;
}


a {
text-decoration:none;
color:#fb9235;
}

a:hover {
text-decoration:underline;
}

.clearer {
clear:both;
}

.hr {
width:100%;
height:1px;
background:#bbbbbb;
margin: 10px 0 10px 0;
}


/* : : : : : : : : : : : Header elements : : : : : : : : : : : */
#header_top {
margin:0 auto;
width:920px;
}

#access {
background:none;
width:149px;
height:24px;
float:left;
margin-left:20px;
}

#highcontrast {
float:left;
width: 100px;
font-family: "Helvetica", sans-serif;
font-size:14px;
color:#ffff00;
font-weight:bold;
padding:5px;
}

.high {
display:none;
}

.normal {
display:block;
}

#textsize {
float:left;
font-family: "Helvetica", sans-serif;
font-size:14px;
color:#FFFF00;
font-weight:bold;
padding:5px;
}

#login {
float:right;
padding:25px 20px 0 0;
font-family: "Helvetica", sans-serif;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:-1px;
}

#header_hc {
display:block;
clear:both;
margin:0 auto;
width:920px;
padding-left:20px;
}

#header_hc a {
color:#FFFF00;
}

#header {
display:none;
}

/* : : : : : : : : : : : Content : : : : : : : : : : : */
#content {
margin:0 auto;
width:884px;
padding:0 19px 20px 17px;
background:none;
}

/* : : : : : : : : : : : Navigation elements : : : : : : : : : : : */

#navstrip {
background:none;
height:40px;
width:884px;
}

#navstrip a {
display:block;
float:left;
height:23px;
background:none;
padding:10px 18px 0 18px;
font-family: "Helvetica", sans-serif;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
text-decoration:none;
}

#navstrip a:hover {
border-bottom: 7px solid #fb9235;
}

#navstrip a.active  {
border-bottom: 7px solid #fb9235;
}

/* : : : : : : : : : : : Benefit guide nav : : : : : : : : : : : */

#bg_nav {
float:left;
width: 215px;
margin-top:10px;
padding-top:5px;
background:none;
}

#bg_nav h3{
padding-left:10px;
}

#bg_nav a{
display:block;
width:205px;
font-size:12px;
color:#fb9235;
text-decoration:none;
padding:5px 0 5px 10px;
}

#bg_nav a.white{
background:#000000;
}

#bg_nav a:hover{
background:#ffff00;
color:#000000;
}

/* : : : : : : : : : : : Main content : : : : : : : : : : : */

#maincontent {
float:left;
padding:10px;
width:630px;
}

#mission_statement {
font-size:30px;
font-family: "Helvetica", sans-serif;
letter-spacing:-1px;
color:#ffffff;
background:#000000;
}

.green {
color:#ffff00;
font-weight:bold;
}

/* : : : : : : : : : : : Front left : : : : : : : : : : : */

#frontleft {
width:420px;
float:left;
}

.frontbox {
float:left;
width:190px;
border:1px solid #dddddd;
margin: 0 10px 5px 0;
cursor:pointer;
padding:4px;
background:none;
}

.frontbox:hover {
background:none;
border:5px solid #ffff00;
padding:0px;
}

.frontbox_inner {
padding:5px;
}

/* : : : : : : : : : : : Front right : : : : : : : : : : : */

#frontright {
float:right;
text-align:right;
width:198px;
}

#warning {
background:none;
width:118px;
height:76px;
font-size:10px;
padding: 10px 10px 0 70px;
}

#frontright p {
font-family: "Helvetica", sans-serif;
font-size:14px;
font-weight:bold;
color:#bbbbbb;
margin-top:-10px;
}



/* : : : : : : : : : : : Footers : : : : : : : : : : : */

#footer {
background:none;
width:880px;
padding:22px 20px 0 20px;
margin:0 auto;
}

#footer_left {
float:left;
}

#footer_right {
float:right;
}