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

a:link {color:#A62300}
a:visited {color:#FF3500}
a:active {color:#BF4E30}
a:hover {color:#FFFFFF;background:#A62300;text-decoration:none}
a.foot{font:0.7em/125% Verdana,sans-serif; color:#FFFFFF}
a.foot:link {color:#DBD8DB; font:0.7em/125% Verdana,sans-serif}
a.foot:active {color:#F2EFE4; font:0.7em/125% Verdana,sans-serif}
a.foot:hover {color:#007633; background:#FFFFFF; font:0.7em/125% Verdana,sans-serif}
a.foot:visited {color:#82868A; font:0.7em/125% Verdana,sans-serif}

.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.4em;
	font-weight:bold;
	color: #FFFFFF;
	left: 200px;
}

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

h3 {
	margin-top:10px;
	font-family: Verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #3CA0D0;
}

.xsmall {font:0.7em/125% Verdana,sans-serif;}
.emphasis {color:#bf0a30;font-weight:bold}
.small {font:0.8em/125% Verdana,sans-serif;}
.caption {font:0.6em/125% Verdana,sans-serif; color:#666; font-weight:bold;}
.citation {font:0.7em/125% Verdana,sans-serif; color:#FFFFFF;}
.dyk {font:1.2em/125% Verdana,sans-serif; font-weight:bold; color:#444;}
.medium {font:0.9em/125% Verdana,sans-serif;}
.heading2 {font:1.2em/125% Verdana,sans-serif; font-weight:bold; color:#034769;}
.imagetitle {font:1.1em/125% Verdana,sans-serif; color:#FFFFFF; font-weight:bold; font-style:italic;}
.answers {color:#C96517;}
.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:#4641de;
	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: #CE0700;
	background-image: url(common/header.jpg);
	padding:2px 0px 0px 120px;
	height: 60px;
	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:#4641de;
	border-bottom-width:0px;
	border-top-width:0px;}
	
#banner1 {white-space:nowrap;padding-right:50px;}

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

#content {clear:both;padding:10px}

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

#mainmenu {
	float:left;
	width:150px;
	font:bold 0.7em Verdana,sans-serif; 
	background:#000C6C;
	-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 #000C6C;
	background:#000C6C;
	color:#FFFFFF;
	text-decoration:none;
	width:120px;
}
  
#mainmenu li a:hover {
	background:#E7F0EF;
	color:#000000;
}

#maincontent {
	margin-left:165px;
	margin-right:220px;
}

#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;
}

#footer {
	background:#CE0700;
	-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:425px;
	width:570px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#smpick object{
	width:780px;
	height:560px;
	float:left;
	margin:-37px 0px 0px -16px;
	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;}

/*sIFR Font Smoothing*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

@media screen {
  .sIFR-active h1 {
    font-family: Verdana, sans-serif;
	font-weight:bold;
    visibility: hidden;
  }
  
  .sIFR-active h2 {
    font-family: Verdana, sans-serif;
	font-weight:bold;
    visibility: hidden;
  }
}

/* Style for New Tooltip - Long*/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted;
	color:#053fa0;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color:#053fa0;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 8px 8px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Style for New Tooltip - Short*/

.smtooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted;
	color:#053fa0;
}

.smtooltip .smtooltiptext {
    visibility: hidden;
    width: 120px;
    background-color:#053fa0;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 8px 8px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.smtooltip:hover .smtooltiptext {
    visibility: visible;
}