/*----------- [Table of contents] -----------

	1. body
	2. General Properties
	3. Wrapper / #wrapper
	4. Header / #header
	5. Navigation / #Nav
	6. Slider / #slide
	7. Content /#content 
		7.1. Left Column / #leftColumn
		7.2. Middle Column / #middleColumn
		7.3. Right Column / #rightColumn
	8. Photo Gallery / #photoGallery
	9. Thought of the day / #thought
	10. Footer / #footer
	

-----------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

/*------- 1. Body --------*/
body {
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #386495 url(../images/bg.jpg) repeat-x;
}

#rayBg {
	margin: 0 auto;
	padding: 0;
	background: url(../images/ray_bg.jpg) no-repeat center top;
}

/*------- 2. General Properties --------*/
.clear {
	clear: both;
}

img {
	border: none;
}

.imgleft {
	float: left;
	margin: 0 10px 0 0;
}

h2.greenText {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 15px;
	color: #003300;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
}

a.link2black {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}

a.link2black:hover {
	text-decoration: underline;
}

a.link2red {
	color: #790909;
	font-size: 12px;
	text-decoration: none;
}

a.link2red:hover {
	text-decoration: underline;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.req {
	font-size: 12px;
	color: red;
}

/*------- 3. Wrapper --------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
}



/*------- 4. Header --------*/
#header {
	width: 960px;
	height: 106px;
	position: relative;
}

#header h1 a {
	width: 284px;
	height: 106px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: url(../images/logo.jpg) no-repeat;
	position: absolute;
}

#headerRight {
	width: 365px;
	height: 56px;
	position: absolute;
	right: 0;
	top: 42px;
}

#headerRight #headerMenu {
	width: 150px;
	height: 20px;
	background: url(../images/headermenubg.jpg) no-repeat;
	padding: 6px 0 0 25px;
	float: left;
}

#headerMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#headerMenu li {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 10px;
	color: #fff;
}

#headerMenu li a {
	color: #fff;
	font-size: 10px;
	text-transform: capitalize;
	text-decoration: none;
}

#headerMenu a:hover {
	text-decoration: underline;
}

#headerRight #searchBox {
	width: 178px;
	height: 26px;
	float: right;
}

#searchBox #searchboxBg {
	width: 140px;
	height: 23px;
	background: url(../images/searchboxbg.jpg) no-repeat;
	float: left;
}

#searchBox #searchboxBg input.search {
	border: none;
	width: 110px;
	margin: 3px 0 3px 24px;
	font-size: 12px;
	background: none;
}

#headerRight #admission a {
	font-size: 14px;
	font-weight: bold;
	float: right;
	text-transform: capitalize;
	margin: 18px 0 0 0;
	color: #fff;
	text-decoration: none;
}

/*------- 5. Navigation  --------*/
.chromestyle {
	height: 44px;
	margin: 0 auto 0 15px;
	position: relative;
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.chromestyle li {
	display: inline;
}

.chromestyle li a {
	float: left;
	text-transform: capitalize;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: block;
	height: 44px;
	line-height: 52px;
	_line-height: 44px;
	text-align: center;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
	cursor: pointer;
	float: left;
}

.chromestyle li a span {
	font-weight: normal;
	display: block;
	float: left;
	padding: 0 14px 0 4px;
}

.chromestyle li a.selected, .chromestyle li.current a, .chromestyle li a:hover {
	background: url(../images/nav-hover-left.jpg) no-repeat left;
}

.chromestyle li a.selected span, .chromestyle li.current a span, .chromestyle li a:hover span {
	background: url(../images/nav-hover-right.jpg) no-repeat right top;
}

.dropmenudiv {
	position:absolute;
	z-index:999;
	visibility: hidden;
	margin: -1px 0 0 0px;
}

.dropmenudiv a {
	width: 150px;
	text-decoration: none;
	line-height: 18px;
	color: #fff;
	padding: 5px 10px 5px 10px;
	display: block;
	background: #203C2E;
	border-bottom: 1px solid #385245;
}

.dropmenudiv a:hover { 
	color: #CCC;
}


/*------- 6. Slider --------*/
/*#slider {
	width: 960px;
	height: 293px;
}*/

#latestNews {
	width: 935px;
	height: 30px;
	padding: 10px 0 0 15px;
	color: #fff;
}

