body {background-color: #5a5b60; font-family: Tahoma; font-size: 11px; color: #CBD0D3; margin-top:5px; }

#MainSite{
	width: 834px;
	background-color: #5a5b60;
	position: relative;
	left: 50%; margin-left: -417px;
	padding: 0px; overflow: hidden;
	color: inherit;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
}
.Top{ background-image:url(../images/top.jpg); background-repeat:no-repeat; background-position:top; height:17px; width:800px; margin-left:17px; }
.Site{
	padding:0px 15px 0px 14px;
	width:741px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 32px;
}
.Header{
	height:250px;
}
.Logo{
	float:left;
	height:91px;
	width:131px;
}
.TelNo{
	float:right;
	margin:72px 0px 0px 0px;
	width:160px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1a4ca1;
	text-decoration:none;
}
.HedBanner{
	height:150px;
	width:741px;
}
.NavBar{
	margin-top:6px;
	height:24px;
}
.nav_container {
	PADDING-RIGHT: 0px; MARGIN-TOP: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(layout/bgpx.jpg); FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; WIDTH: 100%; MARGIN-RIGHT: 0px; PADDING-TOP: 0px
}
.nav {
	PADDING-RIGHT: 0px; MARGIN-TOP:0px; _MARGIN-TOP: 6px;DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(../images/nav.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; OVERFLOW: hidden; WIDTH: 741px; MARGIN-RIGHT: auto; PADDING-TOP: 0px; HEIGHT: 25px; TEXT-ALIGN: center
}

.preload {
	DISPLAY: none; OVERFLOW: hidden; WIDTH: 1px; HEIGHT: 1px
}
#Center{
	background-color:#FFFFFF;
	background-image:url(../images/center-bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:741px;
	height:1012px;
	_min-height:1012px;
	margin-top:40px;;
}
#Center2{
	background-color:#FFFFFF;
	background-position:top;
	width:741px;
	height:912px;
	_min-height:912px;
	margin-top:40px;
	background-image:url(../images/clsses-workshop-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#Center3{
	background-color:#FFFFFF;
	background-position:top;
	width:741px;
	height:850px;
	_min-height:850px;
	float:left;
}
#Center4{

	width:741px;
	height:620px;
	_min-height:620px;
	float:left;
	position:relative;
	margin-top:-55px;

}
#Center1{
	background-color:#FFFFFF;
	background-position:top;
	width:741px;
	height:300px;
	_min-height:300px;
	margin-top:40px;;
}
#CenterClasses1{
	background-color:#FFFFFF;
	background-image:url(../images/classes-bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:741px;
	height:400px;
	_min-height:400px;
	position:relative;
}
#InnerCenter{
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:top;
	width:660px;
	margin-left:50px;
	margin-top:30px;
	float:left;
}
.ClassesTopRightImg{ 
	height:45px; 
	width:212px; 
	float:right; 
	margin-right:20px; 
	background-image:url(../images/rudeye-live.gif); 
	background-repeat:no-repeat;
	margin-top:30px;
	margin-right:70px;
	position: relative;
	z-index:1000px;
}
.CenterHed{
	width:741px;
	height:31px;
	margin-top:0px;
	margin-bottom:25px;
}
.CenterHed2{
	width:312px;
	height:26px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:30px;
}
.CenterLeft{
	width:310px;
	float:left;
	margin-left:25px;
	_margin-left:12px;
}
.CenterLeft3{
	display:block;
	width:100%;
	position:relative;
}
.CenterTopImg{
	height:214px;
	width:310px;
}
.RudeyeUnder{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#f37023;
	text-decoration:none;
	margin-top:56px;
	_margin-top:28px;
}
.RudeyeUnder2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#f37023;
	text-decoration:none;

}
.BodyText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#214f73;
	text-decoration:none;
}
.InnerHedTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#214f73;
	text-decoration:none;
}
.CenterRight{
	width:349px;
	float:left;
	margin-left:24px;
}
.RightTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#f37023;
	text-decoration:none;
}
.OrangeBoldText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#f37023;
	text-decoration:none;
}

