* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

img {
	border: 0;
}


/*-- set the properties of the header and its background --*/
#header {
	background-position: left top; 
	background-image: url(../images/header_background.jpg);
	overflow: hidden;
	width: 100%; 
	background-repeat: repeat-x;  /*-- repeats background horizontally --*/
	position: absolute; 
	top: 0;  /*-- places header at very top of screen --*/
	left: 0; 
	height: 115px;  /*-- set same height as header_background.jpg --*/
}


/*-- format the container for the global navigation buttons --*/
#globalnav {
	padding: 3px;
	font-size: 0.75em; 
	z-index: 2;
	position: absolute; 
	top: 65px;
	right: 5px;  
	height: 17px;
	background-color: #F7F2CA;
}

/*-- format the global nav links --*/

#globalnav a {
	color: #000099;
	text-decoration: none;
}

#globalnav a:hover {
	color: #336699;
	text-decoration: none;
}

/*-- format the container for the left-hand nav --*/


#navcont {
	float: left;
	width: 143px;
	display: block;
}


/*-- use for QUIZ when the nav buttons are removed --*/
#navcont .hint {
	padding: 8px; 
	border-top: #FFF 1px solid; 
	font-size: .7em;
	margin-left: 14px; 
	color: #666; 
	background-color: #EFEFEF;
}

/*-- format the elements in the left-hand nav container --*/
#nav {
	text-align: left;  /*-- set to align the buttons either left or right --*/
	width: 143px;  /*-- set the horizontal size of the left-hand nav container --*/
}

/*-- format the unordered list style of the left-hand nav --*/
#nav ul {
	list-style-type: none;  /*-- none = no underline --*/
}

/*-- format the border around the nav buttons --*/
#nav ul li {
	border-right: #b2a057 1px solid; 
	border-bottom: #c3b477 2px solid;
	border-top: #fff 1px solid; 
	border-left: #fff 1px solid;  
	margin: 0; /*margin: 1px; */
	position: relative;
}

/*-- format the text links in the left-hand nav --*/
#nav ul li a {
	padding: 6px 8px; 
	display: block; 
	font-size: .8em;  /*-- set the size of the text links --*/ 
	color: #2439A1;  /*-- set the color of the text links --*/
	background-color: #F8F2CA;  /*-- sets color of BUTTON, not text link --*/
	line-height: 1.2;  /*-- set the height of the nav buttons --*/
	text-decoration: none;
	width: auto;
}

/*-- format the "You Are Here" style of the left-hand nav --*/
#nav ul li a.navon {
	font-weight: bold;
	color: #2439A1;
	background-color: #E7D66B;  /*-- sets color of BUTTON, not text link --*/
}

/*-- format the rollover style of the left-hand nav --*/
#nav ul li a:hover {
	background-color: #E7D66B;  /*-- sets color of BUTTON, not text link --*/
}

/* Fix IE. Hide from IE Mac \*/

* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }

/* End */


/*-- format the footer --*/
#footer {
	clear: both;  /*-- forces the footer to another line --*/
	background-image: url(../images/footer_background.jpg); 
	width: 100%; 
	background-repeat: repeat-x; 
	white-space: nowrap; 
	height: 76px; 
	background-color: #FFF;
	/*margin: 20px 0 0 0;*/
}

/*-- format the footer graphics (if any) --*/
#footer img {
	text-align: center;
}

/*-- format the footer paragraph style and font characteristics --*/
#footer p {
	font-size: .7em; 
	margin: 4px; 
	color: #999; 
	background-color: #FFF; 
	text-align: center;
}

/*-- set the position of the main area to the right of the left-hand nav container --*/
#mainarea {
	margin-left: 157px;
	display: block;
}

/*-- format the area for lesson title: page x of y and the back/next buttons --*/
.lessonname {
	border-top: #666666 1px solid;  /*-- creates a solid line above the elements --*/
	display: block; 
	font-size: 12px;  /*-- set the text size of lesson title: page x of y --*/
	color: #666; 
}

