/* CSS Document */
body{padding:0px; margin:0 auto; position:relative; color:#666; font:11px/17px Verdana; font-weight:normal; padding:0; 
background: url(../images/header-bg.jpg) 0 0 repeat-x #FFF; }
div, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
.buttonBack { font-size: 10px; margin-left: 10px; }

.font-white-padding { color: #FFFFFF; font-weight: bold; padding: 2px; }
.font-red { color: #FF0000; font-size: 10px; }
.font-rock { color: #FF6600; font-weight: bold; }
.font-black { color: #000000; font-size: 12px; font-weight: bold; text-decoration: none; }

/* TOP PANEL 197px */
#topPan{min-width:1024px; height: 210px; position:relative; margin:0 auto; }
#topPan .header_slide { width:100%; height:150px; position:absolute; top:0; left:0px; }
#topPan .header_slide2 { width:100%; height:150px; position:absolute; top:0; left:0px; }
#topPan .mid_slider2 { width: 900px; margin: auto; }
#topPan .mid_slider { width: 700px; margin: auto; }


#topPan .logo{width:174px; height:141px; margin: 0 auto; position:relative; }

#topPan .divul { width: 100%; position: absolute; top: 152px; left: 0; background:url(../images/menu-bg.gif) 0 0 repeat-x;  }
/*#topPan ul{width: 81%;  padding-left: 19%; height:32px; display:block; position:absolute; top:152px; left: 0; margin:0px; background:url(../images/menu-bg.gif) 0 0 repeat-x; color: #FFFF00;}*/
#topPan ul{width: 790px; display:block; margin: 0 auto; color: #FFFF00;}

#topPan ul li{float:left; display:block; width:112px; height:32px; background:url(../images/menu-devider.gif) right top no-repeat;}
#topPan ul li .black {display:block; width:110px; height:32px; background:url(../images/menu-hover.gif) 50% 0 no-repeat; font:11px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}

#topPan ul li a{display:block; width:110px; height:32px; background:url(../images/menu-bg.gif) 0 0 repeat-x; color:#FFFF00; font:11px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a:hover{display:block; width:110px; background:url(../images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

#topPan ul li.contact{display:block; width:110px; height:32px; background:url(../images/menu-bg.gif) 0 0 repeat-x; color:#FFFF00; font:11px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li.contact:hover{display:block; width:110px; background:url(../images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{width:900px; position:relative; margin:0 auto; min-height: 450px; }

.spacer{ height:10px; }

/*------------------------------------------------left panel--------------------*/
#left{
	width:180px;
	padding: 0 7px 0 0;
	float:left;
	background-color: ;
	min-height: 500px;
}


#left ul{
	width:180px;
	padding:0 0 0 0;
	background: url(../images/menu_left_top.png) no-repeat #F7F7F7;
	margin-bottom: 10px;
}
#left ul div{
	color: #FFFFFF; padding: 2px 2px 0 10px; font-weight: bold;	border-bottom: 1px #FF7316 solid;
}
#left ul li{
	display:block;
	background:url(../images/solution_div.gif) right bottom repeat-x;
	height:20px;
	width:180px;
	padding:0 0 1px 0;
	margin-left: 0;
}
#left ul li a{
	width: 170px;
	padding:0 0 0 10px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#0000CC;
	text-decoration:none;
	margin:0;
	display:block;
}
#left ul li a:hover{
	width: 170px;
	color:#0000CC;
	background-color: #FFFF00;	
}
#left ul li a.parthover{
	width: 170px;
	color:#0000CC;
	background-color: #FFFF00;	
}

#left ul li.close{
	padding: 0;
	margin: 0;
	width:180px;
	height: 20px;
	background: url(../images/menu_left_bottom.png) no-repeat #FFFFFF;
}


#left ul li a.normalLink{ text-decoration: none; background: none; padding: 0; display: inline; }
#left ul li a.normalLink:hover{ text-decoration: underline; color:#FF7B0A;  }


#left ul li.normal{
	padding: 5px;
	margin: 0;
	width:170px;
	min-height: 50px;
	background-image: none;
	background-color: #F7F7F7;
}