.BlueBoldText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#214f73;
	text-decoration:none;
}
.BlueBoldText2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#214f73;
	text-decoration:none;
}
.RightImg{
	width:333px;
	height:248px;
	margin-top:30px;
}
.MiddleBotText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	color:#214f73;
	text-decoration:none;
	width:741px;
	float:left;
	text-align:center;
}
.ClassesBotText{
	width:695px;
	margin-left:30px;
	float:left;
}
.MiddleBotTextClick{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	color:#3aaae1;
	text-decoration:none;
}
a:hover.MiddleBotTextClick{ color:#003366;}
.ClickHere2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#3aaae1;
	text-decoration:none;
}
a:hover.ClickHere2{ color:#003366;}
.Film{
	float:left;
	width:497px;
	height:152px;
	margin-top:15px;
	margin-left:15px;
}
.ClassesFilm{
	float:left;
	width:627px;
	height:145px;
	margin-top:15px;
	margin-left:20px;

}

.ClickHere{
	width:172px;
	height:168px;
	float:left;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:25px;
}
.ClickHereClasses{
	width:172px;
	height:168px;
	float:left;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:10px;

}
#Footer{
	width:834px;
	background-image:url(../images/bot-bg.gif);
	background-position:bottom;
	height:37px;
	_min-height:37px;
	float:left;
}
.BotLogo{
	width:701px;
	height:59px;
	text-align:center;
	float:left;
	margin-left:15px;
	position:relative;
}
.TopPhoto{
	float:left;
	margin-left:30px;
	margin-top:30px;
	height:150px;
	_min-height:150px;
	width:741px;
}
.TopPhoto2{
	float:left;
	margin-left:30px;
	height:150px;
	_min-height:150px;
	width:741px;
}
.InnerImg{
	width:165px;
	height:131px;
	float:left;
}
.InnerTextTopBox{
	float:left;
	margin-left:20px;
	width:473px;
}
.DotLine{
	background-image:url(../images/line-dot.gif);
	background-repeat:repeat-x;
	height:64px;
	position:relative;
	width:660px;
	_min-height:64px;
	_margin-top:0px;

}

.CenterStudio{
	width:714px;
	float:left;
	height:330px;
	_min-height:330px;
}
.TimeTable{
	width:710px;
	margin-left:25px;
	_margin-left:10px;
	float:left;

}
.TimeTable2{
	width:493px;
	background-color:#40b2f5;
	margin-top:10px;
	float:left;
}
.TimeTableHed{
	background-image:url(../images/timetabletopbg.gif);
	background-repeat:repeat-x;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-left:25px;
}
.TimeTableText{
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-left:25px;
}


/* by Vimal  */

.RightTitle1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#E21119;
	text-decoration:none;
}
.RightTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#f37023;
	text-decoration:none;
}
.RightImg{
	width:333px;
	height:248px;
	margin-top:30px;
}
.CenterRight1{
	width:200px; clear:right;
	float:left; margin-top:10px;
	margin-left:10px;
	height:auto;
}
.CenterRight3{
	width:170px;
	float:left; margin-top:5px;
	margin-left:0px;
	height:68px;
}
.CenterRight5{
	width:170px;
	float:left; margin-top:5px;
	margin-left:0px;
	height:68px;
	text-align:right;
}

.timetable {
	border-collapse: collapse;
	width: 320px;
	}
.timetablebg {
	background: #165EAF;
	background-image:url(../images/tablebg.gif);
	background-repeat:repeat-x;
	}
.timetable td {
	padding-left:10px;
	height:23px;
	}
.tablehead
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.tabletext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration:none;
}
.DisclaimerTest{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#E21119;
	text-decoration:none;
	padding-top:5px;
}
.LevelDesc{
padding-top:15px;
padding-bottom:8px;
}


/* player and playlist go side by side */
#player, #playlist {
	float:left;		
	margin-right:20px; 
}

/* player dimensions */
#player, #player img {
	display:block;				
	width:300px;
	height:240px;
	border:0px;		
}

#playlist {
	width:150px;		
}

#InnerCenterClasses{
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:top;
	width:660px;
	margin-left:30px;
	margin-top:30px;
	height:300px;
	_min-height:300px;

}
#InnerLiveClasses{
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:top;
	width:660px;
	height:600px;
	_min-height:600px;

}
.Film1{
	float:left;
	width:426px;
	height:150px;
	margin-top:15px;
	margin-left:15px;
	padding-left:120px;
	padding-bottom:15px;
}


/* overlay play button */
div.play {
	background:url(../images/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-140px;
	left:125px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}


/* playlist entry */
#playlist a {
	background:url(../images/block.jpg) no-repeat;
	width:150px;
	height:68px;
	display:block;
	text-decoration:none;
	color:#333;		
}

