/* CSS for test question page */
body {
		margin: 0;
		padding:0;
		border: 0px solid black;
		background-color: rgb(255,255,255); /* orig. grey: 225,225,235  */
		color: black;
		width: 100%;
font-family: arial, helvetica, sans-serif;  /*  verdana, tahoma, arial, lucida grande, helvetica, sans-serif; */
font-weight: normal;
font-style: normal;
font-variant: normal;
}
#top_banner {
 position: absolute;
 top: 0; left: 0;
 height: 130px;
 width: 100%;
 background-color: transparent;
 color: black;
border: 0px solid white;
border-bottom: 6px solid rgb(20,60,110);
 }
.main_title {
 position: absolute;
 top:10px; left: 75px;
 z-index: 1;
 } 

.main_title a { 
 border: 0px solid white;
 background-color: transparent;
 color: blue;
 }
#main_container {
 position: absolute;
 top: 0px; left: 0px;
 padding-top: 136px;
 width: 100%;
 border: 0px dashed red;
 }
html>body #main_container {
 padding-top: 0;
 margin-top: 136px;
 }

.divider2 {
 width: 100%;
 margin-top: 8px; margin-bottom: 0;
 }
.divider2 hr {
 background-color: rgb(20,0,120);
 color: rgb(20,0,120);
 border: 0px solid rgb(20,0,120);
 height:4px; margin-top:0px;
 }
 
#navigation {
 position: relative;
 top: 0px; left:0px;
 width: 100%;
 height: 30px;
 z-index: 2;
 padding-top: 9px; padding-bottom: 0;
 margin: 0 auto 25px auto;
 background-color: rgb(210,215,225);
 /* see SquidFingers.com for really great backgrounds that tile perfectly */
 background-image: url(images/img_55.gif); /* lwgrid.png best so far: sq441010tg.jpg best plain grid: gsquare11g.jpg ; best x: gx3.jpg 
squidfingers: img62.gif, img15, img19, img38, *55* */
 background-repeat: repeat;
 color: black;
 border-bottom: 3px solid rgb(20,60,110);
 }
 html>body #navigation {
 top: 0px;
 /* padding-top: 5px; padding-bottom: 7px; */
 padding-left: 0px;
 }
 .menu2 {
  z-index: 3;
  margin-left: 82px;

	}
#navigation img {
 position: absolute;
 z-index: 1;
 top: 0; left: 0;
 width: 100%;
 height: 30px;
 } 
div.menu2 a {
    display: inline;
    margin: 0 auto;
    padding: .4em .6em .4em .6em ;
		font-size: 0.80em;
		width: 210px;	
    font-weight: 600;
    border-top: 2px solid rgb(245,245,255);
		border-right: 2px solid rgb(245,245,255);
		border-bottom: 3px solid rgb(170,185,195);
		border-left: 3px solid rgb(170,185,195);
		background-color: rgb(210,215,225); /* tan matching page and nav: 245,245,235 */
    color: rgb(0,0,90);
		} 
div.menu2 a {
    color: rgb(0,0,90);
		font-weight: 600;
		text-decoration: none;
}
html>body div.menu2 a {
 width: auto;
 } /* hack for CSS-compliant browsers */

div.menu2 a:link {
		background-color:rgb(210,215,225);
    color:rgb(0,0,90);
		font-weight: 600;
		text-decoration:none;
		}
div.menu2 a:visited {
		background-color:rgb(210,215,225);
    color:rgb(0,0,90);
		text-decoration:none;
		} 
div.menu2 a:hover {
		background-color:rgb(245,250,255);
    color:rgb(130,40,10);
		text-decoration:none;
		}
div.menu2 a:active {
		background-color:rgb(110,135,160);
    color:rgb(0,0,90);
		text-decoration:none;
		}

.centert30 {
 text-align: center;
 padding-top: 0px; margin-top: 0;
 }
.test_intro {
 padding: 1em 0;
 margin: 0 30px;
 line-height: 1.5em;
 font-size: 1.0em;
 font-weight: 500;
 }
 
.center_content {
 text-align: center;
 }
.bottom_links {
 text-align: center;
 }
.bottom_links a {
 padding-left:10px;
 padding-right: 10px;
 font-weight: 600;
 }
#box_bg {
	background-color: rgb(210,215,225);
  top: 0;
  left: 0;
	width:750px;
	margin: auto auto 12px auto;
	padding: 10px;
	border: 0px solid green;
 } 
html>body #box_bg {            /* hack for compliant browsers */
	margin: auto auto 12px auto;
	width: 770px;
 }
#box_bg p {
 font-size: 0.9em;
 font-weight: 500;
 line-height: 1.4em;
 margin: .8em 25px;
  }

/* The one-color shadow effect is produced by the following two divs. Method documented by Daniel Burke at http://labs.silverorange.com/archives/2004/january/shadowboxing */  
.shadowbox {
  /* background: #ccc; original shadow color */
  position: relative;
	background-color: rgb(175,175,195);
  top: 4px;
  left: 4px;
	width: 650px;
	margin: auto auto 12px auto;
}
.shadowbox div {
  background-color: rgb(245,245,235);
  border-top: 1px solid rgb(225,225,205);
	border-right: 1px solid rgb(75,75,75);
  border-bottom: 1px solid rgb(75,75,75);	
  border-left: 1px solid rgb(225,225,205);	
  color: rgb(0,0,0);
  padding: 10px;
  position: relative;
  top: -3px;
  left: -3px;
}
.shadowbox p ul ol {
 margin: 2px 25px;
 }
.shadowbox ul {
 list-style-type: square;
 }
.shadowbox li {
 margin: 2px 25px 2px 35px;
 font-size: 0.9em;
 line-height: 1.5em;
 }
.q_title {
 font-weight:700;
 margin-bottom: 5px;
 }

.footnote_p {
 font-size: 0.9em;
 font-style: italic;
 }
/* #q_list {
  } */
.major_bullet {
 font-weight:700;
 }
.ul_head { margin-bottom: 12px; }
#bottom_container {
 position: relative;
 top: 0px; left: 0px;
 margin: 0; padding: 0;
 width: 100%;
 background-color: transparent;
 color: black;
 border: 0px solid blue;
 }
.starttext {
 padding: 0px 15px 0 15px;
 line-height: 1.4em;
 font-size: 1.0em;
 font-weight: 500; 
 }
.endtext {
 padding: 20px 30px 0 30px;
 line-height: 1.4em;
 font-size: 1.0em;
 font-weight: 500; 
 }
.disclaimer {
 padding: 10px 30px 0 30px;
 line-height: 1.3em;
 font-size: 0.85em;
 font-weight: 500;  
 }
.tttnote {
  padding: 10px 30px 20px 30px;
  line-height: 1.3em;
  font-size: 1.0em;
  font-weight: 500;
	background-color: transparent;
	color: rgb(0,0,85);
 }
#copyright {
width: 100%;
height: 25px;
background-color: rgb(42,50,62);
color: rgb(190,190,190);
 text-align: right;
 font-size:0.8em;
 font-style: italic;
 font-weight:700;
 padding-right:0px;
 }
#copyright p {
 text-align: right;
 margin-right: 20px;
 font-style: italic;
 }
.w3c_valid {
 position: absolute;
 width: 150px;
 bottom: 25px; right: 0px;
 float: right;
 border: 0px solid blue;
 margin: 0; padding: 0;
 text-align: right;
 }
.w3c_valid img {
 border: 0px solid white;
 width: 66px;
 }
html>body .w3c-valid { /* hack for compliant browsers */
 bottom: 0px;
 }
 /* this is W3C valid CSS as of 8/21/05 */