BODY {
	FONT-SIZE: 0.8em; 
	MARGIN: 0px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFFFFF;
}
#pagewidth {
	WIDTH: 775px;
}
#leftcolumn {
	FLOAT: left;
	WIDTH: 190px;
}
#Bookmark {
		    text-align: center;
			 width: 620px;
			 position: absolute;
			 top: 44px;
			 left: 435px;			 
			 font-family: Arial, Verdana, Helvetica, sans-serif;
			 font-weight: normal;
			 font-size: 11px;
			 background-color: #E7EDF4;
			 border: 1px solid #007EBB;
			 color: #003366;
			 width: 305px;
			 padding: 1px;
			 z-index: 2;}

			/*IE Hack since IE seems not to know what absolute is for this element*/
			*html #Bookmark {
				top: 0px;
				left: 232px;}
		/*end Hack*/
#CoursePageHeaderWrapper{
	width: 775px;}
	
#CoursePageLogo {
	BACKGROUND-POSITION: left top;
	width:190px;
	height: 50px;
	BACKGROUND-IMAGE: url(../Interface_Images/logo.gif);
	BACKGROUND-REPEAT: no-repeat;
}
#CoursePageTitle {
	background-color: #FFFFFF;
	width: 100%;
	height: 42px;
	background-image: url(../Interface_Images/title.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#CourseActions {
	text-align:right;
	BACKGROUND-POSITION: left top;
	background-image: url(../Interface_Images/toolbar.gif);
	width: 295px;
	height: 50px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}
	/*IE Hack to get rid of 3 pixels IE seems to create*/
		/* Hide from IE5-mac. Only IE-win sees this. \*/ 
			* html #CourseActions {margin-left: -3px;}  
		/* End hide from IE5/mac */
#navigation {
	BACKGROUND-POSITION: 0px 50px;
	BACKGROUND-REPEAT: no-repeat;
}
/*Menu
	#WestMenu{
		background-color: #007bbe;
		background-image: url(../Interface_Images/navbar_top.jpg);
		background-repeat: no-repeat;
		background-position: 129px 403px;
		width: 167px;}*/
	.menu .MenuItems{
		background-image: url(../Interface_Images/navbar_top.jpg);
		background-repeat:no-repeat;
		height: 482px;}
		/*IE Hack to get rid of 3 pixels IE seems to create*/
			/* Hide from IE5-mac. Only IE-win sees this. \*/ 
				* html .menu .MenuItems {margin-right: -3px;} 
			/* End hide from IE5/mac */ 
/*Menu Items*/
	#outlineMenuItem{
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-top: 83px;}

	#outlineMenuItem,
	#syllabusMenuItem,
	#glossaryMenuItem,
	#FTx236x1B73MenuItem {
		padding-bottom: 7px;
		background-repeat: no-repeat;
		background-position: 3px bottom;}		

	#outlineMenuItem a,
	#syllabusMenuItem a,
	#glossaryMenuItem a,
	#FTx236x1B73MenuItem a {
		display: block;	
		width: 145px;		
		height: 23px;
		margin-left: 11px;
		background-position: 0px;
		background-repeat: no-repeat;}

	#outlineMenuItem a {background-image: url(../Interface_Images/navbar_contents.gif);}
	#syllabusMenuItem a {background-image: url(../Interface_Images/navbar_resources.gif);}		
	#glossaryMenuItem a {background-image: url(../Interface_Images/navbar_glossary.gif);}
	#FTx236x1B73MenuItem a {background-image: url(../Interface_Images/navbar_help.gif);}

	#outlineMenuItem a:hover,
	#syllabusMenuItem a:hover,
	#glossaryMenuItem a:hover,
	#FTx236x1B73MenuItem a:hover {background-position: -145px 0px;}
	
/*this is the powered by Vcampus menu item*/
	#FTx236x1B8BMenuItem {
		margin: 241px 0px 0px 0px;}

	#FTx236x1B8BMenuItem a {
		background-image: url(../Interface_Images/poweredby.gif);
		display: block;	
		width: 160px;		
		height: 25px;
		margin-left: 30px;
		position: relative;
		top:30px;
		background-repeat: no-repeat;
		background-color: transparent;}
		
/*footer*/		
	#CoursePageFooter {
		}
		
/*Content area*/
	/*IE Hack to get rid of 3 pixels IE seems to create*/
		/* Hide from IE5-mac. Only IE-win sees this. \*/ 
			* html #ResizableBlock.CoursePageContentDiv {margin-left: -3px;}  
		/* End hide from IE5/mac */		
	#ResizableBlockWrapper{
		width: 585px;
		height: 466px;
		background-color: #ffffff;}
	#contentBox{}		
	#contentSize{}
	#contentarea{
		background-color:#FFFFFF;}
		
