body{
font-family: Verdana;
font-size:100%;
font-size: 12px;

margin:0;
padding:0;
line-height: 1.2em;
background-color: #FFFFFF;
background-image: url('back1.jpg');
background-repeat: repeat-x;
}

b{font-size: 110%;}
em{color: red;}

a:link, a:visited, a:hover, a:active{color: #000;}

img {border: none;}

h1,h2,h3,h4 {
	font-family: Verdana;
	font-weight: normal;
	line-height: 1.2em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h2{
	padding-left: 20px;
}

h3{
	padding-left: 30px;
	font-size: 16px;
}

h4{
	padding-left: 40px;
}


h5, h6{
	text-align: center;
	font-size: 14px;
	line-height: 1.2em;
}


h6{
	color: red;
}

.small {
	padding-left: 50px;
	font-size: 10px;
}

input,
select,
textarea {
font-family: Verdana;
font-size: 12px;
	
margin: 2px;
border-style: solid;
border-width: 1px;

color: #000;
background: #E0F9FC;
border-color: #000;

}

form {
margin: 0;
padding: 0;
}

.open_answer {
	background: transparent;
	font-family: Verdana;
	font-size: 12px;
	border:none;
	border-bottom:1px solid black;
	padding:0 5px;
	margin:0;
}

.pagetitle {
margin:0 10px;
border:1px solid black;
background-image:url('title.jpg');
background-repeat:no-repeat;	
}

#topsection{
padding: 5px 0;
}

#topsection h1{
margin: 0;
padding: 15px;

font-weight: bold;	
font-family: cursive;
font-size: 38px;
line-height: 1em;
color: white;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 230px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 230px; /*Width of left column*/
margin-left: -100%;
background: transparent;
}

#footer{
clear: left;
width: 100%;
background: #2175BC;
color: #FFF;
text-align: center;
padding: 4px 0;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.boxtitle{
padding: 4px 0 4px 10px;
font: bold 16px "Times New Roman";
text-align: left;
background: #2175BC;
color: #FFF;
}

.box {
padding: 0;	
margin: 0;
border: 1px solid black;
background: #C4DBED;
}

.centered {
padding:5px 0;
margin:5px 0;
text-align:center;	
}

/*#82B2DA

/*------------------------V Menu----------------------------------*/
a{
color: #000;	
text-decoration: none;
text-align: left;
}

a:hover {
color: black;
text-decoration: underline;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

.v_menu li a:hover{
color: #000;
background: #FBFBFB;
}

.v_menu li a:hover{
text-decoration: underline;
}

.v_menu ul li a{
	padding: 1px 1px 2px 5px;
	border-top: 1px solid black;
	display: block;
	font-size: 0.75em;
	line-height: 2em;
	background: #C4DBED;
}


.v_menu a{
width: 96%; /*Define width for IE6's sake*/
}

html>body .v_menu a{ /*Non IE rule*/
width: auto;
}

table {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse:collapse;
	table-layout:auto;
	border-spacing:0;
}

/*
table tr td {
	 padding:3px;
}
*/

.infotable, .border{
	border: 1px solid black;
}

.title, #rh{	
	font: bold 1.5em Times New Roman;
	text-align:center;
	background: #2175bc;
	color: #FFF;
	border-bottom: 1px solid black;
	}

.title td {
	padding: 5px;
}

.infotable td {
	padding: 5px;
}

.border tr td {
	padding: 0.5em;
}
	
.pairrow, #r0 {background:#C4DBED;}
.nonpairrow, #r1 {background:#EFF3FD;}
.selectedrow, #rb {background:#DADADA;}

#rb {
	border-top: 1px solid black;
}

#TestTimer {
	visibility : hidden; 
	border: 1px solid black;
	background: #0F0;
	position: fixed;
	top: 10px;
	left: 10px;	
	font-size: 30px;
	line-height: 1em;
	padding: 10px 0;
	width: 6em;
	text-align: center;
}

/*--------------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs{
border: none;
overflow: hidden;
width: 100%;
height: 26px;
font-size: 12px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.extlink {
width:468px;
text-align: left;
font-size: 11px;
letter-spacing:0px;
}

.extlink a {
	text-decoration: underline;
	font-weight: bold;
	font-family: sans-serif;	
}

.extlink p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	letter-spacing:0px;
	text-decoration: none;
	font-weight: normal;
}

#stattable tr td {
	text-align: left;
	padding-top: 10px;
}

#statrow {
	border-bottom: 1px dotted black;
}

#qrow {
	border-bottom:1px dotted black;
}

#qrow p{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2em;
	margin: 0;
	padding: 5px;
}

#tag {
	font-style: italic;
	text-align: center;	
	color: green;
}

#testbox{
	border:1px solid black;padding:10px;	
}

#msg{
	font-size: 16px;
	line-height: 1.2em;
}