.menuTopList { font-weight: bold; background: url(../images/menu_right_top.png) no-repeat; border-bottom: 1px #EAEAEA solid; color: #FFFFFF; margin-bottom: 7px; height: 18px; padding: 1px 0 0 10px; }
.listBarUL { padding-left: 9px; background: url(../images/arrow.gif) 0 5px no-repeat; }

/*------------------------------------------------left panel--------------------*/

/*------------------------------------------------mid panel--------------------*/
#mid{
	width:540px;
	padding: 0;
	float:left;
	background-color:;
	border-right: 1px #CCCCCC solid;
	margin-right: 5px;
	margin-bottom: 10px;
}
#mid .mid_slide {
height: 272px;
border-top: 1px #666666 dashed;
border-bottom: 1px #666666 dashed;
padding: 7px 0 7px 0;
width: 409px;
margin: 0 auto;
}
#mid .mid_inner_basic { width: 94%; margin: 0 auto; text-align: justify; color: #333333; min-height: 450px;  }

#mid .midInner { min-height: 450px; margin: 10px; }
#mid .midInnerHeader { background: url(../images/menu_left_top.png) right bottom no-repeat; width: 180; height: 20px; padding: 2px 45px 0 0; text-align: right; color: #FFFFFF; font-weight: bold; }
#mid .midInnerBox { background: url(../images/news_box.png) no-repeat; width: 480px; height: 400px; padding: 0; margin: 0; }

#mid .mid_header{
background: url(../images/370_header.png) no-repeat; width: 432px; height: 50px; font:bold 24px "Courier New"; text-align: center; margin-bottom: 15px; color: #FFFFFF; padding-top: 10px;
}

#mid .mid_header_1{
font:bold 18px Arial; text-align: left; margin: 0 0 15px 10px; color: #FF6600;
}

#mid p.viewMore{
	width:77px;
	height:13px;
	font-size:0;
	display:block;
	margin:20px 0 0 350px;
	padding-bottom: 10px;
}


