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



/*  PAGE LAYOUT ELEMENTS  */


a.foot:link {color:#ffffff}
a.foot:active {color:#ffffff}
a.foot:visited {color:#8fffff}
a.foot:hover {color:#000000;background:#cccccc;}
#nextbutton {color:#ffffff;background:#ffffff;text-decoration:none}
#backbutton {color:#ffffff;background:#ffffff;text-decoration:none}


/*  HYPERLINKS  */

a:link {color:#0000ff}
a:visited {color:#4AB9FF}
a:active {color:#0000ff}
a:hover {color:#ffffff;background:#cccccc;text-decoration:underline}


/*  ROLLOVERS  */

a.tt:link {color:#003870; border-bottom:1px dashed; text-decoration: none; font-weight:bold}
a.tt:hover {color:#FFFFFF;background:#cccccc;text-decoration:none}

/* Style for New Tooltip - Long*/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted;
	color:#003870;
	font-weight:bold;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color:#003870;
    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:#003870;
	font-weight:bold;
}

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

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

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





/*  TEXT   */

.bodytext {font:0.95em/125% Verdana, Geneva, sans-serif;}
.passage {font:1.1em/150% Georgia, serif;}
.standard_feedback {display:inline;color:green;font-weight:bold;border:none}
.highlightyellow {background:#ffff00;}
.highlightgreen {background:#b3ffb3;}
.highlightblue {background:#b3d9ff;}
.highlightpink {background:#ffcce8;}
.xsmall {font:0.7em/125% Verdana,sans-serif;}
.small {font:0.8em/125% Verdana,sans-serif;}
.caption {font:0.8em/125% Verdana,sans-serif; color: #333333}
.foot {font:0.7em/125% Verdana,sans-serif; color: #ffffff}
.keyword {color:#EF7126; font:0.95em/125% Verdana, Geneva, sans-serif; font-weight:bold}
.large {font:1.1em/150% Verdana, Geneva, sans-serif; }
.arrow {font:1.5em/125% Verdana, Geneva, sans-serif;}






/*  HEADER AND SUBHEADERS  */

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:#0E3A0E
}

h3 {
	
	font: 1.05em/125% Verdana, Geneva, sans-serif;
	font-weight: bold;
	color:#6B1920;
	margin-top:25px
}



/*   BUTTONS (Interactive Activities)  */

.standard_button {
	height:30px;
	width:140px;
	background-color:#006633;
	color:#ffffff;
	font-weight:bold;
	margin-top:10px
}


/*   FEEDBACK (Interactive Activities)  */

.reveal_answer_div {
  display:none;
  font-family: Verdana, sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  color: green
}



/*  TABLES  */


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

.objectives_table_title_row {
	height:40px;
	border:solid 1px #cccccc; 
	background-color:#eeeeee;	
	text-align:left;
	color:#333333; 
	font:0.95em/125% Verdana,sans-serif;
	font-weight:bold
}

.objectives_table_content {
	border:solid 1px #cccccc; 	
	color: #333333;
	background-color:#ffffff;
	font:0.80em/125% Verdana,sans-serif
}




/*  PAGE LAYOUT ELEMENTS  */


#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:#2a7f28;
	background-image: url(./common/header.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:#8106e5;
	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:#4AB9FF;
	border:1px solid #4AB9FF;
	-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:#000000;
	text-decoration:none;
	width:130px
}

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

#maincontent {
	margin-left:170px;
	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
}

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

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



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