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

html,body{margin:0; padding:0; font:10px normal verdana; background-color:#142139; color:#333333;}

body{background:transparent  url(../images/bodybg.gif);background-position:100px 100px ; background-repeat:repeat;	}
strong, span { font-size:12px;}
p { z-index:100; }
h1 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 24px;
	color: #142139;
	font-weight:normal;
	margin-bottom:3px;
	margin-top:30px;
	/*margin-left: 85px;
	margin-right: 130px;*/	

	}

h2 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20px;
	color: #142139;
	font-weight:normal;
	margin-bottom:3px;
	margin-top:30px;
	/*margin-left: 85px;
	margin-right: 130px;*/	

	}

h4 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 16px;
	color: #142139;
	font-weight:normal;
	margin-bottom:3px;
	margin-top:30px;
	/*margin-left: 85px;
	margin-right: 130px;*/	

	}
#maincontainer{width:800px; margin:0 auto 0 auto; border:1px solid red;  padding:0; height:auto;overflow:hidden;}
#container{width:790px; margin:0 auto 0 auto; padding:0;background-color:white;border:0px solid red;  padding:0; height:auto;overflow:hidden; }
#header{width:100%; height:306px;margin:0; padding:0; background-color:#2A3F55;  overflow:hidden;}
.topheader{width:100%; height:306px; background:url(../images/topheader.jpg);background-position:top left; background-repeat:no-repeat; overflow:hidden;}
.logo{margin:0;padding:0; float:left; background:url(../images/logo.gif); background-position:top left; background-repeat:no-repeat;height:200px; width:210px; }
.headerimg{margin:0; padding:0;width:790px;  }
.headerimg img{margin:0px; padding:0px;width:790px;  overflow:hidden; }
.page{border:0px solid #666;float:left;width:100%;padding:0;margin:0 auto 0 auto; height:auto; /*background-image:url(../images/videobg.gif); background-position:top right; background-repeat:repeat-y;*/
background-image:url(../images/pagebg.gif); background-position:left; background-repeat:repeat-y;}
.pageother{border-bottom:1px solid #333;width:790px;margin:0; background-image:url(../images/pagebg.gif); background-position:left; background-repeat:repeat-y;/*background-image:url(images/leftpagebg.gif); background-repeat:repeat-y;  */}
.left{float:left;}
.right{float:right;}

a{color:#666;}
a:hover{color: #009999}
#footer{margin:0px auto 0 auto; width:780px;border-bottom:0;padding:0; }

#footer p{margin:0px -10px 0 -5px;padding:10px; float:left; height:35px; font-family:Tahoma; font-size:11px;}
.footerlink a{font-family:Trebuchet MS ; font-size:13px; color:#ae5e02 ;margin-left:35px;padding-top:10px; float:left; text-decoration:none; }
#footer a:hover{color:#ef9e00;}
#footer p.link{ float:left;width:auto; border:0; color:black; margin-right:20px; font-size:12px;} 
#footer p.link a{ color:black; text-decoration:none  } 
#footer p.link a:hover{ color:#990000; text-decoration:none  } 




.withleft{margin:0;padding:0;width:320px;}
.video{margin:0; padding:0; width:200px;height:645px; background:#ccc url(../images/videobg.gif); background-position:top left; background-repeat:repeat-y;}
.video ul{margin:0 ;padding:0;}
.multimedia{ list-style:none;}
.multimedia li { height:145px; background-color:white; width:183px; margin:10px 5px 10px 5px; padding:0px; border:1px solid #444; text-align:center;}
.multimedia li a{ text-decoration:underline; font-family:verdana; text-align:center; font-size:12px;  }
.multimedia li a:hover{color:#E8601E;}
#liImg{ border:1px solid #666; margin:6px 6px 0 6px; width:171px; height:114px; text-align:center; overflow:hidden;  }
.multimedia li img{ overflow:hidden; }
.multimedia li span { color:#993333; text-decoration:underline;margin-left:0px;  }
.multimedia li span:hover{text-decoration:none;}
.multimedia li a p{margin:3px; padding:0; text-decoration:underline;border:1px solid #dedede; background-color:#eee}
.multimedia li a p:hover{color:black;  }
.teacher{margin:0;padding:0;height:644px;_height:645px;  width:125px;_width:100px; background:#ffffcd;  }
.teacher ul{margin:0; padding:0;}

.teacherprofile { list-style:none;margin:0;padding:0;}
.teacherprofile li { text-align:center; margin:0;padding:0; float:left;}
.teacherprofile li a { margin:0;padding:0;border:none; width:137px; float:left}
.teacherprofile li a img{margin:0;text-align:center;  }

.maintext { font-family:tahoma; font-size:12px;}
.teachercontent { margin:0; padding:10px 20px 10px 40px; min-height:500px; border:0px solid red;background-image:url(../images/pagebg.gif); background-position:left; background-repeat:repeat-y;}
*html .teachercontent{
	height: expression(this.scrollHeight >500 ? "500px": "auto"); 
	min-height:500px;
	}
.teachercontent  img{border:1px solid #666; }


.widthright{margin:0 ;padding:0;width:640px;}
.news{ width:660px;_width:635px; background:trasparent;margin:0; padding:0; border-right:0 solid red; }
.highlights{width:204px;_width:200px; border-bottom:0px solid black;  height:635px;margin:0; padding:0; overflow:hidden;}

.items{ float:left;  height:auto;  margin: 5px 0 10px 0;padding:0 0 10px 10px;_padding-left:9px; 
background-image:url(../images/itembg.gif); background-position:bottom left; background-repeat:repeat-x; }
.items img{margin:0;padding:0; border:none;}
.items h3{font-family:tahoma; font-size:13px; font-weight:bold;text-transform:capitalize; margin:5px 0 5px 0; padding:0;}

#maxheight{border:1px solid black; margin:0; padding:0;  width:188px; float:left; max-height:130px;overflow:hidden;}
* html #maxheight{ 
   height: expression( this.scrollHeight > 128 ? "130px" : "auto" ); /* sets max-height for IE */
   max-height: 130px; /* sets max-height value for all standards-compliant browsers */
}

.items  p{ margin:0;padding:0; font-family:"Trebuchet MS"; font-size:13px; color: #2A3F00; text-align:justify; line-height:12px;}
.items  p a{float:right;font-family:Trebuchet MS; font-size:13px; font-weight:bold; color:#999;}
.items  p a:hover{color:#FF5FAA;}
#hightlightheader{ height:36px; padding:0px 0px 5px 0px; width:100%;font-size:15px; font-weight:bold;   border:0px solid red; background-image: url(../images/highlight.jpg); background-position:right 10px; background-repeat:no-repeat;}
#hightlightheader h2 { margin:8px 0 0 10px;padding:7px 0 0 0; border:0px solid red; width:120px;}

.date{margin:10px 0px 0 0px ;padding:5px;border:0px solid red;float:right; font-family:trebuchet Ms; font-size:12px; font-weight:normal;}
#newsheader{ border-bottom:1px solid #ccc; padding-bottom:0px;}
.latestnews{ border:0px solid red; margin:0; padding:0; }
.latestnews li {  list-style:none;font-size:12px; font-family:Tahoma; margin: 0px 0 0 0 ;_margin:0px 0 0 0; line-height:16px;padding:0px;  }  
.latestnews li div.odd{ background-color:#ffe9b7; float:left;_width:653px; height:auto; border:none; margin:0;padding:0;}
.latestnews li div.even{background-color:#eed3a8; float:left;_width:653px;height:auto;margin:0;}
.latestnews li .noimg{ margin-left:20px; float:left; height:100px; }

.latestnews li b{ text-decoration:underline; text-indent:25px; padding-left:25px;_padding-left:0;}
.latestnews li a { color: #5c0d54;text-decoration:none;font-size:12px; font-family:verdana;  margin:0;padding:0; font-weight:bold; float:left;}
.latestnews li a:hover { color: #000099; text-decoration:underline; font-size:12px; font-family:verdana; text-align:left;}



#menu{margin:0; padding:0;width:100% ;}




/******************************************************************/
.newslinksHighlights{margin:10px 0px 5px 5px; width:195px; padding:5px 5px 5px 5px ; background-color:#ececec; border-bottom:1px dotted #dedede; }
.newslinksHightlightHeader{ margin:0 ;padding:0;  }
.newslinksHightlightHeader h3{ font-family:tahoma;padding:0; font-size:15px; font-weight:normal; letter-spacing:1px;color: #553F00;padding-bottom:5px; border-bottom:1px solid #ccc; margin:0 0 3px 0;  }
.newslinksHighlights ul{margin:0; padding:0; border:0px solid gray; float:left; width:100%;}
.newslinksHighlights ul li{float:left;list-style:none;  margin-bottom:5px; width:100%;  }
.newslinksHighlights ul li a{font-family:verdana; font-size:11px; color:#333; text-decoration:underline; background-image: url(../images/list.gif); padding-left:10px;  background-repeat:no-repeat; background-position:left 5px; float:left; }
.newslinksHighlights ul li a:hover{background-image: url(../images/listhover.gif); color:#FF5FAA; }

.newslinksNews{margin:0px 0px 5px 5px; width:195px; padding:5px 5px 5px 5px ; background-color:#ececec; }
.newslinksHeader{ margin:0 ;padding:0;   }
.newslinksHeader h3{ font-family:tahoma;padding:0; font-size:15px; font-weight:normal; letter-spacing:1px;color: #553F00;padding-bottom:5px; border-bottom:1px solid #ccc; margin:0 0 3px 0;  }

.newslinksNews ul{margin:0 ; padding:0; border:0px solid gray; float:left; width:100%;}
.newslinksNews ul li{float:left;list-style:none; list-style-position:inherit; margin-bottom:5px; width:100%;  }
.newslinksNews ul li a{font-family:verdana; font-size:11px; color:#333; text-decoration:underline; background-image: url(../images/list.gif); padding-left:10px;  background-repeat:no-repeat; background-position:left 5px; float:left; }
.newslinksNews ul li a:hover{background-image: url(../images/listhovernews.gif); color:#7E92FF; }

.newscontent{  padding:5px;_padding:0 5px 5px 0px;margin:10px 0px 5px 5px auto; width:700px; border:0px solid red; overflow:hidden;  z-index:100;min-height:615px; font-family:verdana; font-size:12px;}
*html .newscontent{
	height: expression( this.scrollHeight > 615 ? "615	px" : "auto" ); /* sets max-height for IE */
   min-height: 600px; /* sets max-height value for all standards-compliant browsers */
}
	
.newscontent p{font-family:verdana; font-size:12px;margin:3px 0 5px 0; padding:0; text-indent:20px; text-align:justify; }
#newsContentHeader{border-bottom:1px solid #ccc; }
#newsContentHeader h2{ font-family:verdana; font-size:12px; font-weight:bold; color:#333; margin:2px; padding:2px; border:0px solid red; width:345px;float:left; overflow:hidden; text-transform:capitalize;}
#newsContentHeader h3{margin:0;padding:5px; font-family:Tahoma; font-size:12px; font-weight:bold; color:#333; }
#newsContentHeader .date{float:right; margin:5px 0 0 0;padding:0; border:0px solid red;}

/******************************************************************/
.videowidth{ width:775px; background:#C2D6EB;padding:0;float:left; margin:6px 5px 0px 0px; _margin:6px 5px 0px 0px; _width:772px; float:left; border-bottom:1px solid white; height:612px;}
.videowidth h2{}

.videowidth ul {margin:0;padding:0; }
.videowidth ul li{ list-style: none; display:inline; float:left; margin:12px 9px 9px 9px;}
.videowidth ul li a{ text-align:center;text-decoration:none; background-color: #fff; float:left; border-top:0px solid #C2D6EB; width:135px;_width:133px;padding-left:1px; _padding-left:2px;overflow:hidden; }
.videowidth ul li a:hover{ background:#000;border-top:0px solid #000; color:white; cursor:pointer; }
#videowidthliImg{ width:130px; height:105px;  border:1px solid #999;margin-top:2px; text-align:center; overflow:hidden; }
.videowidth ul li  img{  }
.videowidth ul li span{ font-family:arial; font-size:12px; text-align:center; float:left; width:135px; text-decoration:none;}

.videorelated {margin:0; padding:0; width:150px; height:666px;border:0px solid red; background:#ccc url(../images/videobg.gif); background-position:top left; background-repeat:repeat-y;}
.videorelated ul{margin:0 ;padding:0;}
.videorelated li { list-style:none; height:95px; background-color:#666; width:134px;_width:130px; margin:12px 0px 10px 6px;padding:0px; border:1px solid #444; }
.videorelated li:hover a{color:#FF5F55; background-color: black; font-size:11px;}
.videorelated li a{ font-family:verdana;font-size:11px; color:black; float: left; text-decoration:none; text-transform:capitalize; width:100%;}
.videorelated li a:hover{color:#FF5F55; background-color: black; font-size:11px;}
.videorelated li img{ border:none; margin:2px 2px 0 2px; width:130px;height:80px;  }
.videorelated li p{margin:0px; padding:0; text-align:center; width:135px;}
.videorelated li p:hover{color:black;  }

.videoContent{ width:815px; background:#C2D6EB;padding: 0 5px 5px 5px;float:left; margin:6px 5px 5px 0px; _margin:6px 5px 5px 0px; _width:800px; float:left; height:650px; z-index:0; }
.videoplayer{ margin:25px 100px 0px 100px; }

.videoDesc{ height:auto;width:780px; border-bottom:0px solid #efefef;  float:left;margin:0;padding:0px;  border:0px solid red; background:transperant; }
.videoDesc span{ float:left;font-size:13px;margin:8px 0px 0 0px; _margin-left:5px; font-family:tahoma; font-weight:bold; border-bottom:1px double #000;}
.videoDesc p{float:left; font-family:Verdana; font-size:11px; font-weight:normal;margin:10px 0 0 0; text-align:justify;color:#333; overflow:auto;width:630px; height:100px;padding:5px 10px 5px 5px;} 
.paypal{margin-left:0px; _margin:0; padding:0; width:120px; float:left; float:right; }  
.paypal img{ margin:0; padding:0;  float:right;  cursor:pointer; margin: 5px 5px 0 5px; _margin-left:0;}

.teacherPreview{margin:10px; width:750px;padding:10px;background-color:#f0f0f0;  background-image:url(../images/teaprofile.gif); background-repeat:repeat-x; background-position:0 bottom ;
 }
.teacherImg{ padding:5px; border:1px solid #ccc; width:auto; float:left; background:#fff;}
.teacherDesc { padding: 10px 0 00px 10px; _padding:8px 0px 0px ;float:right; width:570px;_width:570px; border:0px solid red; }
.teacherDesc span{ font-size:15px;font-family:arial;}
.teacherDesc p{font-size:12px; font-family:verdana; color:#555; text-align:justify; text-indent:10px; margin-bottom:0; padding-bottom:0;}
.readmore{ float:right; background-image: url(../images/orangerm.gif);background-position:top left; background-repeat:no-repeat; width:60px;height:20px;  border:0px solid red;}
.readmore:hover{border:none; background-image: url(../images/greenrm.gif);}
a img{border:none;}




.newscontent ul.yui-nav li.selected{ margin-bottom:-1px !important; _margin-bottom:-3px;background-image:url(../images/tabselected.gif);background-position:top left; background-repeat:repeat-x; border:1px solid black;border-bottom:1px solid #ECECEC !important;_border-bottom:1px solid #ECECEC ;}
.newscontent ul{background:white; padding-left:45px; } 
.newscontent ul.yui-nav li.selected a{color:#0A06BD;font-size:14px;}
.yui-nav {list-style:none; border-bottom:0px solid red;  margin:-5px 0 0 -5px; float:left;border-bottom:1px solid black;width:525px; }
ul.yui-nav li {height:20px;line-height:20px;  display:block;float:left;margin:0;margin-right: 10px; background-image: url(../images/tabbg.gif); background-position:top left; background-repeat:repeat; width:100px; text-align:center;border:1px solid #777; border-bottom:none; _margin:5px; } 
ul.yui-nav li:hover{background-color:#006699; background-image:url(../images/tabhover.gif); background-position:top left; background-repeat:repeat-x;border:1px solid #333; border-bottom:none; }
ul.yui-nav li  a {_height:35px; font-family:Verdana; font-size:12px ; text-decoration:none; text-transform:capitalize; color:#666;padding:0;  }
ul.yui-nav li:hover a{color:#333}
ul.yui-nav li a:hover {color:#333}
.yui-content{ min-height:581px;width:535px; border:0px solid red;margin:5px auto 0 auto; padding:0px 0 0 0;font-family:verdana; font-size:12px; }
*html .yui-content{ 
   height: expression( this.scrollHeight < 585 ? "585px" : "auto" ); /* sets min-height for IE */

}
.title{width:125px; height:27px; margin:10px 0 0 0 ; padding:0; background-image:url(../images/teachertitle.gif); background-position:top left; background-repeat:no-repeat;}

/******************************************************************************************************/
.toggler {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f5f5f5 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #DDD; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #f5f5f5 1px solid;cursor:pointer;border:1px solid #eee; COLOR: #222; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; FONT-FAMILY: 'Andale Mono', sans-serif
}

.element { font-size:11px; font-family:arial; padding:5px;}
.element .calender{ float:left; text-align: justify ; float:left; clear:right;}
.calender p{margin:0; padding:0;}
.element .calender img{ float:left; margin: 5px; width:auto; }
.element img {border:3px solid #666;margin:10px;}
.element P {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px; text-align:justify;
}


/******************************************************************************************************/

form{margin:0; padding:0;}
form span{margin:3px;padding:0; height:20px ; line-height:20px;  width:100%; float:left }
form span label{width: 130px; padding-left:10px;float:left; border-bottom:1px solid white;font-size:12px; font-family:tahoma;  }
input, select { border:1px solid #999; width: 150px; height:18px; background-color:#fefefe; color:#000; font-size:12px; font-family:verdana;}
input .button{border:1px solid #999; width: 150px;padding:5px; height:20px;line-height:20px; background-color:#fefefe; color:#000; font-size:12px; font-family:Tahoma;cursor:pointer; }

.checkbx {width:auto; margin:10px 10px 0 10px; padding:0px 0 0 20px;border:none; }

/******************************************************************************************************/

.videogallery{ width:775px; background:#C2D6EB;padding:0;float:left;padding-bottom:5px; margin:6px 5px 4px 0px; _margin:6px 5px 4px 0px; _width:772px; float:left; border-bottom:1px solid white; height:730px; }
*html .videogallery{
	height: expression(this.scrollHeight >630 ? "630px": "auto"); 
	}
.videogallery h2{}

.videogallery ul {margin:0;padding:0;}
.videogallery ul li{ list-style: none; display:inline; float:left; margin: 10px 0 0 10px ; width:370px; border:1px solid #999;padding:0; background:white;}

.videogallery ul li a{ text-align:center;text-decoration:none; background-color: #fff; float:left; width:360px;overflow:hidden; }
.videogallery ul li a:hover{color:black;}
.videogallery ul li  img{ width:130px; height:100px;float:left;margin:4px; border:1px solid black;}
.caption{float:left; border:0px solid black; text-decoration:none;clear:both; width:140px; font-size:12px; font-family:Verdana;  text-align:center; color:#333;}
.caption:hover{text-decoration:underline;color:#ddd;}
.desc{float:right;padding:3px;width:auto;}
.desc strong{font-family:Verdana; text-decoration:underline; margin:2px;}
 .desc p{font-family:verdana; font-size:12px; text-align:justify;margin:0;padding:0px; width:100%;}
.desc p:hover{ color:#333}
.imgcap{width:138px;border:0px solid red;float:left; overflow:hidden;}

/******************************************************************************************************/
.photogallery{ background:transperant;padding:0;margin:6px 5px 5px 0px;border-bottom:1px solid white; min-height:630px;  border-top:1px solid white; }

*html .photogallery{
	height: expression(this.scrollHeight >630 ? "630px": "auto"); 
	}
.photogallery h2{}
.photogallery ul {margin:0;padding:0;}
.photogallery ul li{ list-style: none; display:inline; float:left; margin: 10px 0 0 10px ; width:140px; border:1px solid #999;padding:0; background:white;}
.photogallery ul li a{ text-align:center;text-decoration:none; background-color: #fff; float:none; width:360px;overflow:hidden; }
.photogallery ul li a:hover{color:black;}
#galleryliImg {width:130px; height:100px; text-align:center; margin:4px; border:1px solid black; overflow:hidden; }
.photogallery ul li  img{ height:100px;}
.photogallery .caption{float:left; border:0px solid black; text-decoration:none;clear:both; width:140px; font-size:12px; font-family:Trebuchet Ms; }
.photogallery .caption:hover{text-decoration:underline;color:black;}
.photogallery .imgcap{width:138px; height:130px; border:0px solid red;float:left; overflow:hidden;}
.pageleft{padding:0;  margin:0; float:left; width:205px; min-height:600px; border:0px solid red;}



.paging{background-color:#c2d6eb; border:0px solid red;  float:left; margin:0; padding:0;width:785px; padding-top:5px;font-size:12px; height:20px; font-family:verdana;}
.pagelist{font-size:12px; height:20px; font-family:verdana; float:right; margin-right:10px;}

.mainContentArea {
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; 
color: #2d4158; 
margin-top: 0px; 
margin-bottom: 20px; 
margin-right: 85px; 
text-align:justify;
margin-left: 85px;
margin:0px 85px 20px 85px auto;
}
.h3, .h3 a,.h3 a:hover,.h3 a:visited {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20px;
	color: #142139;
	font-weight:normal;
	line-height:auto;
	margin-bottom:-5px;
	margin-top:10px;
	margin-left:20px;
}