/* structural */

body { 
padding: 0; 
margin: 0;
background-image:url(../images/bg_body.gif);
background-repeat:repeat-x;
font-size:100%;
color:#444;
}

#wrap {
margin: 0 auto;
padding:0 25px 0 25px;
width:940px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:0.8em;
background-color:#FFF;
}

#topnav {
clear:both;
font-size:1.1em;
padding: 0;
}

#topbanner {
clear:both;
background-image:url(../images/bg_banner.jpg);
background-repeat:no-repeat;
color:#666;
font-size:1.1em;
padding:0 0 0 168px;
/* min-height hack for ie6 */
min-height: 254px;
height: auto !important;
height: 254px;
}

#footer {
padding: 15px 20px 10px 20px;
clear:both;
color:#999;
font-size:0.9em;
border-top: 2px solid #b7b7b7;
background-color:#f1f1f1;
}

#access {display:none;}

#clear {clear:both;}









/* general styles */


img {border:none;}

td {font-size:0.9em;}

.small {font-size:0.85em;}

h1,h2,h3,h4 { 
clear: both;
font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1 {
color:#005695;
font-size:1.8em;
margin:30px 0 0 0;
padding:0;
font-weight:lighter;
}

h2 {
color:#005695;
font-size:1.3em;
margin: 0;
padding:0 0 10px 0;
font-weight:lighter;
}

h3 {
color:#222;
font-size:1.0em;
margin: 0;
padding:0;
font-weight:bold;
}

form.login {margin: 0;padding: 0;}

form.login fieldset {
border:none;
padding: 0;    
margin: 0;
width: 250px;
}

form.login label { 
padding: 0; 
margin: 5px 0; 
}

form.login input{
width:auto;
margin:5px 5px 0 0; 
}













/* link styles */

#footer a:link, #footer a:visited{
color:#999;
text-decoration:none;
}

#footer a:hover {
color:#999;
text-decoration:underline;
}









/* top nav styles */

#topnav ul { 
list-style-type: none; 
margin: 0;
padding:0;
font-size: 1em;

}

#topnav ul li {
display:inline;
margin: 0;
padding-right:6px;
float:right;
}

#topnav a {
display: block; 
padding: 0.2em 0.7em; 
color: #666; 
text-decoration: none; 
border-top: 7px solid #8CC63F;
border-left: 1px solid #999;
}







/* homepage styles */

h1.home {
color:#005695;
font-size:2.0em;
margin:0 0 0 30px;
padding:35px 0;
font-weight:lighter;
}

h2.home {
color:#777;
font-size:1.2em;
margin: 0 0 14px 45px;
padding:0;
font-weight:lighter;
}

h3.purple, h3.orange, h3.green {
color:#FFF;
padding:10px 5px 10px 20px;
font-size:1.5em;
font-weight:lighter;
}

h3.purple {
background-color:#7461AA;
}


h3.orange {
background-color:#FE8D14;
}


h3.green {
background-color:#8CC63F;
}

h3.darkgrey {
background-color:#666;
color:#FFF;
padding:3px 5px 10px 20px;
font-size:1.2em;
}

h3.grey {
color:#666;
padding:0 5px 10px 0;
font-size:1.5em;
font-weight:lighter;
}

h3.white {
color:#FFF;
padding:10px 5px 10px 0;
font-size:1.5em;
font-weight:lighter;
}

#home_content {
clear:both;
width:940px;
padding:10px 0;
margin:0;
}

#box1 {
float:left;
width:306px;
padding: 0 11px 0 0px;
}

#box2 {
float:left;
width:306px;
padding: 0 11px 0 0px;
}

#box3 {
width: 306px;
float:left;
padding:0;
} 

#home_container {
padding:20px;
}

#home_container_questionnaire {
padding:0 20px 20px 20px;
background-image: url(../images/bg_home_questionnaire.gif);
background-repeat: no-repeat;
}

#home_container_green {
padding:0 20px 20px 20px;
background-image: url(../images/bg_greenboxhead.gif);
background-repeat: no-repeat;
}

#home_container_purple {
padding:0 20px 20px 20px;
background-image: url(../images/bg_purpleboxhead.gif);
background-repeat: no-repeat;
}

#box1 a:link, #box1 a:visited, #box2 a:link, #box2 a:visited, #box3 a:link, #box3 a:visited{
color:#444;
text-decoration:underline;
}

#box1 a:hover, #box2 a:hover, #box3 a:hover {
color:#666;
text-decoration:underline;
}

#box3 a.noline:link, #box3 a.noline:visited{
color:#444;
text-decoration:none;
}

#box3 a.noline:hover {
color:#666;
text-decoration:none;
}

#image-container {
float: left;
margin:0;
}

#image-container2 {
float: right;
margin:0;
}