/* CSS for test question page */
body {
		margin: 0;
		padding:0;
		border: 0px solid black;
		background-color: rgb(200,225,210); /* orig. grey: 225,225,235, lt. peach: 255,245,240 */
		color: black;
		width: 100%;
font-family: verdana, tahoma, arial, 'lucida grande', helvetica, sans-serif; 
font-weight: normal;
font-style: normal;
font-variant: normal;
}
#outershell {
 position: absolute;
 top: 0; left: 0;
 width: 100%
 }
#top_banner {
 position: relative;
 top: 0; left: 0;
 /* height: 105px; */
 width: 100%;
 background-color: rgb(255,255,255);
 color: black;
border: 0px solid blue;
border-bottom: 0px solid rgb(20,60,110);
 }
.main_title {
 position: relative;
 top: 0; left: 0;
 text-align: center;
 width: 100%;
 margin: 0px auto 0 auto;
 padding-top: 18px;
 font-family: 'times new roman', times, roman, serif;
 background-color: transparent;
 color: rgb(140,140,140);
 font-weight: 700;
 } 
.line1 {
 font-size: 2.2em;
 font-style: italic;
 margin: 0px auto 5px auto;
 }
.main_title a {
 border: 0px solid white;
 background-color: transparent;
 color: blue;
 }
.subtext {
 z-index: 2;
 bottom: 0px; left:0px;
 width: 100%;
 text-align: center;
 background-color: rgb(235,245,243);
 color: white;
 font-family: 'times new roman', times, roman, serif;
 color: rgb(100,100,100);
 border-bottom: 0px solid rgb(20,60,110);
 }
.line2 {
 font-size: 1.2em;
 font-style: italic;
 font-weight: 700;
 padding: 2px;
 margin: 4px auto 0px auto;
 }
 
#main_container {
 position: relative;
 top: 0px; left: 0px;
 width: 100%;
 border: 0px dashed red;
 }
html>body #main_container {
 padding-top: 0;
 }
.divider2 {
 width: 100%;
 margin-top: 8px; margin-bottom: 0;
 }
.divider2 hr {
 background-color: rgb(70,95,110);
 color: rgb(20,0,120);
 border: 0px solid rgb(70,95,110);
 height:4px; margin-top:0px;
 }

#navigation {
 position: relative;
 top: 0px; left:0px;
 width: 100%;
 height: 40px;
 z-index: 1;
 padding: 0px;
 margin: 0 auto 0px auto;
 background-color: rgb(40,90,80);

 color: black;
 border-bottom: 0px solid rgb(20,60,110);
 }
 html>body #navigation {
 top: 0px;
 /* padding-top: 5px; padding-bottom: 7px; */
 padding-left: 0px;
 }

#navigation img {
 position: absolute;
 z-index: 1;
 top: 0; left: 0;
 width: 100%;
 height: 30px;
 }
.centering_div {
 position: relative;
 top: 0; left: 0;
 width: 100%;
 margin: 0 auto;
 border: 1px solid red;
 }
.link_container {
 position: relative;
 text-align: center;
 margin: 0 auto;
 background-color: transparent;
 color: blue;
 border: 0px solid green;
 }
.menu2 {
  z-index: 3;
  margin: 0; padding-top:10px;
	}
div.menu2 a {
    display: inline;
    margin: 4px auto;
    padding: 2px .6em 3px .6em ;
		font-size: 0.80em;
		width: 210px;	
    font-weight: 500;
    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(235,245,243);
    color: rgb(0,0,90);
		}
div.menu2 a {
    color: rgb(0,0,90);
		font-weight: 500;
		text-decoration: none;
}
html>body div.menu2 a {
 width: auto;
 } /* hack for CSS-compliant browsers */

div.menu2 a:link {
		background-color:rgb(235,245,243);
    color:rgb(0,0,90);
		font-weight: 500;
		text-decoration:none;
		}
div.menu2 a:visited {
		background-color:rgb(235,245,243);
    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;
		}

p, h1, h2, h3, h4, h5 ul ol li {
 padding-left: 20px; padding-right: 20px;
 }
