@charset "utf-8";
/* CSS Document */

/*
 * Purpose       : Stylesheet for IT-WEB Training

 * Author        : Developed by Hiran Karunananda[UI Engineer/ PHP Developer - hiran.c@gmail.com]

*/

* { margin:0px; padding:0px; }

/*----------- Common Styles --------------------------------------------*/
body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background: #D1D1D1 url(../Images/bg.jpg) 50% 0;	
}
a { color:#7A4493; text-decoration:underline; }   a:hover { text-decoration:none; }
h3 { color:#513467; font-size:20px; }
h4 { color:#6D5287; font-size:13px; }
p { padding-top:5px; padding-bottom:5px;  }
.Error { color:#FF0000; }

/*------------- Form Elements Styles ----------------------*/
#Wrapper input  /*--- for every input types ---------------*/
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #8596AF;	
	padding-left:3px;
}

.Combo { font-family:Arial, Helvetica, sans-serif; font-size:11px; width:119px; border:1px solid #8596AF; padding-left:3px; }
.Textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; width:114px; border:1px solid #8596AF; padding-left:3px; }
#Wrapper .checkbox { border:0px; }

#Wrapper .button 
{ 
	background-color:#7A4493;
	height:21px;
	color:#FFFFFF;
	border:1px solid #513467;
	padding:2px;	
	margin-top:6px;	
}
/*------------- End of Form Elements Styles ---------------*/
/*----------- End Common Styles --------------------------------------------*/

/*----------- Main Styles -------------------------------------------------*/
#Page { background: url(../Images/bg2.jpg) repeat-x 50% 0; }
#Wrapper { width:800px; height:auto; margin:0 auto; }

#Header { width:800px; height:74px; }
.floatHeader { float:left; }

.MenuTop { clear:both; width:800px; height:30px; }
.MenuTopLeft { float:left; background-image:url(../Images/menuLeft.jpg); background-repeat:no-repeat; width:1px; height:30px; }
.MenuTopMid { float:left; background-image:url(../Images/menuMid.jpg); background-repeat:repeat-x; width:798px; height:30px; }
.MenuTopRight { float:left; background-image:url(../Images/menuLeft.jpg); background-repeat:no-repeat; width:1px; height:30px; }
.MenuTopMid li { float:left; list-style-type:none; padding-left:13px; color:#FFFFFF; padding-top:6px; }
.MenuTopMid a { color:#FFFFFF; text-decoration:none; }
.MenuTopMid a:hover { color:#CCCCCC; }

#MImgLMenu { width:800px; height:191px; clear:both; }
.LeftMenu { float:left; width:253px; height:191px; }
.MainImg { float:left; width:547px; height:191px; }

#MidContent 
{ 
	width:800px;
	min-height:580px !important;
	height:auto !important;
	min-height:580px;
	height:580px;	
	background-color:#E7E7E7;
	margin-top:-3px;
	float:left;
}

#LeftCArea
{	
	width:253px;
	min-height:580px !important;
	height:auto !important;
	min-height:580px;
	height:580px;
	float:left;	
}

.LeftCNavi { width:220px; padding-top:15px; padding-left:10px; }
.LeftCNavi li { color:#6D5287; list-style-type:none; font-weight:bold; } .LeftCNavi a { color:#6D5287; font-weight:bold; text-decoration:none; }
.LeftCNavi a:hover { color:#513467; }

#RightCArea 
{
	width:547px;
	min-height:580px !important;
	height:auto !important;
	min-height:580px;
	height:580px;
	float:left;
	background-color:#FFFFFF;
}

.ContentPane { padding:15px 10px 10px 12px; font-size:11px; }
.PageHeader { color:#513467; font-size:20px; padding-bottom:10px; }
.PageSubHeader { color:#513467; font-size:16px; font-weight:bold; padding-top:15px; }
.FormBC { background-color:#F9F4FB; padding:8px; }
.LinkGap { padding-bottom:5px; }

#Footer { text-align:center; font-size:10px; padding-top:5px; clear:both; }
.Powered { padding-bottom:5px; }
.FooterLink { color:#7A4493; }


/*----------- Courses Box Styles -------------------------------------------------*/
.Box { width:100%; }	.Box p { padding-bottom:10px; }

.BoxHeaderY { background-color:#E9E6B3; padding:8px; color:#5F5C28; font-weight:bold; font-size:12px; }
.BoxContentY { background-color:#FFFDDE; padding:5px 8px 10px 8px; }

.BoxHeaderR { background-color:#E9D8B3; padding:8px; color:#5F5C28; font-weight:bold; font-size:12px; }
.BoxContentR { background-color:#FFF5DE; padding:5px 8px 10px 8px; }

.BoxHeaderG { background-color:#D8E9B3; padding:8px; color:#5F5C28; font-weight:bold; font-size:12px; }
.BoxContentG { background-color:#F2FFDE; padding:5px 8px 10px 8px; }