body {
	background: url(../images/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/Seal.png) no-repeat transparent;
	width:43px;
	height:43px;
	top:80px;
	left:875px;
}

#container{
	background: url(../images/BG.png) no-repeat transparent bottom;	
	width:930px;
	height:649px;
}
#container_mainmenu{
	background: url(../images/MainMenuBG.png) no-repeat transparent bottom;	
	width:930px;
	height:649px;
}
#container_col
{
	background-color:#FFFFFF;
}
#content{
	
	position:absolute;
	display:block;
	top:229px;
	left:35px;
	width:855px;
	height:360px;
	padding:0px;
	margin:0px;
/*	background:#F0F;*/
}

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

/*********** TOP MENU **************/
#topMenu{
	position:absolute;
	width:901px;
	height:29px;
	top:122px;
	left:15px;
	padding:1px;
}
#empty{
	position:absolute;
	width:901px;
	height:29px;
	top:122px;
	left:28px;
	padding:1px;
}
#pageNumber{
	position:relative;
	width:901px;
	height:10px;
	top:153px;
	left:-20px;
	padding:1px;
	
}
#topMenu1{
	position:absolute;
	width:901px;
	height:18px;
	top:163px;
	left:16px;
	padding:1px
}
#topMenu_nav{
	position:absolute;
	width:901px;
	height:18px;
	top:232px;
	left:35px;
	padding:1px;
}
#swfObj{
	position:absolute;
	width:901px;
	height:18px;
	top:160px;
	left:45px;
	padding:1px;
}


#topMenu a{	
	float:left;
}
a.mainmenu:hover, a.coursmap:hover, a.glossary:hover, a.resources:hover, a.exit:hover, a.navigation:hover, a.navigation_active:hover{
	background-position:bottom;
}
a.mainmenu{
	background: url(../images/MainMenu.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:1px;
	padding:0px;
}
a.mainmenu_disabled{
	background: url(../images/MainMenu_disabled.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:1px;
	padding:0px;
}

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

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

a.glossary{
	background: url(../images/Glossary_disabled.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}
a.resources{
	background: url(../images/Resources_disabled.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}
a.exit{
	background: url(../images/Exit.png) no-repeat;
	width:148px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}
a.navigation{
	background: url(../images/Navigation_disabled.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}
a.navigation_active{
	background: url(../images/Navigation.png) no-repeat;
	width:149px;
	height:29px;
	display:block;
	margin-left:0px;
	padding:0px;
}
a.lesson0, a.lesson1, a.lesson2{
	width:630px;
	height:45px;
	position: absolute;	
	left: 80px;
	
}

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

a.lesson1{
	background: url(../images/CourseBtn1_Disable01.png) no-repeat;
	top: 120px;	
}

a.lesson1:hover{
	background: url(../images/CourseBtn1_Disable01.png) no-repeat;
	top: 120px;	
}
a.lesson2{   
	background: url(../images/CourseBtn_2_0.png) no-repeat;
	top: 180px;	
}
a.lesson2:hover{
	background: url(../images/CourseBtn2_1.png) no-repeat;
	top: 180px;	
}
/***********************************/


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

#dlinkpos {
	position: relative;
	display:block;
	float:left;
	top: 40px;
	left: 20px;
	width:850px;
	font-size: 16px;
	color: #FFFFFF;
}

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

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

#title_nav {
    left: 36px;
	top: 45px;
	width: 550px;
	height:100px;
	font-weight:700;
	font-size: 28px;
	color: #FFF;
}
#lessontitle {
	top: 166px;
	width: 880px;
	font-size: 18px;
	color: #045B85;	
	font-weight: bold;
}

#Desc{
	font-style:Normal;
	font-size: 15px;
	color: #000000;	
	
}


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

#pagename_nav{
	left: 35px;
	top: 205px;
	width: 880px;
	font-size: 16px;
	color: #045B85;	
	font-weight: bold;
	padding:0px;
	margin:0px;
}
#pagenumbers {
	position: absolute;
	top: 188px;
	left: 752px;		
	width: 150px;
	text-align: right;
	font-size: 11px;
	color: #878787;	
	font-weight: bold;	
}
#pagenumbers_nav {
	position: absolute;
	top: 203px;
	left: 740px;		
	width: 150px;
	text-align: right;
	font-size: 11px;
	color: #878787;	
	font-weight: bold;	
}
#comments{
	
	position:absolute;
	top:75px;
	width:550px;
	left:265px;
	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;
}
#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;
}
/*************#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;
	
}

