/* CSS for TakeTheTest.org  'x' version */
body {
		margin: 0;
		padding:0;
		border: 0px solid black;
		background-color: rgb(245,250,255); /* devel colors: white */ 
		color: black;
		width: 100%;
font-family: verdana, tahoma, 'lucida grande', arial, helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-variant: normal;
}

#main_container {
 position: absolute;
 top:0; left: 0;
 width: 100%;
 background-color: rgb(245,250,255);
 color: black;
 border: 0px solid red;
 }
#banner {
 position: relative;
 z-index: 2;
 top: 0px;
 left: 0px;
 height: 140px;
 width: 100%;
 background-color: transparent;
 color: rgb(0,0,110);
border-bottom: 0px solid rgb(20,60,110);
 }
html>body #banner { height: 125px; }

.rh_img {
 position: absolute;
 z-index:1;
 top:0px; left:0px;
 height: 140px; width: 100%;
 }
.main_title {
 position: absolute;
 top:68px; left: 90px;
 z-index: 3;
 } 

#below-banner {
 position: relative;
 z-index: 2;
 top: 0px;
 left: 0px;
 width: 100%;
 margin-top: 0px; margin-bottom: 20px;
 background-color: transparent;
 background-image: url(images/xxtealbg.jpg);
 background-repeat: repeat-x;
 border: 0px solid yellow;
 }
#below-banner p {
 text-align: justify;
 font-size: 0.8em;
 line-height: 1.4em;
 margin-bottom: 1em;
 }
	  
#center_container {
 position: relative;

 top: 0px;
 width: 850px;
 margin: 15px auto 0 auto;
 padding: 10px 0 20px 0px;
 margin-bottom: 5px;
 background-color: rgb(255,255,243); /* develop: 245,245,235; body text from main 255,255,243 */
 border: 0px solid green;
 }
.top_text {
 background-color: transparent; /* rgb(245,250,255) */
 padding: 10px 0px 4px 0px;
 margin: auto 40px;
 }
/* .top_text p { font-weight: 600; } */

.text_intro {
 text-align: center;
 margin: 22px auto 9px auto;
 font-size: 1.1em;
 }
.p1 {
 margin: 4px 20px 1em 20px;
 font-size: 1.1em;
 font-weight: 500;
 line-height: 1.5em;
 }
.p2 {
 margin: 1em 25px 15px 25px;

 font-size: 1.0em;
 line-height:1.4em;
 font-weight: 600;
 color: rgb(120,0,50);
 }
.p3 {
 margin: .1em 25px; 
 /* padding: .1em 0px; */
 font-size: 1.0em;
 }
 
#div2 {          /* this is a text block holding the disclaimer and credits */
 position: relative;
 clear: both;
 z-index: 0;
 top: 10px;
 left: 0px;
 width: 100%;
 margin: 0px;
 padding: 0px;
 background-color: rgb(255,255,243);
 color: black;
 border: 0px solid black;
 }
 
.depnote {
margin: 1em 25px;
padding-left: 10px;
font-weight: 500;
}
.disclaimer {
margin: 8px 20px 12px 20px;
font-size:0.8em;
padding: 2px 10px;
font-weight: 500;
background-color: white;
}
.tttnote {
margin: auto 20px;

font-weight: 500;
color: rgb(0,40,115);
}

#q_pages {
 text-align: center;
/* width: 285px; 
 margin-left: 40px; */
 background-color: transparent;
 color: black;
 border: 0px solid blue;
 }
#q_pages a {
 display: block;
 }

.navlinks {
 font-size: 0.9em;
 }

#question_div {
float: right;
 z-index: 2;
 position: relative;
 top: 10px;
 right: 0px;
 width: 260px;
 text-align: center;
 background-color: white;
 border: 2px solid rgb(245,245,235);
 padding: 12px 12px;
 margin: 0 10px 10px 10px;
 }
.q_intro {
 width: 100%;
 font-weight: 600;

 }
 
/* menu1 is for the test page links */
.menu1 {
 font-weight: 500;
 width: 100%;
 }

div.menu1 a {
    display:block;
    margin:3px 0px;

    padding:0.4em 0;
		font-size:0.80em;
		
    font-weight:500;
		border-top: 1px solid rgb(190,210,230);
		border-right: 1px solid rgb(190,210,230);
		border-bottom: 1px solid rgb(110,110,140);
		border-left: 1px solid rgb(110,110,140);

		background-color:rgb(230,243,255);
    color:rgb(0,0,90);
    text-decoration:none;
}

