body {
	background: url(images_int/fadingBG.png) repeat-x #3AB4ED;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}


#dynamic_1, dynamic_2  {
	color:#FFFFFF;
}
#seal{
	position:fixed;
	background: url(images_int/Seal.png) no-repeat transparent;
	width:43px;
	height:43px;
	top:80px;
	left:875px;
}

#container{
	background: url(images_int/BG.png) no-repeat transparent bottom;	
	width:955px;
	height:675px;
}
#container_mainmenu{
	background: url(images_int/MainMenuBG.png) no-repeat transparent bottom;	
	width:955px;
	height:631px;
}
#container_col
{
	background-color:#FFFFFF;
}
#content{
	
	position:absolute;
	display:block;
	top:215px;
	left:48px;
	width:855px;
	height:390px;
	padding:0px;
	margin:0px;	
	
/*	background:#F0F;*/
}

a {
	outline:none;	
}
img{
	border:none;
	outline:none;
}

/*********** TOP MENU **************/
#topMenu{
	position:absolute;
	width:901px;
	height:29px;
	top:107px;
	left:28px;
	padding:1px;
}
#topMenu a{	
	float:left;
}
a.mainmenu:hover, a.coursmap:hover, a.glossary:hover, a.resources:hover, a.exit:hover, a.navigation:hover{
	background-position:bottom;
}
a.mainmenu{
	background: url(images_int/MainMenu.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:1px;
	padding:0px;
}
a.mainmenu_disabled{
	background: url(images_int/MainMenu_disabled.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:1px;
	padding:0px;
}

a.coursmap{
	background: url(images_int/CourseMap.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}

a.coursmap_disabled{
	background: url(images_int/CourseMap_disabled.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}

a.glossary{
	background: url(images_int/Glossary.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}
a.resources{
	background: url(images_int/Resources.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}
a.exit{
	background: url(images_int/Exit.png) no-repeat;
	width:148px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}
a.navigation{
	background: url(images_int/Navigation.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}

a.lesson0, a.lesson1{
	width:630px;
	height:45px;
	position: absolute;	
	left: 80px;
}

a.lesson0{
	background: url(images_int/CourseBtn0_0.jpg) no-repeat;
	top: 50px;	
}
a.lesson0:hover{
	background: url(images_int/CourseBtn0_1.jpg) no-repeat;
	top: 50px;	
}

a.lesson1{
	background: url(images_int/CourseBtn1_0.jpg) no-repeat;
	top: 110px;	
}
a.lesson1:hover{
	background: url(images_int/CourseBtn1_1.jpg) no-repeat;
	top: 110px;	
}
/***********************************/


/********** LOWER MENU *************/
#lowerMenu{
	
	/*background:#F0F;*/
	position:absolute;
	top:624px;
	left:28px;
	width:896px;
	height:47px;
	
}
#prompt {
	position: relative;
	display:block;
	float:left;
	top: 13px;
	left: 20px;
	width:645px;
	font-size: 16px;
	color: #FFF;
}

#next, #back{
	position: relative;
	display:block;
	float:right;
	height:29px;
	width:111px;
	top: 8px;
	right:21px;
}
#next a:hover img, #back a:hover img{
	
	background-position:bottom;	
}
#next a img{
	background-image: url(images_int/Next.png);
}
#next.inactive {
	
	background-image: url(images_int/Next_2.png);
}

#back a img{
	background-image: url(images_int/Back.png);
}
#back.inactive {
	background-image: url(images_int/Back_2.png);
}
/***********************************/
/********** TEXT STYLES ************/
#title, #lessontitle, #pagename {
	position: absolute;
	left: 48px;
	display:block;
}
#title {
	top: 40px;
	width: 500px;
	height:100px;
	font-weight:700;
	font-size: 24px;
	color: #FFF;
}

#lessontitle {
	top: 148px;
	width: 880px;
	font-size: 18px;
	color: #045B85;	
	font-weight: bold;
	display: none;
}

#pagename {
	top: 150px;
	width: 880px;
	font-size: 16px;
	color: #045B85;	
	font-weight: bold;
	padding:0px;
	margin:0px;
}

#pagenumbers {
	position: absolute;
	top: 152px;
	left: 752px;		
	width: 150px;
	text-align: right;
	font-size: 11px;
	color: #878787;	
	font-weight: bold;	
}
#comments{
	
	position:absolute;
	top:25px;
	width:550px;
	left:390px;
	font-size:12px;
}
#add_comment, #view_comment{
	
	float:right;
	display:block;
	padding-left:10px;
}
#add_comment a, #view_comment a{
	
	color:#FFF;
}
#add_comment a:hover, #view_comment a:hover{
	
	text-decoration:none;	
}

#coursesettings {
	
	position: absolute;
	width: 500px;
	height: 300px;
	left: 175px;
	padding: 5px;
	z-index: 2;
	font-size: 14px;
	font-family: Arial;
	background-color: #DFEAEE;
	border: medium #DFEAEE outset;
}

/***********************************/
/**** BASIC STYLES FOR CONTENT *****/
#text, #image{
	font-size:14px;
	
}

#flashmovie {
	outline: none;
}

#text{
	overflow:auto;	
	height:100%;
}

#text a, #text a:active, #text a:visited, #text a:link{
	color: blue;

}
#text a.glossaryTerm {
	color: blue;
	text-decoration:underline;
}
#text a.glossaryTerm:hover {
	color: blue;
	text-decoration:none;
}

#text a:hover{
	text-decoration:underline;
}
#image{
	font-style:italic;
	color:#FFF;
	/*background:#900;*/
}
#dlink 
{
	color: #FFF;
	position:absolute;
	top: -100 px;
	z-index:-1;
}

#dlink_col
{
	font-size:20px;
	position:absolute;
	top: 100 px;
	z-index:-1;
}

#object
{
	outline:none;
}

#close_link
{
	border: 0px;
	outline:none;	
	position: absolute;
	top: 200px;
	left: 195px;
}


#rRoomLnk5, #rRoomLnk8
{
	position: absolute;
	top: 385px;
	left: 645px;
	font-size:14px;	
}
/*************#dlink{
	position:absolute;
	top:585px;
	left:903px;
	z-index:-1;
	font-style:normal;
	font-size:10px;
	font-weight:bold;
	color:#045B85;
}

/************* BODY CLASS (FOR DLINKS) ************/
body.bodyClass{
	background:#FFF;
	color:#000;
	font-size:14px;
	margin:10px;
}

/*** sub classes for table ***/
.rowColor1{
	
	background: #F5F5F5;	
}
.rowColor2{
	
	background: #A9DBF3;	
}
.rowHead{
	
	background: #0D7AAA;
}

/*** styles for poup window ***/
body.popup{

	background: none #FFF;
}
body.popup #content{

	background: #FFF;
	width: auto;
	height: auto;
	position:relative;
	display:block;
	top:0px;
	left:0px;
	padding:20px;
}