/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: #252E33 url(../images/bodybg.jpg) repeat-y center 4px;
}
.top{
background:url(../images/bannertopedge.jpg) right top no-repeat;
height:39px;
}
.toplinks{
width:85px;
text-align:left;
}

.banner{
background:url(../images/banner.jpg) no-repeat left;
height:160px;
width:100%;
}

.content{
padding:0px;
clear:left;
}

.leftcontent{
	width:550px;
	margin-left:15px;
	float:left;
	padding-bottom:10px;
}
.viewmore{
background:url(../images/viewmore.jpg) no-repeat;
height:15px;
width:60px;
padding:4px 8px;
float:right;
text-indent:-2000px;
clear:both;
}
.maincontent, container-1{
background:url(../images/contenttile.jpg) repeat-x top;
width:100%;
}

.maincontent ul li{
line-height:2em;
background:url(../images/bullet.jpg) no-repeat left 8px;
padding-left:15px;
list-style:none;
color:#395F84;
font-size:13px;
font-weight:bold;
}

#rightmenu ul li{
line-height:2em;
background:url(../images/bullet.jpg) no-repeat left 11px;
padding-left:18px;
list-style:none;
color:#395F84;
font-size:13px;
font-weight:bold;
}

#rightmenu ul li a{
color:#395F84;
width:230px;
height:20px;
}

#rightmenu ul li a:hover{
text-decoration:underline;
}

.navholder{
height:34px;
background:url(../images/navtile.jpg) repeat-x;
}
.navleft{
float:left;
width:11px;
background:url(../images/navleftrounded.jpg) no-repeat left;
height:34px;
}

#nav { list-style: none; margin-left: 0px; }
#nav li { float: left; height: 34px; list-style:none;}
#nav a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -5000em;
	width: 100%;
}
.n-one { width: 63px; }
.n-two { width: 83px; }
.n-three { width: 98px; }
.n-four { width: 90px; }
.n-five { width: 106px; }
.n-six { width: 104px; }
.n-seven { width: 77px; }
.n-eight { width: 72px; }
.n-nine { width: 47px; }
.n-ten { width: 95px; }
.n-one a, .n-two a, .n-three a, .n-four a, .n-five a, .n-six a, .n-seven a, .n-eight a, .n-nine a, .n-ten a  { background: url(../images/nav.jpg); }
.n-one a:hover { background-position: 0 34px; }
.n-two a { background-position: -63px 0; }
.n-two a:hover { background-position: -63px 34px; }
.n-three a { background-position: -146px 0; }
.n-three a:hover { background-position: -146px 34px; }
.n-four a { background-position: -244px 0; }
.n-four a:hover { background-position: -244px 34px; }
.n-five a { background-position: -334px 0; }
.n-five a:hover { background-position: -334px 34px; }
.n-six a { background-position: -440px 0; }
.n-six a:hover { background-position: -440px 34px; }
.n-seven a { background-position: -539px 0; }
.n-seven a:hover { background-position: -539px 34px; }
.n-eight a { background-position: -616px 0; }
.n-eight a:hover { background-position: -616px 34px; }
.n-nine a { background-position: -688px 0; }
.n-nine a:hover { background-position: -688px 34px; }
.n-ten a { background-position: -734px 0; }
.n-ten a:hover { background-position: -734px 34px; }


.seperator{
background:url(../images/seperator.jpg) repeat-x center;
height:20px;
}

.rightbar{
	width:330px;
	float:right;
	background: url(../images/rightbar-bg.jpg) no-repeat right top;
}
.rightbar p{
padding:3px 18px;
}
.rightbar img{
padding:0px 10px;
}

.rightbar h2{
padding-left:13px;
}

.rightbar li{
line-height:2em;
font-size:12px;
font-weight:bold;
}
#rightmenu{
padding-left:25px;
}
.innerimage{
float:left;
padding:0px 10px 0px 0px;
} 

#footer{
background:url(../images/footertile.jpg) repeat-x;
width:100%;
}
.footerline{
text-align:center;
padding-top:17px;
font-size:15px;
width:500px;
margin:auto;
}
#footer span{
text-align:center;
padding-top:15px;
font-size:15px;
color:#98B3BA;
}
.copyrights{
text-align:right;
padding-top:0px;
font-size:11px;
color:#3C3C3C;
padding:10px 15px 10px 0px;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
z-index:0;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:15px 0px 5px 0px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #eaeaea;
	margin-bottom:6px;
	text-transform:uppercase;
}
 