#latestNewsleft {
	width: 168px;
	float: left;
}

#latesNewsright {
	width: 767px;
	float: left;
}

/*------- 7. Content --------*/
#content {
	width: 915px;
	padding: 0 25px 0 20px;
	background: #fff;
}

/*------- 7.1 leftColumn --------*/
#leftColumn {
	width: 294px;
	float: left;
	padding: 15px 0 0 0;
}

.DarkBg {
	width:283px;
	background:#F7F3ED;
}

.textBg {
	width: 278px;
	height: 28px;
	background: url(../images/text-bg.gif) no-repeat;
	padding: 10px 0 0 14px;
	text-transform: uppercase;
	font-size: 15px;
	color: #003300;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
}

.blogBox {
	width: 270px;
	margin: 20px 0 0 12px;
}

.blogBox .postDate {
	width: 30px;
	height: 60px;
	float: left;
	margin: 0 6px 0 0;
	text-align: center;
}

.postDate .Month {
	font: 11px "Trebuchet MS", Verdana, Arial;
	margin: 0;
	padding: 0;
	line-height: 24px;
}

.postDate .Date {
	font: 26px Georgia, "Times New Roman", Times, serif;
	color: #790909;
	height: 40px;
	margin: -10px 0 0 0;
}

.blogBox .blogArticle {
	width: 230px;
	float: left;
}

.blogArticle h2 a {
	color: #790909;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.blogArticle p.publish {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 2px 0 2px 0;
}

.blogArticle p {
	color: #333;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.blogArticle p a {
	color: #666;
	font-size: 11px;
}

.blogArticle p a:hover {
	text-decoration: none;
}

.newsArchive {
	margin: 20px 0 0 0;
	text-align: right;
}

.newsArchive a {
	color: #2A4306;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
}

.newsArchive a:hover {
	text-decoration: underline;
}

/*------- 7.2 middleColumn --------*/
#middleColumn {
	width: 280px;
	background: #E5DCCC;
	float: left;
	padding: 15px 10px 15px 10px;
	margin: 0 23px 0 18px;
}

.calendarMonth {
	text-align: center; 
	color: #663333; 
	font-size: 16px; 
	font-family: 'Times New Roman', Times, serif;
	margin: 6px 0 8px 0;
	padding: 0;
}

.calendarBox {
	width: 278px;
	height: 185px;
/*	background: url(../images/calendar.gif) no-repeat; */
}

.events {
	width: 250px;
	color: #006699;
	font: 14px "Times New Roman", Times, serif;
	border-bottom: 1px solid #A8A8A8;
	padding: 5px 20px 4px 10px;
}

.events a {
	color: #006699;
	text-decoration: none;
}

/*------- 7.3 rightColumn --------*/
#rightColumn {
	width: 280px;
	float: left;
	padding: 15px 0 0 0;
}

.videoBox {
	width: 280px;
	height: 190px;
}

p.viewallvideo {
	margin: 6px 0 0 0;
}

/*------- 8. Photo Gallery --------*/
#photoGallery {
	width: 910px;
	height: 162px;
	margin: 14px auto 0 auto;
}

#photoGalleryTab {
	width: 138px;
	height: 25px;
	background: url(../images/gallery-top-tab.gif) no-repeat;
}

	.stepcarousel{
	position: relative; /*leave this value alone*/
	background: #162C42;
	border: 10px solid #162C42;
	overflow: scroll; /*leave this value alone*/
	width: 875px; /*Width of Carousel Viewer itself*/
	height: 103px; /*Height should enough to fit largest content's height*/
	}
	
	.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}
	
	.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 5px 15px 5px 15px; /*margin around each panel*/
	width: 113px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	border: 4px solid #fff;
	}

/*------- 9. Thought of the day --------*/
#thought {
	text-align: center;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 10px 0 0px 0;
	height: 26px;
}