#playlist p {
	font-size:11px;
	width:130px;
	padding:8px 0 0 12px;
	margin:0px;		
}

#playlist p.time {
	padding-top:0px;
	color:#777;
	margin-top:5px;
} 


/* entry stages: normal, hover, playing, paused */
#playlist a:hover {
	background-position:0 -68px;	
}

#playlist a.playing, #playlist a.paused {
	color:#000;	
}

#playlist a.playing {
	background-position:0 -136px;		
}

#playlist a.paused {
	background-position:0 -68px;	
}
#bottomBox{
	padding-left:0px;
	width:738px; clear:both; margin-left:0px; height:200px; 
	text-align:left; margin-top:20px; background-image: url(../images/brg_img2.jpg); background-position:left top;
 	background-repeat:no-repeat;
 }
.bottomBox1{
	margin-top:20px; padding-left:0px;
	width:700px; margin-left:20px; height:186px; clear:both;    
	   background-position:center top;
}

#Center5{
	
	background-image: url(../images/main_img.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin-top:15px;
	width:740px;
	height:auto; clear:both;
	float:left;
}
.CenterLeft5{
	width:326px; margin-top:10px; 
	float:left; height:auto;
	margin-left:10px;

}
.CenterTopImg5{
	height: auto; width:312px;
	background-position:center;

}
.CenterRight6{
	width:370px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	background-position:left;
	text-align: left;
	vertical-align: top;
	margin-bottom: 15px;
}
MiddleBoxText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#214F73;
	text-decoration:none;
	margin-top:8px; padding-left:18px;
	width:720px; clear:both;
	text-align:left;
}
.MiddleBoxText1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#214F73;
	text-decoration:none;
	margin-top:12px; 
	width:738px;height:36px;
	clear:both;
	text-align:left; vertical-align:bottom;
}
.MiddleBoxText2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#214F73;
	text-decoration:none;
	margin-top:0px; 
	width:738px; clear:both;
	height:16px; text-align:left;
}

#playbutton{width:156px; height:auto; background-position:center; float:left; margin-top:60px;} 
.playbutton1{width:150px; height:auto; background-position:center;float:left; } 
#redstar{width:230px; height:auto; background-position:center; float:left; margin-top:60px;}
.redstar1{width:220px; height:auto; background-position:center; clear:both;  }



#timetabel{width:428px; height:auto; background-position:left; float:left; margin-left:10px;  margin-top:10px;}
#timetabel3{
	width:418px;
	height:38px;
	background-position:left top;
	float:left;
	padding-left:0px;
	margin-top:0px;
	text-align:left;
	}
#timetabel1{
	width:390px;
	height:22px;
	background-position:left top;
	float:left;
	padding-left:30px;
	margin-top:0px;
	text-align:left;
	background-image: url(../images/penal.jpg);
	background-repeat: repeat-x;}
.arial11b{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	word-spacing:65px;
	padding-left: 20px;
	white-space: nowrap;
	text-align: left; 
}
.TitleMargin{
	padding-top:2px;
}	

#timetabel2{
	width:390px;
	height:auto;
	background-position:left;
	float:left;
	padding-bottom:8px;
	padding-top:4px;
	padding-left:30px;
	margin-top:0px;
	background-color:#40B2F5;}
	
.arial11r{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E7F6FE;
	text-decoration: none;
	vertical-align: text-top;
	white-space: nowrap;
	display: block;
	line-height: 20px;
	
}
.sunday{width:100px; height:auto; float:left; margin-top:0px; }
.sunday1{width:90px; height:auto; float:left; margin-top:0px; }

#timetabel4{width:450px; height:auto; background-position:left; float:left; margin-left:10px;  margin-top:5px;}


#bottomBox{
	padding-left:0px;
	width:738px; clear:both; margin-left:10px; height:200px; 
	text-align:left; margin-top:0px; background-image: url(../images/brg_img2.jpg); background-position:left top;
 background-repeat:no-repeat;}
.bottomBox1{
	margin-top:1px; padding-left:0px;
	width:700px; margin-left:0px; height:210px; clear:both;    
	background-position:center;}
	
html>body .LiveImg{
 background-image: url(../images/live.png);
 background-repeat: no-repeat;
 height:210px;
 width:203px;
 margin-left:10px;
}
*html .LiveImg{
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/live.png', sizingMethod='scale');
 background-repeat: no-repeat;
  height:210px;
 width:203px;
 margin-left:10px;
}