/* CSS Document */


/* @group Layout */

body { 
	text-align:center;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.mainBody {
	text-align:center;
	background:url(../Images/top_backstripe.gif);
	padding:0;
	margin:0;
}

img {
	border:0;
}



table#wrapper {
	margin:0 0 0 0;
	text-align:center;
	padding:0;
	width:100%;
	border: none;
}
div#header, table#main, div#footer {
	text-align: center;
	padding:0 0 0 0;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    display:inline-block;
	
}
div#header {
	height:123px;
	width:964px;
	background:url(../Images/logo.gif) no-repeat;
	margin-bottom: auto;
}

div#footer {
	width:100%;
	background:url(../Images/lightblue_bottomback.gif) repeat;
	text-align: center;
	
}


div#footer_content {
	
	width:964px;	
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

tr#homepage 
{
    background:url(../Images/home_blueback.gif) no-repeat;
}

table#main {
	width:964px;
	text-align: center;
	padding: 0 0 0 0;
	border: none;
	margin-left: auto;
    margin-right: auto;
	background:url(../Images/contentpages_mainback2.gif) no-repeat;
	vertical-align:top;
}

table#main tr {
	vertical-align:top;
}


table#main_tabs {
	width:946px;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	border: none;
	vertical-align:top;
}

table#main_content 
{
    text-align:left;
    width:894px;
	margin: 30px 15px 30px 15px;	
	border: none;
	vertical-align:top;
}

table#footer_text {
	text-align:center;
	width:97%;
	border: none;
	margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
	vertical-align:top;
}

table#scenario {
	width:825px;
	height: 400px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	border: none;
	margin-left: auto;
    margin-right: auto;
}



table#s_header {
	width:825px;
	height: 60px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
	vertical-align:top;
}

tr#s_header_row {
	width:825px;
	height: 60px;
	text-align: center;
	border: none;
	vertical-align:top;
}

tr#s_body_row {
	width:825px;
	height: 340px;
	text-align: left;
	border: none;
	vertical-align:middle;
	
}

tr#top{
	vertical-align:top;
	height:45px;
}

tr#bottom{
	vertical-align:top;
	height:15px;
}

td#s_header_top{
	vertical-align:middle;
	height:45px;
}

td#s_header_bottom{
	vertical-align:top;
	height:20px;
}



table#footer_text tr{
	vertical-align:top;
	height: 50px;
	text-align: center;
}

table#regform tr {
	vertical-align:middle;
	text-align:right;
}

table#main_inset {
	width:825px;
	height: 370px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	border: none;
	margin-left: auto;
    margin-right: auto;
	vertical-align:top;
}

table#main_inset td {
	padding:0;
	font-family:Arial;
	font-size:14px;
	text-align:left;
}

table#main_inset td a:link, table#main_inset td a:active, table#main_inset td a:visited, table#main_inset td a:hover {
	padding-left:15px;
	font-family:Arial;
	font-size:18px;
	text-decoration:none;
	color:#00005E;
}


table#imagetable 
{
margin: 5px 20px 5px 20px;
}

table#imagetable2 
{
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
width: 19px;
}

table#blueback 
{
background:url(../Images/blueback_small.gif) repeat-x;
height:400px;
vertical-align:top;
}

td#video
{
    width:400px;
    text-align:center;
    vertical-align:top;
}

td#video_full
{
    width:850px;
	padding-top:15px;
	padding-bottom:15px;
    text-align:center;
    vertical-align:top;
}

td#question
{
    width:400px;
    text-align:left;
    vertical-align:top;
}

td#map_small
{
    width:450px;
    text-align:center;
    vertical-align:top;
}

td#map
{
    width:825px;
    text-align:center;
    vertical-align:middle;
}

div#subcontent 
{
    position:absolute; 
    background-color:Transparent; 
    width: 700px; 
    padding: 0 0 0 0; 
    margin: -135px 0 0 -10px; 
    display: none;   
}

.Login 
{
     width:889px;
     height:83px;
     text-align:center;
     padding:30px 10px 10px 10px;
     background:url(../Images/login.gif) no-repeat;
     vertical-align:middle;
     
}