ul, ol, li {
 font-size: 0.9em;
 margin-right: 20px;
 }
li {
 font-size: 0.9em;
 }
.text_intro {
 padding: 1em 0;
 margin: 0 30px;
 line-height: 1.5em;
 font-size: 1.0em;
 font-weight: 700;
 }
 
.center_content {
 text-align: center;
 }
.center_bold { 
  text-align: center;
	font-weight: 700;
 }
.bottom_links {
 text-align: center;
 }
.bottom_links a {
 padding-left:10px;
 padding-right: 10px;
 font-weight: 600;
 }
#center_container {
 position: relative;
 top: 0; left: 0;
 width: 100%;
 background-color: transparent;
 color: blue;
 border: 0px solid black;
 }
#box_bg {
  position: relative;
	background-color: rgb(255,255,255);
  color: black;
	width:750px;
	margin: 30px auto 12px auto;
	padding: 10px 0;
	font-size: 0.9em;
  font-weight: 500;
  line-height: 1.5em;
	border: 0px solid green;
 } 
html>body #box_bg {            /* hack for compliant browsers */
	width: 750px;
 }

.oops { background: yellow; }
.gasp { 
 font-weight: 600;
 font-style: italic;
 color: rgb(230,40,90);
 }
.q_title {
 font-weight:700;
 margin-bottom: 5px;
 }
.center { text-align: center; }
.footnote_p {
 font-size: 0.9em;
 font-style: italic;
 }

.bigbullets {
 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);
 }
 
.org_id {
 text-align: center;
 font-size: 0.8em;
 font-weight: 600;
 margin-bottom: 25px;
 }
.big_ital {
 font-size: 1.4em;
 font-style: italic;
 font-weight: 700;
 }
.bold_ital {
 text-align: left;
 font-style: italic;
 font-weight: 900;
 }
.site {
 font-style: italic;
 }
.rfloat {
position: relative;
float: right;
top: 0px; right: 0px;
margin: 1.0em 0 0 15px;
padding: 0;
text-align: center;
}
.lfloat {
position: relative;
float: left;
top: 0px; left: 0px;
width: 350px;
margin: 0em 15px 10px 10px;
padding: 0;
text-align: left;
border: 2px solid rgb(40,90,80);
 background-color: rgb(235,245,243);
 color: black;
}

.rfloat img, .lfloat img {
 width: 230px;
 border: 0px solid rgb(25,80,95);
 }
.donate_list {
 font-size: 1.1em;
 }
ul {
 list-style-image: url(images/dkgreen.gif);
 list-style-type: square;
 line-height: 1.4em;
 }
ol, li {
 font-size: 0.9em;
 margin-left: 30px;
 }
.donate_intro {
 font-size: 1.1em;
 font-weight: 500;
 }
.larger { font-size: 1.1em; font-weight: 600; }

#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;
 }
.adrates {
 border: 0px solid red;
 }

table {
 border-collapse: separate;
 padding: 3px;
 border: 0px solid blue;
 border-spacing: 10px 5px; /* not supported by Internet Explorer */
 background-color: rgb(240,243,246); 
 color: rgb(0,0,0);
 margin: 0 10px;
 }
html>body table {
 margin: 0 auto;
 } 
td {
 border: 0px solid red;
 padding: 4px;
 background-color: white;
 color:  rgb(0,0,0);
 text-align: center;
 font-size: .9em;
 font-weight: 500;
 }
.boldcell { font-weight: 600 }
.boldbig {
 font-family: 'times new roman', times, roman, serif;
 font-size: 1.7em;
 font-weight: 900;
 color: rgb(110,110,110);
 }
.roman {
 font-size: 1.0em;
 font-family: 'times new roman', times, roman, serif;
 }
.buffer {
 /* to create a padded buffer around an element that could overflow its text area */
 position: relative;
 top: 0; left: 0;
 width: 100%;
 }
.border_text {
 margin: 10px 20px 10px 160px;
 padding: 0;
 border: 1px solid rgb(120,120,120);
 }
html>body .border_text { margin-left: 150px; }