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

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

html,body {
background:url(../images/backgrounds/bg-main.jpg) repeat-x #ffffff;
font-family:"Lucida Sans", "Verdana", "Helvetica", sans-serif;
font-size:12px;
color:#696969;
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:20px;
letter-spacing:-2px;
font-weight:bold;
margin:2px;
color:#fb9235;
}

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

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


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;
}


strong {
font-weight:bold;
}

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

#access {
background:url(../images/backgrounds/bg-access.jpg) no-repeat;
width:400px;
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;
}

#highcontrast a {
color:#ffff00;
}

.normal {
display:none;
}

.high {
display:block;
}

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

#top_options {
font-size:10px;
margin-top:20px;
}

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

#header {
clear:both;
margin:0 auto;
width:920px;
}

#header_hc {
display:none;
}

textarea {
font-family:"Lucida Sans", "Verdana", "Helvetica", sans-serif;
font-size:12px;
color:#696969;
}

/* : : : : : : : : : : : Content : : : : : : : : : : : */
#content {
margin:0 auto;
width:884px;
padding:0 19px 20px 17px;
background:url(../images/backgrounds/bg-content.jpg);
}

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

#navstrip {
background:url(../images/nav/nav-bg.jpg);
height:40px;
width:884px;

}

#navstrip a {
display:block;
float:left;
height:23px;
background:url(../images/nav/nav-seperator.jpg) right no-repeat;
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:#f5f5f5;
position:relative;
}

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

#bg_nav a{
display:block;
width:205px;

color:#666666;
text-decoration:none;
padding:5px 0 5px 10px;
}

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

#bg_nav a:hover{
background:#ebf0cc;
}

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

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

}

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

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

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

#frontleft {
width:420px;
float:left;
position:relative;


}

#frontleft p {
display:inline-block;
float:left;

}

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

.frontbox:hover {
background:#ebf0cc;
border:5px solid #d4dba1;
padding:0px;
}

.frontbox_inner {
padding:5px;
width:180px;
}

/* : : : : : : : : : : : Front banner and links : : : : : : : : : : : */

#banner {
width:406px;
height:63px;
background:url(../images/debt_bg.jpg) no-repeat;
text-align:right;
padding-top:20px;
cursor:pointer;
padding-right:5px;
margin-bottom:5px;
}

#banner h3 {
color:#FFFFFF;
font-size:20px;
margin-bottom:5px;
}

#hometable a {
display:block;
margin:5px;
width:190px;

}

#hometable tr td {
text-align:center;
}



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

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

#warning {
background:url(../images/warning.jpg) no-repeat;
width:118px;
height:56px;
font-size:10px;
padding: 10px 10px 0 70px;
}

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

#casestudies {
background:url(../images/casestudies.jpg)  center no-repeat #f3f3f3;
width:170px;
height:96px;
cursor:pointer;
border:1px solid #dddddd;
margin: 15px 10px 0 10px;
cursor:pointer;
padding:4px;
}

#casestudies-inner {
padding:5px;
width:110px;
padding-right:60px;
text-align:left;
margin-top:10px;
}

#casestudies:hover {
background:url(../images/casestudies2.jpg)  center no-repeat #ebf0cc;
border:5px solid #d4dba1;
padding:0px;
}




/* : : : : : : : : : : : Big buttons : : : : : : : : : : : */

.button, .button-no-hover {
width:400px;
background:#f3f3f3;
border:1px solid #dddddd;
margin: 0 10px 5px 0;
cursor:pointer;
padding:4px;
text-align:center;
}

.button-no-hover {
cursor:default;
}

.button:hover {
background:#ebf0cc;
border:5px solid #d4dba1;
padding:0px;
}


.error {
font-size:11px;
color:#fb9235;
display:block;
font-weight:bold;
}


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

#footer {
clear:both;
background:url(../images/backgrounds/bg-footer.jpg) no-repeat top;
width:880px;
padding:22px 20px 0 20px;
margin:0 auto;
}

#footer_left {
float:left;
}

#footer_right {
float:right;
text-align:right;
}