.Logout 
{
     width:889px;
     height:25px;
     text-align:right;
     padding: 5px 5px 5px 5px;
     background:url(../Images/logout.gif) no-repeat;
     vertical-align: bottom;   
}

.videoborder
{
    border: solid 3px #082d73;
    
    }

.imgBorder
{
    border: solid 1px black;
}

/* @end */

.bg_divider 
{
    color:#4f88d9;
    width: 90%;
    height:2px;
    text-align:center;
}

/* @group Typography  */
.copy_topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.bodyCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.s_bodyCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:left;
}



.bodyCopy a:link, .bodyCopy a:visited, .bodyCopy a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4075BF;
}
.bodyTitle {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3366CC;
}

.bodyTitle a:link, .bodyTitle a:visited,.bodyTitle a:active{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
}

.bodyTitle2 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3366CC;
}

.bodyTitle2 a:link, .bodyTitle2 a:visited,.bodyTitle2 a:active{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3366CC;
	text-decoration: none;
}

.ScenarioTitle {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
}

.ScenarioSubTitle {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3366CC;
	vertical-align:top;
}

.bodyIndent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left:25px;
}

.bottomtable {
	background-image: url(../mages/lightblue_bottomback.gif);
	background-repeat: repeat;
	vertical-align: baseline;
	width: 100%;
	height: 100%;
}
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: auto;
    margin-right: auto;
}

.whiteTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
}

.whiteTitle a:link, .whiteTitle a:visited, .whiteTitle a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: underline;
}


.whiteLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

.whiteLinks a:link, .whiteLinks a:visited, .whiteLinks a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}

.blackLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

.blackLinks a:link, .blackLinks a:visited, .blackLinks a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}

.blueLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #3366CC;
	text-decoration: none;
}

.blueLinks a:link, .blueLinks a:visited, .blueLinks a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #3366CC;
	text-decoration: none;
}




.whiteLinks:hover {
	color: #8CC9DD;
}


.whitelabel {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #FFFFFF; }




/* @group Navigation */

li.logo {
	padding:0;
	margin:0;
	background:url(../ui/small_logo_HOME.jpg);
	background-repeat:no-repeat;
	background-position:6px 8px;
}
li.subnavitem a:link, li.subnavitem a:visited, li.subnavitem a:active {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
li.subnavitem a:hover{
	background-color:#b6121b;
}

ul#topnav {
	padding:0;
	list-style:none;
	float: left;
	margin:77px 20px 0px 50px;
	text-align: center;
    width: 885px;
}
#topnav li {
	float:left;
	width:147px;
	height: 25px;
	vertical-align: top;
}

#topnav li a:hover {
	font-size: 12px;
	width:147px;
	text-decoration: none;
}
#topnav li ul {
	position:absolute;
	background:#fff;
	width:176px;
	left:-999em;
	margin:0;
	padding:0;
}
#topnav li:hover ul, #topnav li.sfhover ul {
	left:auto;
}

#topnav a.active {
		background: #ABAD85;
		border-bottom: 3px solid #ABAD85; }

li.topnavitem {
	background:url(../Images/nav_tab.gif);
	padding:0;
	margin: 21px 0 0 0;
	text-align:center;
	vertical-align:top;
	display:inline;
	z-index:300;
	height:24px;
	width: 147px;	
}

li.topnavitem a:link, li.topnavitem a:visited, li.topnavitem a:active {
	background-position:center 0px;
	background-repeat:no-repeat;
	z-index:300;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
	line-height: 24px;
	color:#fff;
	font-size: 12px;
	width:147px;
	text-decoration: none;
}

li.topnavitem a:hover 
{
    background-position:center 0px;
	background-repeat:no-repeat;
	z-index:300;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
	line-height: 24px;
	color:#8CC9DD;
	font-size: 12px;
	width:147px;
	text-decoration: none;
}


li.selectedtopnavitem {
	background:url(../Images/nav_tab_selected.gif);
	color:#2152A1;
}

li.selectedtopnavitem a:link, li.selectedtopnavitem a:visited, li.selectedtopnavitem a:active, li.selectedtopnavitem a:hover{
color:#2152A1;	
}









/* tooltip */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    }

a.info:hover{z-index:25; background-color:#ff0;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
    }

/* @end */