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

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

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

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:#324C1F;
}

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

.xsmall {font:0.7em/125% Verdana,sans-serif;}
.small {font:0.8em/125% Verdana,sans-serif;}
.medium {font:0.9em/125% Verdana,sans-serif;}
.sectionheader {font:1.0em/125% Verdana,sans-serif;font-weight:bold}
.foot {font:0.7em/125% Verdana,sans-serif; color: #000000}
.standout {color:#324C1F; font-weight:bold}
.large {font:1.0em/125% Georgia,serif; color: #000000}
.quote {font:1.0em/125% Georgia, "Times New Roman", Times, serif;}
.idcom {font:1.0em/125% Georgia, "Times New Roman", Times, serif; color: #ff69b4}

#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:#FDE243;
	background-image: url(header.jpg);
	padding:0px 0px 0px 0px;
	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}


#mainmenu {
	margin-top: 15px;
	float: left;
	width: 160px;
	font:bold 0.8em Verdana,sans-serif;
	background:#FDE243;
	border:1px solid #324C1F;
	-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:#324C1F;
	text-decoration:none;
	width:130px;
}

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

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

/*This is the table with the objectives in it!*/
#objectivestable {
	margin-left:5px;
	border:solid 1px #8AAD92; 
	background-color:#F0E5D7	
}

#objectivestable_hr {
	height:1px;
	color:#324C1F;
	background-color:#324C1F;	
}

#footer {
	/*background:#414142;*/
	background:#FDE243;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#idcomments {
	border:solid 1px #ff69b4;
	padding:3px 0px 3px 8px;
	margin-left:5px;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#CB1819;
	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:#CB1819;}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 5px 0 0 0;
	width:200px;
	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;
}
/* Style for New Tooltip - Long*/

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

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color:#171738;
    color: #ffffff;
    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 */

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

.smtooltip .smtooltiptext {
     visibility: hidden;
     background-color: #171738;
     color: #ffffff;
     text-align: left;
     border-radius: 6px;
     padding: 8px 8px;

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


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

._keyword {color:#005C00; font-weight:bold}

/*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;
  }
}