body{
margin:0px;
padding:0px;
font-family: "Arial Unicode MS";
font-size:12px;
color:#ffffff;
background:url(images/body-bg.jpg) repeat-x #a1998c;
}

li{line-height:24px;}
h1{
font-size:15px;
color:#000;
/*color:#c5b2ff;*/
padding-left:4px;
font-family: "Arial Unicode MS";
font-weight:bold;
}
em{font-weight:bold;}
.bold{font-weight:bold}
table{border:1px solid #403015; border-collapse:collapse;}
td{border:1px solid #403015; padding:3px; text-align:center;}
th{background:#403015;border:1px solid #403015;padding:3px; text-align:center; color:#fff}
.h1{
font-size:12px;
font-weight:bold;
color:#472008;
line-height:20px;
font-family: "Arial Unicode MS";
}
.h1 a:link{
color:#dd6107;
text-decoration:none;
}
.h1 a:visited{
color:#dd6107;
text-decoration:none;
}
.h1 a:active{
color:#dd6107;
text-decoration:none;
}
.h1 a:hover{
color:#dd6107;
text-decoration:underline;
}
a{
text-decoration:none;
color:#054355;
}
a:link{
text-decoration:none;
color:#000;
}
a:visited{
text-decoration:none;
color:#000;
}
a:active{
text-decoration:none;
color:#000;
}
a:hover{
text-decoration:underline;
color:#472008;
}
#container-login{
margin:0 auto;
width:1003px;
border:0px solid #04677e;
background:url(images/content-area-bg.jpg) repeat-y;
}
#container-course{
margin:0 auto;
width:1003px;
border:0px solid #04677e;
background:url(images/course-body-bg.jpg) no-repeat #fff

}
* html #container-course{
margin:0 auto;
width:1003px;
border:0px solid #04677e;
background:url(images/course-body-bg.jpg) no-repeat #fff;
}
#content-bottom{
	width:1003px; 
	min-height:100px! important; 
	clear:both; 
	background:url(images/learner-body-bg2.jpg) no-repeat #ffffff; 
	padding-top:25px;
}

* html #content-bottom{
	width:1003px; 
	height:100px; 
	clear:both; 
	background:url(images/learner-body-bg2.jpg) no-repeat #ffffff; 
	padding-top:25px! important;
}

#course-announcement{
width:305px; min-height:80px; float:right; display:inline; padding-right:5px; padding-left:10px;margin-top:10px; border-left:1px dashed #5c2f13;
}
* html #course-announcement{
width:300px; height:80px; float:right; display:inline;
}
#top-bar{
height:21px;
width:998px;
background:#10b4da;
font-weight:bold;
padding-right:5px;
padding-top:1px;
text-align:right
}
#top-bar-login{
height:19px;
width:1003px;
background:#10b4da url(images/lighthouse-top.jpg) no-repeat;

}
#top-bar-left{
float:left;
width:250px;
font-weight:bold;
padding-left:1px;
padding-top:1px;
text-align:left;
color:#fff;
}
#top-bar-course{
height:20px;
width:1003px;
background: url(images/top-bar-bg.jpg) repeat-x;

}
#top-bar-right{
height:20px;
text-align:right;
padding-right:10px;
width:300px;
float:right;
color:#ffffff;
}
#top-bar-right a:link{
text-decoration:none;
color:#fff;
font-weight:bold;
}
#top-bar-right a:visited{
text-decoration:none;
color:#fff;
font-weight:bold;
}
#top-bar-right a:active{
text-decoration:none;
color:#fff;
}
#top-bar-right a:hover{
text-decoration:underline;
color:#efc5ac;
font-weight:bold;
}
#top-bar-left{
height:20px;
float:left;
padding-left:10px;
width:400px
}
#top-bar-left a:link{
text-decoration:none;
color:#fff;
}
#top-bar-left a:visited{
text-decoration:none;
color:#fff;
}
#top-bar-left a:active{
text-decoration:none;
color:#fff;
}
#top-bar-left a:hover{
text-decoration:underline;
color:#efc5ac;
}
#masthead{
height:66px;
width:1003px;
background:url(images/masthead-bg.jpg) repeat-x;
clear:both;
}

#masthead-course{
height:74px;
width:1003px;
background:url(images/masthead-course-bg.jpg) repeat-x;
clear:both;
}
#below-masthead{
height:24px;
width:997px;
background:url(images/below-masthead-bg.jpg) repeat-x;
font-size:10px;
padding-left:6px;
}

#below-masthead-course{
height:14px;
width:997px;
background:url(images/below-masthead-course-bg.jpg);
font-size:10px;
padding-left:6px;
padding-top:8px;
color:#ffffff;

}