/*------- 10. Footer --------*/
#footerTopcorner {
	width: 960px;
	height: 8px;
	background: url(../images/footer-top-corner.gif) no-repeat bottom;
}

#footerBottomcorner {
	width: 960px;
	height: 8px;
	background: url(../images/footer-bottom-corner.gif) no-repeat;
}

#footer {
	width: 928px;
	border-left: 1px solid #476482;
	border-right: 1px solid #476482;
	background: #1D3A57;
	padding: 0 0 0 30px;
	color: #fff;
}

#footer h1 {
	margin: 0 0 8px 0;
	padding: 0;
	font: 20px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#footer p {
	font-size: 12px;
	line-height: 16px;
}

#footer a { color: #fff; }

#schoolAddress {
	/*width: 190px;*/
	width: 250px;
	float: left;
	padding: 10px 0 0 0;
}

/*#principle {
	width: 300px;
	height: 130px;
	float: left;
	background: url(../images/footer-logo.jpg) no-repeat;
	margin: 0 0 0 10px;
	padding: 20px 24px 0 20px;
}
*/
#principle {
	width:  600px;
	height: 130px;
	font-size:11px;
	float: left;
	background: url(../images/footer-logo.jpg) no-repeat;
	padding: 8px 0 0 15px;
}

#principle img.displaynoe { display: none;}

#principleImage {
	float: right;
	margin: 10px 0 0 10px;
}

#chairmanMessage {
	width: 200px;
	height: 152px;
	float: right;
	padding: 10px 125px 0 0;
	background: url(../images/chairman-img.jpg) right bottom no-repeat;
}


/*------- Internal Page Css --------*/
#pageImg {
	margin: 0;
}

#internalContent {
	width: 960px;
	background: url(../images/internal-content-bg.jpg) repeat-y #fff;
}

#subContent {
	width: 910px;
	background: #fff;
	overflow: hidden;
	padding: 0 30px 0 20px;
}

#subContent h1 {
	margin: 20px 0 5px 0;
	padding: 0;
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #003300;
}

h2.eventsheading {
	margin: 0;
	padding: 0;
	font: 20px "Times New Roman", Times, serif;
	color: #003300;
	text-transform: capitalize;
}

h2.eventsheading a {
	font: 20px "Times New Roman", Times, serif;
	color: #003300;
	text-decoration: none;
	text-transform: capitalize;
}

.eventBox {
	padding: 10px 0 10px 20px;
	width: 630px;
	border-top: 1px solid #D2D2D2;
	background: #F8F8F8;
	margin: 0 0 8px 0;
}

.eventleftdate {
	color: #000;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin: 0 10px 0 0;
}

.eventrightheading a {
	float: left;
	color: #003300;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
}

p.eventtime {
	font-size: 11px;
	color: #333;
	margin: 0 0 14px 0;
}

#leftTab {
	width: 232px;
	float: left;
	margin: 0 20px 0 0;
}

#leftTab ul {
	margin: 16px 0 0 0;
	padding: 0;
	list-style: none;
}

#leftTab li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #962424;
}

#leftTab li a {
	color: #305744;
	font-size: 12px;
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	padding: 10px 0 0 16px;
	margin: 0px 0 0 0;
	height: 23px;
	border-bottom: 1px solid #E5E5E5;
	width: 176px;
	outline: none;
	font-weight: bold;
}

#leftTab li a.selected, #leftTab li a:hover {
	color: #962424;
	font-weight: bold;
	width: 214px;
	height: 23px;
	padding-top: 10px;
	border: none;
	background: url(../images/tab-menu-hover.jpg) no-repeat;
}

#leftTab li.selected1 a {
	color: #962424;
	font-weight: bold;
	width: 214px;
	height: 23px;
	padding-top: 10px;
	border: none;
	background: url(../images/tab-menu-hover.jpg) no-repeat;
}

/*#leftTab li a:hover {
	color: #962424;
	font-weight: bold;
}*/

#pathway p {
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 12px;
	height: 15px;
	text-align: right;
}

#pathway p a {
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}

#pathway p a:hover {
	text-decoration: none;
}