html>body div.menu1 a {width:auto;} /* hack for CSS-compliant browsers */

div.menu1 a {
		background-color:rgb(230,243,255);
    color:rgb(0,0,90);
		width: 100%;
		font-weight:600;
		text-decoration:none;
		}
div.menu1 a:link {
		background-color:rgb(230,243,255);
    color:rgb(0,0,90);
		font-weight:600;
		text-decoration:none;
		}
div.menu1 a:visited {
		background-color:rgb(230,243,255);
    color:rgb(0,0,90);
		font-weight:600;
		text-decoration:none;
		} 
div.menu1 a:hover {
		background-color:rgb(250,253,255);
    color:rgb(130,40,10);
		font-weight:600;
		text-decoration:none;
		}
div.menu1 a:active {
		background-color:rgb(230,243,255);
    color:rgb(0,0,90);
		font-weight:600;
		text-decoration:none;
		}		

/* next is for the FOC link set ( selected ones from the whole list) */
/* to get this to collapse nicely, it had to be hard-set against the main col. */
 #lhbar {
 position: relative;
 top: 0px; left: 0px;
 width: 160px;
 float: left;
 margin: 10px 12px 5px 10px;
 padding: 0;
 background-color: rgb(245,250,255);
 color: rgb(0,0,64);
 border-right: 1px solid rgb(255,255,255);  /* page bg color: 245,250,255 */
 border-bottom: 1px solid rgb(255,255,255);
 border-top: 1px solid rgb(255,255,255);
 border-left: 1px solid rgb(255,255,255);
 }
   	html>body #lhbar {
		 width: 180px;
		 } 
 
.lh_intro {
 width: 160px;
 line-height: 1.5em;
 margin: 2px 6px 0px 0px;
 padding-right: 6px;
 background-color: transparent;
 color: rgb(0,75,90);
 }
#lhbar p {
 font-size: 0.7em;
 text-align: left;
 margin:0;
 padding: 4px 8px 4px 12px;
 border: 0px solid blue;
 }

div.nav_items a {
    display:block;
		z-index: 0;
    margin: 0px 0px;
    width: 100%;
    padding:0.4em;
		padding-left: 1.0em;
		font-size:0.75em;	
    font-weight:500;
    
		/*border-top:1px solid rgb(190,210,230);
		border-right:1px solid rgb(190,210,230);
		border-bottom:2px solid rgb(110,110,140);
		border-left:2px solid rgb(110,110,140); */
		
		background-color:rgb(245,245,235);
    color:rgb(0,0,90);
    text-decoration:none;
}

html>body div.nav_items a {width:auto;} /* hack for CSS-compliant browsers */

div.nav_items a {
		background-color:rgb(245,245,235);
    color:rgb(0,0,90);
		/* font-weight:600; */
		text-decoration:none;
		}
div.nav_items a:link {
		background-color:rgb(245,245,235);
    color:rgb(0,0,90);
		/* font-weight:600; */
		text-decoration:none;
		}
div.nav_items a:visited {
		background-color:rgb(245,245,235);
    color:rgb(0,0,90);
		/* font-weight:600; */
		text-decoration:none;
		} 
div.nav_items a:hover {
		background-color:rgb(190,210,230);
    color:rgb(130,40,10);
		/* font-weight:600; */
		text-decoration:none;
		}
div.nav_items a:active {
		background-color:rgb(110,135,160);
    color:rgb(0,0,90);
		/* font-weight:600; */
		text-decoration:none;
		}		

#copyright {
position: relative;
top: 10px; left: 0px;
width: 100%;
height: 25px;
margin-bottom: 8px;
background-color: rgb(80,85,95);
color: rgb(190,190,190);
 }
#copyright p {
 text-align: right;
 margin-right: 20px;
 font-style: italic;
 }
.w3c_valid {
 position: absolute;
 width: 110px;
 bottom: 25px; left: 5px;
 /* float: right; */
 border: 0px solid blue;
 margin: 0; padding: 0;
 text-align: left;
 }
.w3c_valid img {
 border: 0px solid white;
 width: 61px;
 }
html> body .w3c_valid {
 bottom: 10px;
 }
 /* this CSS is W3C valid as of August 21, 2005 */