body { 
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
margin: 0; 
padding:0;
color:#333;
background:#fff;
text-align:center;
min-width:960px;
}

/* contains all divs*/

#frame {
position:relative;
width:960px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
margin-top: 0;
padding:0;
}

/*header*/
#header{ 
position:relative;
float:left;
width:960px;
padding:0; 
margin:30px 0 18px 0;
text-align:left;
}

#header img {border:none;}

/*main nav*/
#nav { 
position:relative;
float:left;
width:960px;
padding:0; 
margin:0 0 30px 0;
text-align:center;
}

#nav ul {
margin:0 auto;
width:960px;
list-style:none;
padding:0;
}

#nav li {
width:170px;
float:left;
}

#nav li#home {
width:97px;
float:left;
}

#nav a {
display:block;
background:#00557e;
color:#fff;
font-size:1.4em;
padding:5px 0;
text-decoration:none;
}

#nav a:hover, #nav a.on {
background:#6abced;
color:#000;
}

/* home maincontent*/
#homecopy { 
position:relative;
float:left;
width:960px;
padding:30px 0 0 0; 
margin:0;
text-align:left;
background:url(../images/homebg.gif) #fff top left no-repeat ;
height:458px;
}

html > body #homecopy {min-height:458px; height:auto;}

#homecopy h1 {
margin: 252px 10px 18px 383px;
padding:0;
font-size:4.0em;
color:#00557e;
}

#homecopy p {
margin: 0 10px 13px 383px;
padding:0;
font-size:1.3em;
color:#333;
line-height:1.8em;
}

/*general template */
#maincontainer {
position:relative;
float:left;
width:960px;
margin:0;
padding:0;
text-align:left;
}

/* subnav */
#subnav {
position:relative;
float:left;
width: 148px;
padding:0; 
margin:0;
}

#subnav ul{
list-style:none;
margin:0;
padding:0;
display:block;
width:148px;
}

#subnav li { 
padding:0;
margin:0;
}

#subnav li a {
color:#000;
font-size:1.2em;
text-decoration:none;
padding:5px 5px 5px 10px;
margin:0;
width:133px;
display:block;
background:#6abced;
}

#subnav li a:hover {
color:#000;
background:#b4ddf6;
}

#subnav li a.current {
color:#000;
font-weight:bold;
}

#subnav ul ul {
margin:0;
padding:5px 0;
background:#b4ddf6;
}

#subnav li li {
margin:0;
padding: 0;
width:12px;
}

#subnav li li a{
text-decoration:none;
margin:0;
padding:2px 4px 2px 20px;
background:#b4ddf6;
color:#000;
display:block;
width:124px;
}

#subnav li li a:hover, #subnav li li a.current{
text-decoration:none;
margin:0;
padding:2px 4px 2px 20px;
background:#b4ddf6;
color:#666;
font-weight:normal;
}

#copy {
position:relative;
float:left;
width: 799px;
padding:0; 
margin:0;
background:#fff url(../images/copybg.gif) top right no-repeat;
height:480px;
}

#bd-feedback #copy {
width: 947px;
}

html > body #copy {min-height:480px; height:auto;}

#quizcontainer {background:#fff url(../images/copybg.gif) top right no-repeat; height:480px;}

html > body #quizcontainer {min-height:480px; height:auto;}

#copy h1 {
padding:0;
margin:0 240px 18px 15px;
font-size:3.3em;
color:#6abced;
}

#copy h2 {
padding:0;
margin:0 240px 10px 15px;
font-size:1.4em;
color:#31567f;
}

#copy h3 {
padding:0;
margin:0 240px 4px 15px;
font-size:1.3em;
color:#333;
line-height:1.6em;
font-weight:bold;
}

.fair {color:#86042C;font-weight:bold;}
.open {color:#817F7F;font-weight:bold;}
.comm {color:#DB2132;font-weight:bold;}
.under {color:#E3CA00;font-weight:bold;}
.supp {color:#00BEF0;font-weight:bold;}

#copy p {
padding:0;
margin:0 240px 24px 15px;
font-size:1.3em;
color:#333;
line-height:1.6em;
}

#copy a, #homecopy a {
color:#31567f;
text-decoration:none;
}

#copy a:hover, #homecopy a:hover {color:#58595b; text-decoration:underline;}


div#accordion {padding-bottom:25px;}
div#accordion p {margin-bottom:7px;}
div#accordion h3 {font-size:1.4em; font-weight:normal;}


#copy ul { 
margin: 10px 46px 0 24px;
padding:0 0 12px 0;
list-style-type: none; 
width:550px;
font-size:1.3em;
} 

#copy ul li { 
background: url(../images/bullets.gif) 0px 6px no-repeat;
margin: 0;
padding:0 0 8px 10px;
text-indent:0px;
list-style-type: none;
width:100%;
color:#333;
} 

#copy ul ul{ 
margin: 0 46px 0 12px;
padding:8px 0 0 0;
list-style-type: none; 
width:425px;
font-size:1.0em;
} 

