body
{
	margin: 0;
	padding: 0px;
	background: #E6E6E6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	resize:none;
  min-width: 1000px;
  position: relative;
/*
	border-top: 1px solid #888;
*/}

#outside-container{
  max-width: 1000px;
  position: absolute;
  right: 0;
  background: #E6E6E6 url(../bg_top.gif) no-repeat 0px 0px;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
#container
{
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	height: 529px;
	overflow: auto;
}

/* Definition for Left Content - which is usually text. Used on a page that has a left and right side to the container. */
#content_nav_left
{
	padding: 0px 0px 0px 0px ;
	margin-left: 0px;
}

/* Definition for Right Content. This is typically a graphic. Used on a page that has a left and right side to the container*/
#content
{
	float:right;
	height:509px;
	width: 894px;
	margin-top: 5px;
	margin-left:0px;
	margin-right:54px;
	background-color:#FFF;
	z-index:1;

}

/* Definition for a right hand of screen for Next button*/
#content_nav_right
{
	float:right;
	width: 15px;
	padding-top:0px;
	margin-right:18px;
}

#header {
 margin:0;
 padding:0;
/* background:#fff url(../logo.png) no-repeat 0px 0px;*/
 height:100px;
  background: #E6E6E6 url(../bg_top.gif) no-repeat 0px 0px;
}

#courseTitle{
	position:absolute;
	margin-left:255px;
	margin-top:35px;
	margin-bottom:20px;
	width:350px;
	font-size:26px;
	color:#00568C;
	font-weight: normal;
}

.sectionTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color:#666;
	margin-top: 10px;
}

#nav {
	position:absolute;
	right:0px;
	top:0px;
	padding-left:0px;
	margin:0px;
	z-index:1;
	}
	#nav ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#nav li {			
		padding-left: 0px;
		float:left; 
		margin-left:0px;
		margin-right:15px;
		display:inline;
		}

		#nav li.lessonlist {background:transparent url(../topnav/menu_up.gif) no-repeat;}
		#nav li.helpref {background:transparent url(../topnav/res_up.gif) no-repeat;}
		#nav li.cap {background:transparent url(../topnav/cap_up.gif) no-repeat;}
		#nav li.vol0 {background:transparent url(../topnav/sound_0.gif) no-repeat;}
		#nav li.vol1 {background:transparent url(../topnav/sound_1.gif) no-repeat;}
		#nav li.vol2 {background:transparent url(../topnav/sound_2.gif) no-repeat;}
		#nav li.vol3 {background:transparent url(../topnav/sound_3.gif) no-repeat;}
		#nav li.exit {background:transparent url(../topnav/x_up.gif) no-repeat;}

/*		#nav a#lessonlistitem {background:transparent url(../topnav/menu_ov.gif)  -60px -60px no-repeat;
			font-size:12px;	color:#00305C;	font-weight: bold; text-decoration: none; text-align: center;}
		#nav a#helprefitem {background:transparent url(../topnav/res_ov.gif)  -60px -60px no-repeat;
			font-size:12px;	color:#00305C;	font-weight: bold; text-decoration: none; text-align: center;}*/
		#nav a#volitem {background:transparent url(../topnav/sound_ov.gif) -60px -60px no-repeat;
			font-size:12px;	color:#99bbcc;	font-weight: bold; text-decoration: none;text-align: center;}
		#nav a#exititem {background:transparent url(../topnav/x_ov.gif)  -60px -60px no-repeat;
			font-size:12px;	color:#00305C;	font-weight: bold; text-decoration: none; text-align: center;}
		
		
		#nav a {display:block; width:43px; height:30px; padding-top:30px; color:#000; }
		/* hack for older versions of IE with incorrect box model */
		* html #nav a:link, * html #nav a:visited {height:43px; he\ight:0;}
/*		#nav a#lessonlistitem:hover {background-position:0px 0; z-index:40;}
		#nav a#helprefitem:hover {background-position:0px 0; z-index:40;}*/
		#nav a#volitem:hover {background-position:0px 0; z-index:40;}
		#nav a#exititem:hover {background-position:0px 0; z-index:40;}
		* html #nav a:hover {height:43px; he\ight:0;}

/*#homenote,#lessonnote,#resourcenote,#glossarynote,#bookmarknote,#helpnote,#exitnote,#notenote {
position:absolute;

right:15px;
top:0px;
width:500px;
font-size:11px;
visibility:hidden;
}*/
/*#buttonnote{*/
#button_ro{
position:absolute;
display:block; 
border:1px solid #00305c;
background-color:#ffffff;
padding:1px 3px 1px 3px;
/*text-align:right;*/
right:15px;
top:80px;
/*width:500px;*/
font-size:13px;
}

/* Page title area */
#course
{
	padding: 0;
	margin: 9px 58px 0 45px;
	font-size:16px;
	font-weight: bold;	
	height:25px;
	background-color:#2eb135;
	color:#FFFFFF;
}

#breadcrumbpage
{
	float: right;
	width:52px;
	padding-right: 0px;
	padding-top: 5px;
	font-size:16px;	
} 

#course p {
	margin:0;
	padding:4px 0 0 8px;
}

/* -------------------------Next button */


		#navcont {
			position: absolute;
			right:-18px;
			width: 48px;
			height: 513px;
			padding-right: 12px;
			margin-right: 11px;
			margin-top:0px;
			
		}

		#localnav {
			position: absolute;
			top: 2px;
			left: 0px;
			height: 513px;
			margin: 0;
			padding-left: 0px;
			display: inline;
			overflow: hidden;
			list-style: none;
		}



		#navcont ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#navcont li {			
			float:left; margin-right:0px; margin-left:0px;
			font-size:12px;	color:#00305C; font-weight: bold; text-decoration: none; text-align: center;
		}
		