/*-- format the position of the back/next buttons --*/
.lessonnav {
	display: inline; 
	float: right;  /*-- positions the buttons to the right of the screen --*/
	width: 158px;  /*-- equivalent to the sum of the back and next button widths --*/
	margin-right: 10px;  /*-- sets the right-hand margin --*/
}

/*-- format the back/next button graphics --*/
.lessonnav img {
	display: inline; 
}


#pagearea {
	margin: 115px 0 0 0;
	background-image: url(../images/background.gif);  /*-- places a background image in the left-hand nav container --*/
	background-repeat: repeat-y;  /*-- repeats the background vertically (down the left-hand nav container) --*/
}


/*-- use if no background is desired --*/
#pagearea_nobkgnd {
	margin: 115px 0 0 0;
}

/*-- format the content area within the main area, within the page area --*/

#content {
	margin-right: 30px; 
	min-height: 450px;
}

#content ul, ol {
	padding-left: 1em;
	margin-left: 1em;
	line-height: 1.5em;
}

#content li {
	color: #000;
	margin-bottom: .5em;
	padding-left: .1em;
	margin-left: 1em;
}

#content img {
	margin: 0 0 5px 10px;
}

#content h1, h2, h3, h4, li, p {
	margin: 1em 0;
	line-height: 1.2;
}

#content p {
	line-height: 1.4;
}

/*-- format Heading 1 --*/
#content h1 {
	font-size: 1.3em;
	color: #003399;
}

/*-- format Heading 2 --*/
#content h2 {
	font-size: 1.2em;
	color: #3366CC;
}

/*-- format Heading 3 --*/
#content h3 {
	font-size: 1.1em;
	color: #999999;
}

#content acronym, abbr, .help {
	border-bottom-width: 1px; /* underline the text */
	border-bottom-style: dotted; /* style the underline as a dotted line */
	border-bottom-color: #CC6666; /* color the line red */
	cursor: help;
}

.help a {
	text-decoration:none
}


/*-- format Date --*/
#date {
	font-size: 11px; 
	position: absolute;
	top: 3px;  /*-- distance from top of screen --*/
	right: 10px; 
	color: #000; 
}

/*-- format Logo --*/
#logo {
	z-index: 3; 
	position: absolute;
	right: 12px;  /*-- distance from right-hand side of screen --*/
	top: 24px;  /*-- distance from top of screen --*/
}

/* format the class selector for "Activity" elements */
.activity {
	background-image: url(../images/activity.jpg); /* places a small "activity" icon in the upper left of the div */
	background-repeat: no-repeat; /* background image only appears once */
	background-position: left center;
	padding: 20px 10px 10px 60px; /* apply spacing around the text */
	height: 29px; /* assures the whole "activity" icon is displayed even if text is minimal */
}

/* format the class selector for "hint" elements */
.hint {
	font-size: .9em; /* display the text as 90% of default browser setting */
	/* color: #006600; color the text */
	color: #336699;
}

.highlight {
	border: #336699 2px dotted;
	margin: 5px 15px 10px 0px;
	color: #000;
	background-color: #EEF7FF;
	padding: 5px;
	clear: both;
}

.instructions {
	/*position:inherit;*/
	font-size: .9em;
	color: #660099;
}

.clear {
	clear: both;
}

.indent {
	padding-left: 20px;
}

.floatright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.floatleft {
	float: left;
	padding-right: 10px;
}

.toggleDisplay { 
	display: none; 
}

#feedback {
	position: absolute; 
	left: 500px; 
	top: 170px;
	border: 1px solid #CCFFCC;
	width: 250px; 
	background-color: #CCFFCC;
}

#feedback p {
	margin: 5px;
}

/* ---- DATA TABLES ---- */

table {
	border: 2px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 1em;
}

th {
	border-bottom: 1px solid #CCC;
	background-color:#E1E1E1;
	padding: 8px;
	text-align: left;
	vertical-align: top;
}

td {
	border-bottom: 1px solid #CCC;
	border-right: 1px dotted #CCC;
	padding: 8px;
	vertical-align: top;
}

/*-- format Close Window link --*/
#close {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: right;
}