body {margin-top:0;padding-top:0;background:#fff}

a:link {color:#bf0a30}
a:visited {color:#bf0a30}
a:active {color:#bf0a30}
a:hover {color:#bf0a30;background:#ffffff;text-decoration:underline}

a.foot{font:0.7em/125% Verdana,sans-serif; color:#ffffff}
a.foot:link {color:#ffffff font:0.7em/125% Verdana,sans-serif}
a.foot:active {color:#ffffff; font:0.7em/125% Verdana,sans-serif}
a.foot:visited {color:#ffffff; font:0.7em/125% Verdana,sans-serif}
a.foot:hover {color:#000000; background:#ffffff; font:0.7em/125% Verdana,sans-serif}
#nextbutton {color:#ffffff;background:#ffffff;text-decoration:none}
#backbutton {color:#ffffff;background:#ffffff;text-decoration:none}

/*  Rollovers */

.image_link:hover {
	border:1px red dashed;
	}

.rollover {
	color:#3F3FBF;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dashed;
	}

h1 {
	margin-top:13px;
	font-family: Verdana, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
	color: #ffffff;
	left: 200px;
}

h2 {
	margin-top:10px;
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color:#002868;
}

h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color:#002868;
}

h4 {
	
	font-family: Verdana, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	color:#00000;
	margin-top:0px;
	margin-bottom:0px;
}

.bold-red {color:#bf0a30;font-weight:bold}
.emphasis {color:#bf0a30;font-weight:bold}
/*
.bold-red {color:#bf0a30; font:0.9em/125% Verdana,sans-serif;font-weight:bold}
*/
.caption {font-size:9pt; font-family:verdana;margin-top:0px}
.image_credit {font-size:8pt; font-family:verdana;margin-top:0px}
.xsmall {font:0.8em/125% Verdana,sans-serif;}
.small {font:0.8em/125% Verdana,sans-serif;}
.caption {font:0.8em/125% Verdana,sans-serif; color:#333333;}
.dyk {font:1.2em/125% Verdana,sans-serif; font-weight:bold; color:#444;}
/*.medium {font:0.9em/125% Verdana,sans-serif;}*/
.medium {font:0.95em/125% Verdana, Geneva, sans-serif;}
.sectionheader {font:1.0em/125% Verdana,sans-serif;font-weight:bold}
.foot {font:0.7em/125% Verdana,sans-serif; color: #ffffff}
.sidemenu {color:#8D7910;}
.standout {color:#000099;}
.large {font:1.0em/125% Georgia,serif; color: #000000}
.sidebar {font:0.7em/125% Verdana,sans-serif; color:#000000;}
.sidebarheader {font:0.8em/125% Verdana,sans-serif; color:#990000;}
.quote {font:1.0em/125% Georgia, "Times New Roman", Times, serif;}

#container {margin-left:auto;margin-right:auto;
border: #000000; border: 2px;}

#top {
	font:0.6em Verdana,sans-serif;
	padding:6px 10px 6px 10px;
	background:#07633;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

#banner {
	background-color:#002868;
	background-image: url(./common/main_header_477484225.jpg);
	padding:2px 0px 0px 120px;
	height: 90px;
	background-position: left;
	background-repeat: no-repeat;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#banner a {
	background:#414142;
	border-bottom-width:0px;
	border-top-width:0px;}
	
/*#banner1 {white-space:nowrap;padding-right:50px;}*/
#banner1 {white-space:nowrap;padding-right:50px;padding-top:15px;padding-left:47px}


#banner2 {margin-left:600px;text-align:right}

/*#content {clear:both;padding:10px}*/
#content {clear:both;padding:0px}

#didyouknow{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	border:solid; 
	border-color:#000; 
	background-color:#adc0fb; 
	padding:15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#mainmenu {
	margin-top: 15px;
	float: left;
	width: 160px;
	font:bold 0.8em Verdana,sans-serif;
	background:#002868;
	border:1px solid #bf0a30;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#mainmenu ul {
	list-style:none;
	margin:0;
	padding:0
}

#mainmenu li {
	margin:3px 8px 8px 0;
	padding:3px 3px 3px 8px;
	color:#ffffff;
	text-decoration:none;
	width:130px;
}

#mainmenu li a {
	display:block;
	padding:3px 0px 3px 8px;
	/*
	border:1px solid #3da0ff;
	background:#3da0ff;
	*/
	color:#ffffff;
	text-decoration:none;
	width:135px;
}
  
#mainmenu li a:hover {
	/*background:#FFFF00;*/
	background:#BF0A30;
	/*color:#000000;*/	
	color:#ffffff;
}

#maincontent {
	margin-left:165px;
	margin-right:220px;
	/*This fixes the problem with the menu not beign evene with the Lesson header.*/
	border:1px solid #ffffff;
}

#maincontent p {
	margin-bottom: 15px;
	margin-top:15px;
	padding-bottom:0px;
	padding-top:0px;
} 

#maincontent H2 {
	margin-bottom: 15px;
	margin-top:15px;
	padding-bottom:0px;
	padding-top:0px;
}

#objectives_table {
	margin-left:5px;
	border:solid 1px #cccccc; 
	background-color:#eeeeee	
}

#objectives_table_title {
	color: #666666; 
	margin-top: 0px; 
	margin-bottom: 0px;	
	font-size: 10pt; 
	font-weight: bold
}

#objectives_table_hr {
	height:1px;
	color:#cccccc;
	background-color:#cccccc;	
}

.objectives_table_header {
	color:#666666; 
	margin-top:0px; 
	margin-bottom: 0px;	
	font-family: Verdana, sans-serif; 
	font-size: 0.85em; 
	font-weight: bold;
}

#footer {

	/*background:#414142;*/
	background:#002868;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#000099;
	font-weight:bold;
    text-decoration:none;
}

a.tt span{ display: none; }

/*background:; ie workaround, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #ffffff; background:#990000;}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 5px 0 0 0;
	width:300px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(./common/bubble.gif) no-repeat top;
}

a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(./common/bubble_filler.gif) repeat bottom; 
}

a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(./common/bubble.gif) no-repeat bottom;
}


/*Studymate*/
#smfc{
	position:static;
	overflow:hidden;
	height:375px;
	width: 500px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smfc object{
	width:780px;
	height:560px;
	float:left;
	margin:-40px 0px 0px -16px;
	border:0px;
	padding:0px 0px 0px 0px;
}

#smsva{
	height:390px;
	width:560px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smsva object{
	margin: -70px  0 0 -16px;
	border:0px;
}

#smquiz{
	position:static;
	overflow:hidden;
	height:455px;
	width:610px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smquiz object{
	width:780px;
	height:560px;
	float:left;
	margin:-65px 0px 0px -16px;
	border:0px;
	padding:0px 0px 0px 0px;
}

#smcw{
	height:510px;
	width:560px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smcw object{
	margin: -40px  0 0 -16px;
	border:0px;
}

#smfib{
	height:420px;
	width:560px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smfib object{
	margin: -40px  0 0 -16px;
	border:0px;
}

#smpick{
	position:static;
	overflow:hidden;
	height:520px;
	width:640px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smpick object{
	width:780px;
	height:560px;
	float:left;
	margin:0px 0px 0px -5px;
	border:0px;
	padding:0px 0px 0px 0px;
}

/* Style for Glossary */
#smgl{
	position:static;
	overflow:hidden;
	height:425px;
	width:600px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smgl object{
	width:780px;
	height:560px;
	float:left;
	margin:-37px 0px 0px -16px;
	border:0px;
	padding:0px 0px 0px 0px;
}

/* Style for Matching */
#smmatch{
	position:static;
	overflow:hidden;
	height:465px;
	width:620px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smmatch object{
	width:780px;
	height:560px;
	float:left;
	margin:-37px 0px 0px -16px;
	border:0px;
	padding:0px 0px 0px 0px;
}

/*Needed for DIV Toggle*/

.text{display: none;width:90%;border: solid 1px darkblue;background:#D1E8FD;}

#text0{display: block;}

.textfixed{display: none;width:650px;border: solid 1px darkblue;background:#D1E8FD; padding:5px;}

.textintro{display: none;}