#logo{
width:269px;
height:66px;
float:left;
clear:both;
}
.title-bar{width:993px; height:28px; background:url(images/course_header-bg-ie.jpg); margin-bottom:10px; padding-top:10px; padding-left:10px; font-size:15px; font-weight:bold;color:#393939}

#course-header{
width:1003px;
background:#fff;
padding-top:0px;
clear:both! important;
min-height:350px;
}
* html #course-header{
width:1003px;
background:#fff;
height:350px;
clear:both! important;
}
#welcome-header{
width:647px;
padding-top:12px;
padding-left:6px;
float:left;
clear:both;
}
#welcome-txt{
font-weight:normal;
font-size:12px;
margin-top:20px;
padding-right:10px;
padding-bottom:10px;
}
#login-txt{
width:330px;
padding-top:12px;
padding-left:20px;
float:right;
}


.footer-header{
font-weight:bold;
}

#footer{
	width:1003px;
	height:185px;
	background:url(images/footer.jpg) no-repeat #c1e4f8;
	clear:both;
	font-size:10px;
	color:#333333;
}
#footer-learner{
width:1003px;
height:129px;
background:url(images/footer-learner.jpg) no-repeat;
clear:both;
	font-size:10px;
	color:#333333;
	margin-top:-30px;
}
#footer-course{
	width:1003px;
	height:100px;
	clear:both;
	font-size:10px;
	color:#ffffff;
	background:#a1998c
}
.era-logo{
	width:160px; 
	height:45px; 
	float:left; 
	margin-top:30px; 
	margin-left:10px;
	margin-right:160px;
	background:url(images/mkcl-era.png);
}
* html .era-logo{
	width:160px; 
	height:45px; 
	float:left; 
	margin-top:30px; 
	margin-left:10px;
	margin-right:160px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/mkcl-era.png');
}

#impt-date{
	width:416px; 
	height:232px; 
	float:left;
	margin-bottom:0px;
	margin-left:100px;
	background:url(images/transparent-bg.png) no-repeat;
	padding:40px;
	padding-top:25px;
}
.dn_form{
	margin-left:100px;
	width:450px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}
* html #impt-date{
	width:486px; 
	height:232px; 
	float:left;
	margin:0 auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/transparent-bg.png');
	background: none;
	padding:40px;
	margin-bottom:20px;
}
.copyright{
	width:300px; 
	height:10px; 
	float:left; 
	margin-top:40px; 
	margin-left:10px;
	font-size:12px;
}
.poweredby{
	width:320px; 
	height:46px; 
	float:right;
	margin-top:30px;
	
}
.copyright-login{
	width:300px; 
	height:10px; 
	float:left; 
	margin-top:170px; 
	margin-left:10px;
	
}
.poweredby-login{
	width:310px; 
	height:46px; 
	float:right;
	margin-top:130px;
	
}




#body_area{
	width:1003px;
	min-height:378px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
}
* html #body_area{
	width:1003px;
	height:378px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #074d7f;
	text-decoration: none;
	padding: 0px;
	float: none;
}
#innerbody_area{
	width:900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #074d7f;
	text-decoration: none;
	padding: 0px;
	float: none;
}.left {
	margin: 0px;
	float: left;
	height: 353px;
	width: 213px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.morelinks_top {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 9px;
	width: 193px;
	background-image: url(images/morelinks_box_01.png);
	background-repeat: no-repeat;
}
.morelinks_area {
	margin-top: -5px;
	float: left;
	height: 308px;
	width: 193px;
	background-image: url(images/morelinks_box_02.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.morelinks_head {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	background-image: url(images/morelinks.png);
	background-repeat: no-repeat;
	float: left;
	height: 24px;
	width: 145px;
	text-transform: capitalize;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}

.morelinks_bottom {
	margin-top: -4px;
	padding: 0px;
	float: left;
	height: 11px;
	width: 193px;
	background-image: url(images/morelinks_box_03.png);
	background-repeat: no-repeat;
}
.morelink {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #000;
	text-decoration: none;
	
	float: left;
	height: 19px;
	width: 143px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.morelink a{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #000;
	text-decoration: none;
	
	float: left;
	height: 19px;
	width: 143px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.morelink a:link {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #000;
	text-decoration: none;
	
	float: left;
	height: 19px;
	width: 143px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.morelink a:visited{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #000;
	text-decoration: none;
	
	float: left;
	height: 19px;
	width: 143px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.morelink a:active {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #000;
	text-decoration: none;
	
	float: left;
	height: 19px;
	width: 143px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.morelink:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #c12f00;
	text-decoration: none;
	background-image: url(images/morelinks_hover.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 143px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.links_morearea {
	margin: 0px;
	float: left;
	width: 190px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.links_text {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #7e7656;
	text-decoration: none;
}
.body_area1 {
	margin: 0px;
	padding: 0px;
	float: left;
	min-height: 400px;
	width: 765px;
	color:#4f060b;
	font-weight:normal;
	font-size:12px;
	padding-bottom:20px;
	
}
* html .body_area1 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 400px;
	width: 765px;
	color:#4f060b;
	font-weight:normal;
	font-size:12px;
	
}