#copy ul li ul li { 
background:#fff;
margin: 0;
padding:0 0 8px 0px;
text-indent:0px;
list-style-type: none;
width:100%;
color:#333;
}

#copy ul ul ul{ 
margin: 0 46px 0 8px;
padding:8px 0 0 0;
list-style-type: none; 
width:325px;
font-size:1.0em;
} 

#copy ul li ul li ul li { 
background: url(../images/bulletsub.gif) 0px 6px no-repeat;
margin: 0;
padding:0 0 8px 9px;
text-indent:0px;
list-style-type: none;
width:100%;
color:#333;
}

/*accessibility page*/

div.accessbutts ul {
padding: 0 0 30px 0px;
margin: 0 26px 0 5px !important;
list-style: none !important;
}

div.accessbutts ul li {	
padding: 0;
margin: 0;
display: inline !important;
background:#fff !important;
}

div.accessbutts img {border:none;}


/*form */
.userfield span {color:#cc0000;}

fieldset.userform, #footleft fieldset, #footrighter fieldset {
width: 650px;
overflow: hidden;
border:none;
margin:0;
padding: 5px 0px 45px 0px;
}

#footleft fieldset, #footrighter fieldset {padding-bottom:8px;}

legend.userform {
display:none;
}

div.userfield, div.userupload {
font-size: 100%;
width:650px;
padding: 0;
margin: 0 0 6px 0;
}

div.userfield label, div.userupload label {
color: #000;
background-color: inherit;
width: 200px;
float: left;
font-size:1.1em;
margin-top: 0;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 0;
padding-left: 0;
}

div.userfield input, div.userfield select, div.userupload input {
font-family: arial, helvetica, sans-serif;
width: 230px;
border: solid 1px #666;
margin: 0px 0px 15px 0px;
padding: 1px 1px 1px 3px;
font-size:1.1em;
}

div.userfield textarea {
width: 230px;
border: solid 1px #666666;
overflow: auto;
}

div.userfield textarea#ctl00_MasterContentPlaceHolder_EmailForm1_tbExperienceSkillsKnowledge {
width: 430px;
border: solid 1px #666666;
overflow: auto;
}




div.userbuttons {
width:440px;
text-align: right;
}

div.userbuttons input {
width: 82px;
height: 24px;
font-family: arial, helvetica, sans-serif;
padding-top:0;
margin: 25px 0 0 0;
color: #fff;
font-weight:bold;
border:none;
font-size:1.1em;
background-color: #DE7129;
}

* > html div.userbuttons input {padding-top:10px; /* only IE Mac sees this  */}


div.userbuttons input:hover{
	color: #fff;
	border:none;
	background-color: #E79252;
}

.space {
height: 5px;
margin-bottom:15px;
float: left;
}

#form {
width: 200px;
float: left;
margin-left: 50px;
}

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 
.button {
float: right;
padding: 5px;
}

/*footer*/
#footer {
position:relative;
float:left;
width:960px;
padding:0; 
margin:23px 0 0 0;
border-top:1px solid #7f7e7e;
}


#footleft {
position:relative;
float:left;
width: 480px;
padding:0; 
margin:0;
text-align:left;
}

#footleft p {
margin:5px 0 0 0;
padding:0;
color:#666;
font-size:1.2em;
}

#footright {
position:relative;
float:left;
width: 480px;
padding:0; 
margin:0;
text-align:right;
color:#00557e;
}
 
#footright  ul {
padding: 0;
margin: 5px 0 0 0;
list-style: none;
}

#footright  li {	
padding: 0;
margin: 0;
display: inline;
}

#footright a {
color:#00557e;
font-size:1.2em;
text-decoration:none;
}
 
#footright a:hover {
color:#00557e;
font-size:1.2em;
text-decoration:underline;
}


/**/

#quizcontainer p{
padding:0;
margin:0 70px 24px 15px;
font-size:1.3em;
color:#333;
line-height:1.6em;
}

#quizcontainer h1 {
padding:0;
margin:0 240px 18px 15px;
font-size:3.3em;
color:#6abced;
}

#quizcontainer h2 {
padding:0;
margin:0 70px 10px 15px;
font-size:1.4em;
color:#31567f;
}


#quizcontainer input {
background:#005480;
border:none;
color:#fff;
font-weight:bold;
font-size:1.4em;
padding:4px 10px;
width:90px;
}

#quizcontainer label {
font-size:1.3em;
line-height:1.4em;
color:#333;
display:block;
float:left;
width:580px;
margin-bottom:10px;
}

#quizcontainer .radios input{
float:left;
width:20px;
background:#fff;
}

#quizcontainer #BarChart p {
padding:0;
margin:10px 10px 10px 15px;
font-size:1.3em;
color:#333;
line-height:1.6em;
}

#quizcontainer  a {
color:#31567f;
text-decoration:none;
}

#quizcontainer   a:hover {color:#58595b; text-decoration:underline;}


input#ctl00_MasterContentPlaceHolder_QuizControl_quizwizard_StartNavigationTemplateContainerID_StartNextButton {margin-right:80px;}