/* CSS Document */

/*General doc details*/

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333366;
font-size:small;
margin:5px;
background-color: #FFFFFF;
}

hr	{
padding: 2px;
margin: 0;
width: 700px;
text-align: center;
}

h1{
font-size:200%;
}


h2	{
font-size: large;
text-align: left;
}

h3	{
font-size: 12px;
text-align: left;

}


h4 {
font-size:12px;
text-align:left;
font-style:bold;
}

h5 {
font-size:10px;
text-align: center;
}

h6 {
font-size:12px;
text-align:left;
}


p {
font-size: small;
text-align:justify;
line-height:150%;
color: #0c2a3f;
}

#container
{
width:960px;
margin: 10px auto;
background-color: #fff;
color: #333;
line-height: 130%;
}


/*TOP LOGO*/
#pageheading{
padding-top:108px;
background-image: url(../images/title.png);
background-position: center;
background-repeat:no-repeat;
border: #333366;
position:relative;
width:960px;
}

#pageheading h1{
font-family:Tahoma;
background-color: #FFFFFF;

}

.hide{
position:absolute;
visibility:hidden;
}

#pageheading img{
position: relative;
right:10px;
top:0px;
}

.hide{
position:absolute;
visibility:hidden;
}

/*main navigation menu*/
/*main navigation menu*/
#mainnav ul{
padding: .2em 0;
padding-top:10px;
margin: 0;
height: 25px;
list-style-type: none;
background-color:#9aabd4;
color: #402406;
width: 100%;
font: normal 100% arial, helvetica, sans-serif;
font-size: 16px;
text-align: center;
}

#mainnav li { display: inline; }

#mainnav li a{
text-decoration: none;
background-color:#9aabd4;
color: #402406;
padding: .2em 1em;
border-right: 1px solid #9aabd4;
height: 50px;
}

#mainnav li a:hover{
background-color:#9aabd4;
color: #FFF;
height: 50px;
}



/*Main Body*/
#bodytop{
width:960px;
height:290px;
background-image: url(../images/banner.jpg);
}

#bodytop p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 20px;
font-weight:bold;
line-height:180%;
float:left;
margin:90px 50px 0 50px;
width: 865px;
clear:both;
z-index:1;
}

#content
{
border-right: 1px;
border-left: 1px;
padding: 1em;
z-index:1;
margin-left: 320px;
margin-right: 200px;
max-width: 36em;
min-height:420px;
}



/*mapping*/
#mapping {
width:205px;
padding:30px 0 10px 15px;
height: 280px;
}

#mapping h3 {
text-align: left;
color: #094554;
font-size:16px;
line-height:130%;
width: 158px;
padding: 0 0 22px 5px;

}

#mapping p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align: justify;
line-height:130%;
color: #333333;
width: 270px;
padding: 10px 0 0 0;
}


#mapping a{
padding: 1px;
font-weight:bold;
font-size: 13px;
}

#mapping  a:link, #mapping a:visited {
color: #094554;
text-decoration:none;
}

#mapping  a:hover {
color: #094554;
text-decoration:underline;
}

#mapping img{
margin:-20px -1px -10px 0;
height:170px;
width:276;
}

/*Left navigation menu*/
#leftnav {
float: left;
width: 220px;
margin: 0;
padding: 1em;
height: 75px;
}

/*assessment*/

#assessment {
width:205px;
padding:30px 0 10px 5px;
height: 280px;
clear:both;
}

#assessment h3 {
text-align: left;
color:#094554;
line-height:130%;
width: 158px;
font-size:16px;
padding: 1px 0 0 5px;

}

#assessment p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align: justify;
line-height:130%;
color: #333333;
width: 270px;
padding: 0  0 -2px 0;
}

#assessment a{
padding: 1px;
font-weight:bold;
font-size: 13px;
}

#assessment  a:link, #assessment a:visited {
color: #094554;
text-decoration:none;
}

#assessment  a:hover {
color: #094554;
text-decoration:underline;
}

#assessment img{
margin:-1px 0 15px 0;
height:170px;
width:276;

}

/*Right navigation*/
#rightnav {
float: right;
width: 280px;
margin: -5px;
padding: 1.5em;
z-index:10;
height: 60px;
}

/*survey*/

#survey {
width:205px;
padding:30px  0 10px 5px;
height: 280px;
clear:both;
}

#survey h3 {
text-align: left;
color:#094554;
font-size:16px;
line-height:130%;
width: 188px;
padding: 0 0 0 5px;
}

#survey p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align: justify;
line-height:130%;
color: #333333;
width: 270px;
padding: 0  0 -2px 0;
}


#survey a{
padding: 1px;
font-weight:bold;
font-size: 13px;
}

#survey  a:link, #survey a:visited {
color: #094554;
text-decoration:none;
}

#survey  a:hover {
color: #094554;
text-decoration:underline;
}

#survey img{
margin:-1px 50px 0 0;
height:170px;
width:276;s
}


/*footer*/
#footer ul{
padding: 25px 0 0 0;
margin: 0;
height: 40px;
list-style-type: none;
background-color:#9aabd4;
color: #0B0727;
width: 100%;
font: normal 80% arial, helvetica, sans-serif;
font-size: 15px;
text-align: center;
}

#footer li { display: inline; }

#footer li a{
text-decoration: none;
background-color: #9aabd4;
color: #0B0727;
padding: .2em 1em;
border-right: 1px solid #9aabd4;
height: 20px;
}

#footer li a:hover{
background-color: #9aabd4;
color: #fff;
height: 32px;
}



#leftnav p { 
margin: 0 0 1em 0; 
}