/* = general styles  */

*
{
margin:0px;
padding:0px;
}

body
{
font-family:verdana,arial, sans-serif;
font-size:75%;
color:#2D2D2;
background-color:#E4E9EA;
}

h1, h2, h3
{
color:#383838;
}

h1
{
font-size:150%;
letter-spacing:0.2em;
margin:0 0  1em 0;
}

h2
{
font-size:120%;
letter-spacing:0.1em;
margin-top:1em;
margin-bottom:0.5em;
}

h3, h4
{
font-size:110%;
letter-spacing:0.05em;
margin-bottom:0.6em;
}

h5, h6
{
font-size:100%;
}

p
{
margin-bottom:1em;
}

dt
{
font-weight:bold;
margin:0.7em 0 0 0; 
}

dd
{
padding:0 0 0.7em 0;
border-bottom:3px solid #D0A0A0;
}

input
{
border:1px solid grey;
padding:0.2em;
margin:0;
}

a img
{
border:none;
}

a:link, a:visited
{
color:#245087;
font-weight:bolder;
text-decoration:underline;
}

a:hover, a:active
{
color:#4875AD;
text-decoration:underline;
}


blockquote
{
font-style:italic;
}

hr
{
visibility:hidden;
}

#data
{
border-collapse:collapse;
border:3px solid #eee;
margin:1em;
}


#data th
{
text-align:left;
}

#data th, #data td
{
padding-bottom:0.7em;
padding-top:0.3em;
padding-right:0.5em;
padding-left:0.5em;
border-bottom:3px solid #eee;
}



/* = layout  styles  */

#container
{
width:770px;
margin:auto;
position: relative;
height:100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
background:#fff url('../images/main_background.gif') no-repeat 0% 0%;
}

#main
{
/*border-left:1px solid  #4875AD;*/
margin-left:185px;
padding-top:2em;
padding-bottom:2em;
padding-right:2em;
padding-left:2em;
line-height:1.7em;
}


#footer 
{
background-image:url('../images/bottom.gif');
width:100%;
height:60px;
text-align:center;
clear:both;
color:#0B2637;
text-align:center;
color:#0B2637;
font-size:90%;
}

#main ul, #main ol
{
list-style-image:url(../images/bullet.gif);
padding-left:2em;
margin-bottom:1em;
}

#banner
{
text-indent:-9999px;
background:url('../images/discern-genetics.gif');
height:153px;
margin-bottom:0em;
padding-bottom:0px;
background-repeat:no-repeat;
}

/* = menu styles */

#mainleftnav
{
width:190px;
float:left;
padding-top:2em;
}


#mainleftnav, #mainleftnav li 
{
list-style-image:none;
margin:0px;
}

#mainleftnav a, #mainleftnav li
{
margin:0px;
display:block;
margin:0;
margin:0px;
}

#mainleftnav li ul a
{
font-size:0.9em;
padding-left:2em;
padding-top:0.3em;
padding-bottom:0.3em;
}

#mainleftnav a
{
padding-left:1em;
padding-top:0.5em;
padding-bottom:0.5em;
text-decoration:none;
}

#mainleftnav a.selected
{
border-right:1px solid #fff;
background-color:#fff;
color:#A33E36;
}

#mainleftnav a.selected:hover
{
text-decoration:none;
}

#mainleftnav a:hover
{
background-color:#fff;
text-decoration:none;
}

#mainleftnav a.other:link, #mainleftnav a.other:visited
{
color:#245087;
text-decoration:none;
} 

#mainleftnav a.other:hover, #mainleftnav a.other:active
{
text-decoration:none;
}

/* hack for IE? */
* html #mainleftnav ul li 
{
float:left; 
}

* html #mainleftnav ul li a 
{
height:0%; 
}


/* = */

#submitbutton
{
margin-bottom:0.5em;
}


hr.big
{
border:1px solid #C8D2DF;
}

hr.small
{
border:1px solid #C8D2DF;
margin-bottom:3em;
}

/* = questionnaire stuff */

#questionnaire
{
padding:0;
margin:0;
}

#question h2, #guidance h2
{
margin:0;
padding:0.2em 0 0.3em 1em;
background-color:#4F859F;
width:97,5%;
color:#fff;
}

#question h3, #guidance h3
{
font-size:120%;
padding:0.2em 0 0.3em 1em;
color:#066798;
}


#question form
{
padding-left:1em;
}