.breadcrumb {
	background-color: #FFFCDF;
	font-size: 11px;
	text-align: left;
	width: 90%;
	padding: 5px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.breadcrumb a, .breadcrumb a:visited { color: #0000CC; text-decoration: none; font-weight: bold; }
.breadcrumb a:hover { color: #FF3300; text-decoration: underline; }
		
/*------------------------------------------------mid panel--------------------*/

/*------------------------------------------------right panel--------------------*/
#right{
	width:160px;
	float:left;
	padding-left: 4px;
	background-color: ;
}

#right ul li { padding-left: 9px; background: url(../images/arrow.gif) 0 5px no-repeat; }
#right ul li a{ border: none; text-decoration: none; color: #0000CC; text-transform: capitalize; font-weight: bold; }
/*
#right ul{
	width:180px;
	padding:0 0 0 0;
	background: url(../images/menu_left_top.png) no-repeat #F7F7F7;
	margin-bottom: 10px;
}
#right ul div{
	color: #FFFFFF; padding: 2px 2px 2px 10px; font-weight: bold;
}
#right ul li{
	display:block;
	background:url(../images/solution_div.gif) right bottom repeat-x;
	height:20px;
	width:170px;
	padding:0 0 1px 10px;
	margin-left: 0;
}

#right ul li a{
	width: 100%;
	background:url(../images/songs.gif) 0 2px no-repeat;
	padding:0 0 0 14px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	display:block;
}
#right ul li a:hover{
	width: 88%;
	color:#FF7B0A;
}

#right ul li a.normalLink{ text-decoration: none; background: none; padding: 0; display: inline; }
#right ul li a.normalLink:hover{ text-decoration: underline; color:#FF7B0A; }


#right ul li.normal{
	padding: 5px;
	margin: 0;
	width:170px;
	height: 110px;
	background-image: none;
	background-color: #F7F7F7;
}

#right ul li.close{
	padding: 0;
	margin: 0;
	width:180px;
	height: 20px;
	background: url(../images/menu_left_bottom.png) no-repeat #FFFFFF;
}
*/

/** right bar **/
.right_bar a.listBar { border: none; color: #0000CC; text-decoration: none; }

.right_bar a { border: 1px #999999 solid; }
.right_bar a.download{ background:url(../images/download.jpg) 0 0 no-repeat; width:150px; height:80px; display:block; margin-bottom: 10px; }
.right_bar a.download:hover{ background:url(../images/download.jpg) 0 0 no-repeat; width:150px; height:80px; display:block; }

.right_bar a.mailing{ background:url(../images/mailing.jpg) 0 0 no-repeat; width:150px; height:80px; display:block; margin-bottom: 10px; }
.right_bar a.mailing:hover{ background:url(../images/mailing.jpg) 0 0 no-repeat; width:150px; height:80px; display:block; }

.right_bar a.store{ background:url(../images/store.jpg) 0 0 no-repeat; width:150px; height:80px; display:block; margin-bottom: 10px; }
.right_bar a.store:hover{ background:url(../images/store.jpg) 0 0 no-repeat; width:150px; height:80px; display:block; }

.right_bar a.career{ background:url(../images/career.jpg) 0 0 no-repeat; width:150px; height:80px; display:block; margin-bottom: 10px; }
.right_bar a.career:hover{ background:url(../images/career.jpg) 0 0 no-repeat; width:150px; height:80px; display:block; }

/*------------------------------------------------right panel--------------------*/


/* footer Panel */
#bodyPan_2{ width:860px; margin:0 auto; margin-top: 20px; position:relative; clear:both; padding: 0 10px 0 10px; margin-bottom: 10px; padding-top: 50px;  }

#mainfooterbody{ min-width:1024px; height:90px; background:url(../images/footer-bg.png) 0 0 repeat-x; color:#0000FF; padding: 20px 0 0 0; position:relative; margin:0 auto; clear:both; }
#footerPan{width:800px; height:52px; position:relative; margin:0 auto; padding: 5px 0 0 10px; }

#footerPan ul{width:460px; display:block; padding:0; margin: 0 auto;}
#footerPan li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight: bold;}
#footerPan ul li a{padding:0 0 0 10px; color:#0000FF; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p{ margin: 14px 0 0 0; display:block; color:#000000; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; text-align: center; }
#footerPan p a.ep{ display:block; color:#0000FF; text-decoration:none;}
#footerPan p a.ep:hover{text-decoration:underline;}

/*---- for ajax validation -----*/
input.disabled {  border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required {  border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { background-color: #FFFFFF; color : #FF3300; font-size:10px; padding-right: 5px; padding-left: 5px;	width: 95%; font-weight: normal; }
.alert-advice { background-color: #FF3300; color : #FFFFFF; font-size:11px; padding: 5px; margin-bottom: 20px; width: 70%; font-weight: normal; }
/*---- end for ajax validation -----*/

/* new css */
.home_container { padding: 20px 0 0 0; height: 610px;  }
.homeLeft { width: 520px; height: 610px; background-color: #FFFFFF; float: left; }
.header_home_65 { background: url(../images/home_65.png) no-repeat; width: 500px; height: 68px; margin: 0 auto; margin-bottom: 10px; } 
.homeLeft_slide { border: 1px #AAA solid; padding: 10px; width: 500px; height: 500px; background-color: #FFFFFF; }
.homeLeft img { max-width: 500px; max-height: 450px; }

.homeRight { width: 330px; float: left; margin: 0 0 0 10px; }
.home_more { position: absolute; top: 595px; left: 330px; font: bold 15px Arial, Helvetica, sans-serif; color: #73479C; clear: both; }
.home_more a:link, .home_more a:visited { color: #73479C; text-decoration: underline; }
.home_more a:hover, .home_more a:focus { color: #666666; text-decoration: underline; }

.home_header { border: 1px #AAA solid; background-color: #73479C; color: #FFFFFF; text-align: center; 
font: bold 20px 'Trebuchet MS'; }
.home_desc { border: 1px #AAA solid; background-color: #FFFFFF; margin: 5px 0 15px 0; padding: 8px; text-align: justify; height: 545px; }

/* news */
.newsContainer { margin: 0 4px 0 5px; padding-top: 15px; background-color: ; height: 345px; overflow: auto; }
.newsContainerLatest { margin: 0 4px 0 5px; padding-top: 5px; background-color: ; }

.newsFeeder { margin-bottom: 5px; background-color:; min-height: 100px; clear: both; position: relative; text-align: left; }
.newsPic { float: left; width: 100px; height: 100px; margin: 0 5px 5px 0; }

.newsDetails { height: 100px; font-family: Arial; padding-right: 10px; float: left; width: 74%; background-color: ; }
.newsDetails p { margin-top: 5px; }

.newsInnerDetails { font-family: Arial; text-align: justify; width:490px; } /* min-height: 800px; overflow: auto; */	
.newsInnerDetails p { margin-top: 5px; }
.newsInnerImg { float: left; margin: 0 10px 3px 0; border: 1px #999999 solid; padding: 2px; }
.newsInnerDetails img { max-width: 470px; }

.newsDate { font-size: 9px; color: #666666; font-weight: normal; }
.newsTitle { font-size: 14px; color: #FF6600; font-weight: bold; }
.newsTitle a { font-size: 14px; color: #0000CC; font-weight: bold; text-decoration: none; }
.newsTitle a:hover { font-size: 14px; color: #FF9900; font-weight: bold; text-decoration: none; }


.newsPicLatest img { float: left; width: 70px; height: 70px; margin: 0 5px 5px 0; }
.newsInnerDetailsLatest { font-family: Arial; text-align: justify; width:460px; overflow: auto; }

.newsTitleLatest { font-size: 11px; color: #FF6600; font-weight: bold; }
.newsTitleLatest a { font-size: 11px; color: #0000CC; font-weight: bold; text-decoration: none; }
.newsTitleLatest a:hover { font-size: 11px; color: #FF6600; font-weight: bold; text-decoration: none; }


.newsClose { width: 96%; height: 2px; margin: 0 auto; margin-bottom: 5px; position: relative; clear: both; border-bottom: 1px #EAEAEA solid; }

/* map */
#mapDirect { background-color: #FFFFFF; opacity: 0; filter: alpha(opacity=0); }
.mapSelect { background-color: #FF9900; color: #FFFFFF; padding-left: 5px; }

/* courses */
#tblCourses td { color: #494949; border-color: #494949; border-style: none; padding: 2px; text-align:left; }


/* artistes */
.artistesFeat { border: 1px #FF9900 solid; width: 200px; margin: 0 auto; padding: 10px; }
#artistes ul li a{
	width: 100%;
	padding:0 0 0 5px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color: #0000CC;
	text-decoration:none;
	margin:0;
	display:block;
}
#artistes ul li a:hover{
	width: 88%;
	color:#FF7B0A;
}

#comment { margin-top: 20px; }
#comment input, #comment textarea { font: 11px Arial; }
/* -- Login Forgot --- */
.form_forgot {width:100%; height:135px; position:relative; margin-bottom: 20px; text-align: center; }
.form_forgot form {width:268px; height:165px; position:relative; background:url(../images/268-forgot.jpg) 0 0 no-repeat; }


#contact input, select, textarea { font: 11px Arial, Helvetica, sans-serif; }
.div_ajax { width: 100%; color: #FFFFFF; }
.ajax_load_process1 { background:url(../images/load_ajax_1.gif) no-repeat; width: 200px; margin:0 auto; height: 11px; margin-top:5px; color: #FFFFFF; font-size: 2px; text-align: center;  }
.ajax_load_process1Done { font: italic 10px verdana; background-color:#FFFFCC; width: 80%; margin:0 auto; margin-top:5px; text-align: center;   } 
.ajax_load_button { display: none; }


#featTbl h4 { font: bold 14px Tahoma; letter-spacing: 0px; margin: 20px 0 5px 0; color: #FF3300; }
#featTbl a { color: #0000CC; font-weight: bold; }
#featTbl div { margin: 10px; width: 90%; }
.featImg { margin: 15px; width: 96px; height: 120px; border: 1px #CCCCCC solid; padding: 1px; }
.featImgInside { border: 1px #CCCCCC solid; padding: 1px; }


#featInside em { font-weight: bold; }