/*		#navcont li#nxt {background:transparent url(../nav/rghtarrow_up.gif) 0px 0px no-repeat;}*/
		#navcont li#nxt {background:transparent url(../nav/rghtarrow_ov.gif) 0px 0px no-repeat;}
		#navcont a#itemnxt{background:transparent url(../nav/rghtarrow_up.gif) -0px 0px no-repeat ;  font-size:12px;	color:#00305C; font-weight: bold; text-decoration: none; text-align: right;}
		
		#navcont a#itemnxtdim{background:transparent url(../nav/rghtarrow_in.gif) 0px 0px no-repeat;	font-size:12px;	color:#99bbcc; font-weight: bold;	text-decoration: none;	text-align: right; cursor: default;}

		#navcont a {display:block; width:73px; padding-top:513px; color:#000; }
		
		/* hack for older versions of IE with incorrect box model */
		* html #navcont a:link, * html #navcont a:visited {height:32px; he\ight:0;}
		
		#navcont a#itemnxt:hover {background-position:-73px 0px; z-index:50;}
		

<!--		* html #navcont a:hover {height:32px; he\ight:0;}	-->		
		#nxhd		
		{
			position: absolute;
			font-size: 12px;
			padding-top: 10px;
			/*overflow: default;*/
			visibility: hidden;
		}
		

		#nxhd {
			right:15px;	
		}
/* -------------------------- Back button*/

		#navcontl {
			position: absolute;
			width: 48px;
			height: 503px;
			padding: 0px;
			margin-left: 1px;
			margin-top:0px;
			/*background-color:#99FF00;*/ /*green*/
		}
		#localnavl {
			position: absolute;
			top: 2px;
			left: 5px;
			height: 513px;
			margin: 0;
			padding-left: 0px;
			display: inline;
			overflow: hidden;
			list-style: none;
			/*background-color:#F6C;*/ /*pink*/
			width:48px;
		}

		#navcontl ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#navcontl li {			
			float:left; margin-right:0px; margin-left:0px;
			/*font-size:12px;	color:#00305C; font-weight: bold; text-decoration: none; text-align: center;*/
		}
		
		#navcontl li#prv {background:transparent url(../nav/lftarrow_up.gif) 0px 0px no-repeat; color:#96F;}

		#navcontl a#itemprv {background:transparent url(../nav/lftarrow_ov.gif) -73px 0px no-repeat; font-size:12px;	color:#00305C; font-weight: bold; text-decoration: none; text-align: right;}
		
		#navcontl a#itemprvdim{background:transparent url(../nav/lftarrow_in.gif) 0px 0px no-repeat;	font-size:12px;	color:#99bbcc;
	font-weight: bold;	text-decoration: none;	text-align: right; cursor: default;}
		
		#navcontl a {display:block; width:73px; padding-top:513px; color:#000;}
		
		/* hack for older versions of IE with incorrect box model */
		/** html #navcontl a:link, * html #navcontl a:visited { he\ight:302;}*/
		
		#navcontl a#itemprv:hover {background-position:0px 0px; z-index:50;}

		* html #navcontl a:hover {height:302px; he\ight:0;}			
		#bkhd		
		{
			position: absolute;
			font-size: 12px;
			padding-top: 10px;
			visibility: hidden;
		}
		
		#bkhd {
			left:-35px;	
		}

/* class - hides something already on a page. */
.rollover { visibility: hidden; }

/* footer style. Footers appear at the bottom of the body, before the container is closed. */
/*#footer
{
	padding: 0;
	margin: 0;
	z-index: 1;
	background:#cfeefd url(../logo_footer.gif) no-repeat 10px 16px;
	height:84px;
}*/


/* style for the text (paragraph) in the footer. */
/*#footer p
{
	width: 510px;	
	margin: 7px 0 1px 220px;
	padding:0;
	text-align: center;
}

.legal {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #00305C;}
*/
/* --------------- This is the end of the COMMON to all pages section. ------------ */


/* class that hides the display */
.nodisplay {
	display: none;
}


.pagebody {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; color: #000000;}

div.parent
{
	font-size: 13px;
	color: #666600;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-weight:bold;
    display:block;
}
#review
{
position:absolute;
margin-top:111px;
margin-left:750px;
}

#review a{
	font-size:16px;
	font-weight: bold; 
	color: #00568C;
}

.tooltip {
	display:none;
	position:absolute;
	background-color:#ffffff;
	border-radius:5px;
	padding:1px 3px 1px 3px;
	font-size:13px;
	border:1px solid #005195;
	color:#005195;
	z-index:50;
}
/******************************GLOSSARY**********************/
/* CSS Document */
/* reset the margin for the titlebar set in main css */

#glosscontainer {
	width: 650px;
}
/*#glossheader {
	margin: 5px 5px 5px 5px;
	border-bottom: solid #036 1px;
	border-left-color: #005195;;
}*/
#glossbody {
	margin: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold;
	
/*	height: 400px;
	overflow: auto;*/
}
#glossbody dd{
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: normal;
}
/*.glossnav {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-decoration: none; color: #005195;}
.glossnavdim {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-decoration: none; color: #cccccc;}*/
.glossterm {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #005195;}

/*.glossletter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666699;
	margin: 5px 0px 5px 15px;
	text-align: left;
}*/
