@charset "utf-8";
/* CSS Document */

.style1{
    text-align: center;
    color: white;
    /*background-color: #7e304a;*/
    font-size: 13px;
    line-height: 1.2em;
    font-family: Verdana,sans-serif;
}

ul.intro-points{
    list-style-type: none;
    font-size:13px;
	font-weight:normal;
	line-height: 16x;
    margin: 4px 0 0 20px;
    padding: 4px 0 4px 0;
/*    width: 620px; */
}
ul.intro-points .icon{
    background: url('../images/favicon.ico') left top no-repeat;
    width:16px;
    height:16px;
    float: left;
    margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}
ul.intro-points div{
    padding: 3px 0 3px 0;
}
#left-content{
width: 230px;
height: 85px;
float: left;
/*border: 1px solid;*/
}
.take-the-quiz{
    background: url('../images/TakeQuiz.png') left top no-repeat;
    width:150px;
	height:71px;
	float:left;
	margin-left: 70px;
}
#right-content{
width:130px;
margin-top:15px;
height:70px;
float:right;
text-align:center;
margin-right:60px;
/*border: 1px solid;*/
}
#right-content .shadow {
	text-align:center;
	line-height:14px;
}
#right-content .shadow a{
	color:#a81512;
	text-shadow: 1px 1px 5px #808080;
	text-decoration:underline;
}
#right-content .shadow a:hover{
	color:#a81512; 
	text-shadow: 1px 1px 1px #033d6d; 
	text-decoration:none; 
}
.clear{
    clear:both;
}
#nav, #nav ul { /*all lists*/
	padding: 0 ;
	list-style: none;
	/*float:left;*/
	/*width:75em;*/
	line-height: 1.2;
	margin: 0 ;  /* use to center on page */
}

#nav a {
	display: block;
	width: 8em; /*width of top level link fields?*/
	/*w\idth: 6em;*/
	/*color: #7C6240;*/ /*not sure what this controls*/
	padding: 0.5em 1em; /*appears to control over size of top level*/
}

#nav li {  /* all list items */
	float: left ;
	width: 10em; /*width of text in drop down, adds up to width in #nav*/
	/*padding: 0;*/
}


#nav li ul { /* second-level lists */
	position: absolute;
	background: #033D6D; /*background of drop down*/
	width: 10em; /*width of drop down*/
	/*w\idth: 13.9em;*/
	left: -999em;
	/*height: auto;*/
	/*font-weight: normal;
	border-width: 0.25em;
	margin: 0;*/
	
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	/*background: #eda;*/
}


/*#nav li:hover, li.sfhover {
	background: #eda;
}*/

#content {
	clear: left;
	color: #ccc; /*grey*/
	font-family: tahoma; 
	font-size: 13px; 
	line-height:17px; 
}

a:link { color: #01213a;  }
a:visited { color: #01213a; } 
a:hover { color: #033d6d; text-decoration:none; }
#toplink a:link { color: #D5E3EE; font-weight: 500;}
#toplink a:visited { color: #D5E3EE; text-decoration:none; font-weight: 500;}
#toplink a:hover { color: #eda; text-decoration: none; font-weight: 500;  }
#bottomlink a:link { color: #D5E3EE; text-decoration: none; }
#bottomlink a:visited { color: #D5E3EE; text-decoration:none; }
#bottomlink a:hover { color: #FFFFFF; text-decoration: none; }
#sublink a:link { color: #D5E3EE; text-decoration:none; font-style: normal; }
#sublink a:visited { color: #D5E3EE; text-decoration:none; font-style: normal; }
#sublink a:hover { color: #FFFFFF; text-decoration: none; font-style: italic; }

.style3 {font-family: Arial, Helvetica, sans-serif}
.style4 {font-size: 12px}
.style5 {color: #FFFFFF}
.style6 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.style9 {font-size: 11px}
.style11 {font-size: 14px}
.style12 {font-size: 9px}
.style17 {color: #000000}
.style18 {color: #01213A}
.style19 {font-size: 10}
.style20 {font-size: 18px}
.style21 {color: #01213A}

span.left {
position: absolute;
left: 0;
top: 4px;
}

span.right {
position: absolute;
right: 10px; /*was 20px*/
top: 0px;
}

span.left2 {
position: absolute;
left: 230px;
top: 4px;
}


span.right2 {
position: absolute;
right: 230px; /*was 20px*/
top: 0;
}

div.line {
position: relative;
text-align: center;
vertical-align:middle;
width: 100%;
}

#button {
	padding: 0 0 0 0;
	text-align:center;		
}
.title-text {
	color: #1d1815; 
	font-size:18px; 
	font-weight:bold; 
	padding: 0 0 0 0;
	line-height:20px;
}	
.info-text {
	color: #1d1815; 
	font-size:14px; 
	line-height:16px;
	font-weight:normal; 
}
.button-text {
	color: #1d1815; 
	font-size:12px; 
	font-weight:bold; 
	line-height:13px;
}
.intro-arrow{
    background: url('../images/red-arrow.gif') left top no-repeat;
    width:70px;
    height:137px;
    position: relative;
    left:10px;
    top:-90px;
    z-index: 10;
}