h3 {
	padding:15px 0px 5px 0px;
		font-size:15px;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #eaeaea;
}

h4 
{
	font: normal 17px Futura, Arial, sans-serif;
	text-align: left;
	font-weight:bold;
	padding: 5px 0;
	margin: 0 0 15px;
	color:#EDF2F3;
}

h5
{
	font: normal 12px Futura, Arial, sans-serif;
	text-align: left;
	padding: 5px 0;
	margin: 0 0 15px;
	color:#EDF2F3;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
	margin:0;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.5em;
	text-align:justify;
}

.bluetext{
color:#395F84;
}

ul, ol {
margin:0;
padding:0px;
color:#D0DCE1;
line-height:1.5em;
text-align:justify;
}
 

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:none;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
width:900px;
margin:0 auto;
background:#ffffff;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          {
	width:920px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background:#ffffff;
	padding:15px 15px 0px 15px;
}
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/*-----------tabs-----------------*/

UL.tabNavigation {
		    list-style: none;
			padding:15px 0px 0px 12px;
			margin:0px 8px 0 0;
			width:190px;
			float:left;
			background:url(../images/rightbar-bg.jpg) no-repeat right top;
		}

		UL.tabNavigation LI {
		    display: block;
			
			
		}

		UL.tabNavigation LI A {
			background:transparent url(../images/arrow_blue.gif) no-repeat scroll 16px center;
			cursor: pointer;
			color:#395F84;
			display:block;
			text-decoration:none;
			width:165px;
			line-height:12px;
			display: block;
			height: 18px;
			text-align:left;
			padding-top: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			padding-left: 12px;
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
			background:url(../images/leftlinks_bg.gif) left bottom no-repeat;
			color: #333333;
					}
					
					
		UL.tabNavigation LI A.current{
		color: #333333;
		}
		
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		div.tabs > div {
			margin-top: 3px;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}
		
		#history, #overview, #vision, #song, #uniform, #rules, #faculty, #streams, #curriculum, #assessment, #cocurriculum, #activities, #exams, #meeting, #achievements, #intprograms, #celebrations, #environment, #activities, #workroom, #parents, #calendar{
		width:685px;
		float:left;
		padding:6px;
		}
		#facility{
		width:885px;
		padding:6px;
		}
		#facility div{
		border-top:1px solid #eeeeee;
		height:2px;
		width:560px;
		margin:auto;
		display:block;
		margin:6px 0px;
		}
		#contactus{
		width:790px;
		float:left;
		padding:6px;
		}
		.contacttext{
		width:280px;
		float:left;
		}
		.map{
		width:492px;
		float:right;
		height:263px;
		padding:10px 3px;
		}
		.email{
		color: #006699;
		}
		
		
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:374px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:374px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
		   /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
			
			#content, #content1{
		position:relative;
		}	
		
			#container, #container1{	
		position:relative;
		text-align:left;
		width:360px;
		padding-left:25px;
		padding-top:10px;
		background:#fff;		
		margin-bottom:2em;
		}	
		
ol#controls li {
float:left;
height:10px;
line-height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px;
color:#666666;
background:#eaeaea;
}
ol#controls li a{
color:#666666;
}

ol#control2 li {
float:left;
height:10px;
line-height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px;
color:#666666;
background:#eaeaea;
}
ol#control2 li a{
color:#666666;
}

ol#control3 li {
float:left;
height:10px;
line-height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px;
color:#666666;
background:#eaeaea;
}
ol#control3 li a{
color:#666666;
}
ol#control4 li {
float:left;
height:10px;
line-height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px;
color:#666666;
background:#eaeaea;
}
ol#control4 li a{
color:#666666;
}

/*NewsTicker*/
#marqueecontainer p{
font-size:11px;
line-height:1.5em;
}
#marqueecontainer  li
{
  list-style-position: inside;
  font-size:11px;
  line-height:1.5em;

}

#marqueecontainer ul
{
  padding:3px 18px;
}