IFRAME.MyContent {
	position:absolute;
	top: 66px;
	left: 190px;
	height: 410px;
	width: 585px;
}		
	/*IE HACK for display Img hover*/
		*html IFRAME.MyContent {
		top: 16px;
		left: 0px;}
	/*end IE Hack*/

/*Navigation buttons*/
	#SEContentNavi{
		background-color: #E7EDF4;
		background-image: url(../Interface_Images/footer_right.gif);
		background-repeat: no-repeat;
		position: absolute;
		top: 476px;
		left: 190px;
		width: 585px;	
		padding: 0px;
		height: 56px;} 
	#SEContentNavi.Navi {padding: 0px;}
	#SEContentNavi.Navi a{padding: 0px;}
	#SEContentNavi .naviprev img{
		position:absolute;
		top: 16px;
		left: 406px;
		background-image: url(../Interface_Images/footer_back.gif);
		width: 72px;
		height: 24px;
		background-repeat: no-repeat;
		background-position:0px;}
	/*#SEContentNavi .naviprev img:hover {background-position: -33px 10px;}*/
	#SEContentNavi .navinext img{
		position:absolute;
		top: 16px;
		left: 478px;
		background-image: url(../Interface_Images/footer_forward.gif);
		width: 72px;
		height: 24px;
		background-repeat: no-repeat;
		background-position:0px;}
	/*#SEContentNavi a.navinext:hover {background-position: -33px 10px;}*/

	/*IE HACK for display Img hover*/
		*html #SEContentNavi{
		top: 426px;
		left: 0px;}
		*html #SEContentNavi .naviprev img{
		top: 16px;
		left: 406px;}
		*html #SEContentNavi .navinext img{
		top: 16px;
		left: 478px;}
	/*end IE Hack*/
		#glossaryBodyInner #SEContentNavi
		{display: none;}

	#PageNumber{
		position: absolute;
		z-index:1;
		top: 500px;
		left: 350px;
		color: #005280;			
		text-align: left;
		font-size: 80%;
		background-repeat: no-repeat;
		background-position: 0px 3px;
		padding-left: 34px;	}
	/*IE HACK for display Img hover*/
		*html #PageNumber{
		top: 450px;
		left: 160px; }
	/*end IE Hack*/

	/*Glossary Page*/
	.glossterm{
		color: #0073B4;
		padding-top: 10px;}	
	#glossaryBody #SEContentNavi,
	#glossaryBody #CoursePageFooter
	{display: none;}
	
	/*Glossary Page*/
	body#glossaryBody{
		background-image: url(../Images/menu/Banner_Glossary.gif);
		background-repeat: no-repeat;
		background-color: #FFFFFF; }
	/*#glossaryBody br{display: none;}*/
	#glossaryBodyWrapper{	
		background-color: transparent;
		margin: -5px 0px 0px 10px; 
		padding: 6px 1px 0px 1px;}	
	/* IE hack for box model */
		*html #glossaryBodyWrapper{position: absolute;}
	/* END IE HACK*/
	#glossaryBody form{	
		background-color: #ffffff;
		padding: 15px 20px 20px 20px;
		margin: 0px;}
	#glossaryBody hr{display: none;}	
	#glossaryBody #centerlist{
		background-color: #E7EDF4;
		margin: 0px;
		padding: 10px;
		border: 1px dashed #0073B4;
		border-left: none;
		border-right: none;}
	#glossarylist{		
		background-color: #ffffff;
		padding: 10px 30px 20px;
		margin: 0px;
		margin-top: -16px;}
	.glossterm{color: #0073B4;}
	.glossterm{color: #0073B4;}	
	.glossdesc ol, .glossdesc ul {
		margin: 5px 0px 0px 1.5em; 
		padding-left: 5px;}
	.glossdesc li{
		margin-left: 5px;}
	#glossaryBody #SEContentNavi,
	#glossaryBody #CoursePageFooter
	{display: none;}
	body#glossary{
		background-image:url(../Images/menu/Banner_GlossaryEntry.gif);
		background-repeat:repeat-x;
		background-color: #ffffff;}
	#glossary .framebody{
		border: none;
		margin: 50px 0px 0px;
		background-color: #ffffff;
		padding: 10px;}
	#glossary #closebutton{margin-top: -15px;}
	#glossary #closebutton form{
		background-color: transparent;}		
	#glossary #closebutton form input{
		background-repeat: no-repeat;
		background-position: 0px;
		background-color: #E7EDF4;
		color: #0073B4;
		border: 1px dashed #0073B4;
		cursor: pointer;
		width: 80px;
		height: 35px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;}
	#glossary #closebutton form input:hover{background-position: -85px 0px;}
	.cnstatus {
	font-size: 90%;
}