#question fieldset
{
border:0;
}

#hint
{
margin:1em;
background-color:#eee;
padding:1em;
}

#ratingtable
{
border-collapse:collapse;
border-left: 1px solid #245087;
border-top: 1px solid #245087;
border-bottom: 1px solid #245087;
width:300px;
margin:0;
}

#ratingtable th
{
width:20%;
border-right:1px solid #245087;
padding-left:0.4em;
padding-right:0.4em;
background-color:#DEE6F0;
}


#ratingtable td
{
text-align:center;
border-top: 1px solid #245087;
vertical-align:top;
padding-left:1em;
border-right:1px solid #245087;
}

#result
{
border-collapse:collapse;
border-left: 1px solid #6C4040;
border-top: 1px solid #6C4040;
border-bottom: 1px solid #6C4040;
}

#result th
{
width:20%;
border-right:1px solid #6C4040;
text-align:left;
padding-left:1em;
background-color:#D0A0A0;
}


#result td
{
border-top: 1px solid #6C4040;
vertical-align:top;
padding-left:1em;
border-right:1px solid #6C4040;
}

#result .number td
{
border-right:1px solid #6C4040;
padding-left:1em;
text-align:center;
}


#questionnairenav li, #guidancenav li
{
height:2em;
margin:0;
list-style:none;
padding:0 0.4em 0 0.3em;
float:left
}


#questionnairenav li.selected, #guidancenav li.selected
{
background-color:#D97302;

}

#questionnairenav li.selected a:link, #guidancenav li.selected a:link, #guidancenav li.selected , #questionnairenav li.selected
{
color:#fff;
}

#questiontitle
{
background-color:red;
}

#questionnairenav, #guidancenav
{
height:2em;
border-top: 3px solid #DFBD99;
border-bottom: 3px solid #DFBD99;
margin:0;
height:2em;
witdh:100%;
padding:0;
display:block;
font-weight:bolder;
background:url('../images/startsmall.gif') no-repeat 0 3px;
}

#start 
{
padding: 15px 0 20px 66px;
background:url('../images/start.gif') no-repeat 10px 20px;
margin-top:1em;
display:block;
font-size:110%;
width:180px;
border:3px solid #4F859F;
}

#startsmall 
{
padding:3px 10px 8px 25px;
background:url('../images/startsmall.gif') no-repeat 0px 2px;
margin-right:10px;
font-size:90%;
display:block;
line-height:1em;
float:right;
border:3px solid #4F859F;
}

.visited
{
color:grey;
}


#totalscore
{
float:right;
width:150px;
height:30px;
margin-right:0.5em;
font-weight:bolder;
padding:7px;
background-color:#E4E9EA;
} 

#totalscorenumber
{
font-size:1.3em;
color:#B1342D;
font-weight:bold;
}


#question, #guidance{
border:3px solid #4F859F;
margin-top:1em;
width:95%;
}


#guidance p, #question p, #guidance h4,#guidance h5,#guidance h6, #guidance blockquote
{
margin:1em;
}

a.rating:link, a.rating:visited
{
background:#fff url('../images/arrow.gif') no-repeat 5% 50%;
font-variant:small-caps;
letter-spacing:0.1em;
font-size:1.2em;
white-space:no-wrap;
width:16em;
display:block;
margin-bottom:1em;
margin-top:1em;
padding-left:1.8em;
padding-bottom:0.3em;
padding-top:0.1em;
padding-right:1em;
border:1px solid #843630;
}

a.rating:hover, a.rating:active
{
background-color:#E6E4E4;
color:#1D4473;
}

#error
{
border:3px solid #B1342D;
color:#B1342D;
font-size:130%;
width:10em;
padding:0.5em;
margin-bottom:1em;
font-weight:bolder;
}

.imagelegend
{
border:3px solid #eee;
padding:0.2em;
}

.dark
{
background-color:#eee;
}

#summary
{
border-collapse:collapse;
}

#summary td
{
padding:0 0.3em 0 0.3em;
}

/* = styles for notes */

.question
{
background-color:#FCFFC9;

}

.note
{
background-color:#EFA8A4;
}

.thissection
{
background-color:#CECECE;
}

.removed 
{
text-decoration:line-through;
color:red;
}

#footnote
{
font-size:0.9em;
padding-left:1.0em;
padding-right:1.0em;
padding-top:1.0em;
}