#tabContentright {
	width: 670px;
	float: left;
	padding: 0px 0 0 0;
}

#tabContentright h1 {
	margin: 0px 0 5px 0;
	padding: 0;
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #003300;
}

.tabcontent {
width: 670px;
/*display: none;*/
}

.readBoxLink a {
color: #800000;
text-decoration: none;
}

.readBoxLink a:hover {
text-decoration: underline;
}


@media print {
.tabcontent {
display:block !important;
}
}

.mainText {
	color: #333;
	line-height: 19px;
	text-align: justify;
}

.listname ul {
	margin: 0;
	padding: 0;
}

.listname li {
	margin: 10px 0 0 14px;
	padding: 0;
	color: #6D6D6D;
	font-size: 12px;
	list-style: square;
	line-height: 18px;
}


/* ---------------- Begin  Ticker box CSS ----------------- */

.tickerbox ul {
margin: 0;
padding: 0;
position: relative;
}
.tickerbox li {
width:100%;
list-style:none;
list-postion:inside;
position:absolute;
top:0px;left:3px;
padding:5px;
overflow:hidden;
margin: 0;
padding: 0;
}


/* ---------------- Slider CSS ----------------- */


#slider {
    width: 960px; /* important to be same as image width */
    height: 293px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background: url(../images/slideimg1.jpg);
}
#sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    padding: 10px 13px;
    width: 925px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	margin: 0 0 0 5px;
	line-height: 22px;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}

#slider .top {
	top: 0;
	left: 0;
}
#slider .bottom {
	bottom: 8px;
    left: 0;
}

#slider .bottom strong {
font-size: 22px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.pgallerybox {
float: left;
margin: 0 33px 33px 0px;
}


.pgallery img{
border: 2px solid #888888;
}

.pgallery:hover img{
border: 2px solid #ad2829;
}

.pgallery:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/*------- contact us --------*/
#contactus {
	margin: 0;
}

#contactusform {
	margin: 20px 0 0 20px;
	width: 450px;
	float: left;
}

#contactus label {
	float: left;
	width: 150px;
	margin: 0;
	color: #666;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}

#contactus .contactinput {
	border: 1px solid #666;
	padding: 4px 0 4px 5px;
	margin: 0 0 12px 0;
	width: 240px;
}

#contactus textarea {
	border: 1px solid #666;
	width: 240px;
	height: 100px;
	margin: 0 0 12px 0;
	padding: 4px 0 0 5px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#contactus .contactselect {
	border: 1px solid #666;
}

input.btnSubmit {
	margin: 0 0 0 150px;
}

#schooladd {
	width: 350px;
	float: right;
}

/*------- login --------*/
#loginform {
	margin: 20px 0 0 20px;
	width: 450px;
	float: left;
}

#loginform label {
	float: left;
	width: 100px;
	margin: 0;
	color: #666;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}

#loginform .logininput {
	border: 1px solid #666;
	padding: 4px 0 4px 5px;
	margin: 0 0 12px 0;
	width: 180px;
}

#loginform .loginselect {
	border: 1px solid #666;
}

h3.BlurText {
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 16px;
	text-align:center;
	line-height:20px;
	color: #1D3B57;
	font-family: "Times New Roman", Times, serif;
}
/*h3.BlurText {
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-align:center;
	line-height:20px;
	color: #1D3B57;
	font-family: "Times New Roman", Times, serif;
}*/

h3.BlurText a{
	color: #1D3B57;
	font-size: 16px;
	text-decoration: underline;
}

h3.BlurText a:hover {
	text-decoration: none;
}

/*h4.BlurText {
	padding: 10px 0 6px 0px;
	font-size: 11px;
	color: #1D3B57;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
}*/
h4.BlurText {
	padding: 10px 0 6px 15px;
	font-size: 11px;
	color: #1D3B57;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
}
#copyright_box {
	width: 940px;
	padding: 10px 10px 0 10px;
	color: #fff;
}

p.copyright {
	float: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

p.designby {
	float: right;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

p.designby a {
	color: #fff;
	text-decoration: underline;
}

p.designby a:hover {
	text-decoration: none;
}