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

body
{background:#0a749c;
margin:auto 0;
}


img, div { behavior: url(iepngfix.htc) }


	img{border:none;}
	
* {
	font: 100% "Comic Sans MS", Arial, Verdana, sans-serif;
	margin: 0; 
	padding: 0;
	color: #fff;
	text-decoration:none;
}


.wrapper{
	width:1004px;
	margin:0 auto;
	background:#FFFFFF;
	}

.navigation{
float:left;
width:100%;
}

.nwrap{
	float:left;
	display:block;
	width:940px;
	padding-left:64px;
	height:36px;
	background:url(images/bips-1_02.jpg) no-repeat 0 0;
}

.header{
float:left;
}

.logo{
	float:left;
	width:1004px;
	height:134px;
	display:block;
}

.logo h1{
	background:url(images/bips-1_01.jpg) no-repeat 0 0;
	float:left;
	width:1004px;
	height:134px;
	
}

.content1{
float:left;
width:874px;
color:#45aed5;
text-align:justify;
overflow:hidden;
background:#fff;
}

.content{
float:left;
width:874px;
color:#45aed5;
padding-top:30px;
padding-left:70px;
text-align:justify;
padding-right:60px;
overflow:hidden;
background:#fff;
}

.content h2{
font-size:18px;
color:#000;
}

.content h3{
font-size:16px;
color:#993300;
}

.line{
float:left;
height:18px;
width:1004px;
background:url(images/bips-1_05.jpg) no-repeat 0 0;
}

.quick{
float:left;
height:205px;
width:1004px;
background:url(images/bips-1_06.jpg) no-repeat 0 0;
}

.hnav{
float:right;
font-size:14px;
text-decoration:none;
list-style:none;
padding-right:88px;
}

.hnav ul{
float:left;
list-style:none;
}

.hnav li{
float:left;
padding-left:15px;
padding-top:5px;
}


.hnav ul li a{
text-decoration:none;
}

.js{
float:left;
width:200px;
height:200px;
}

.news{
float:left;
padding-left:30px;
padding-top:30px;
width:290px;
height:220px;
overflow:hidden;
}


.banner{
float:left;
width:680px;
height:428px;
}

.content1{
float:left;
width:1004px;
color:#45aed5;
text-align:justify;
background:#fff;
}

.image1{
float:left;
display:block;
background:url(images/library1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image2{
float:right;
display:block;
background:url(images/library2-1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}


.image3{
float:left;
display:block;
background:url(images/icr1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image4{
float:left;
display:block;
background:url(images/students.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image5{
float:left;
display:block;
background:url(images/first.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image6{
float:left;
display:block;
background:url(images/comp-lab1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image7{
float:left;
display:block;
background:url(images/swiming.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image8{
float:right;
display:block;
background:url(images/sandg.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image9{
float:left;
display:block;
background:url(images/horse.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image10{
float:right;
display:block;
background:url(images/trek.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image11{
float:right;
display:block;
background:url(images/chem-lab1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image12{
float:left;
display:block;
background:url(images/physics1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image13{
float:right;
display:block;
background:url(images/bio-lab1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}



.image14{
float:left;
display:block;
background:url(images/bips-building.jpg) no-repeat 0 0;
height:430px;
width:640px;
}

.image15{
float:left;
display:block;
background:url(images/transport1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image16{
float:left;
display:block;
background:url(images/swiming.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image17{
float:left;
display:block;
background:url(images/sports-1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image17a{
float:left;
display:block;
background:url(images/fump.jpg) no-repeat 0 0;
height:235px;
width:320px;
}
.image17b{
float:left;
display:block;
background:url(images/cri1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image17c{
float:left;
display:block;
background:url(images/cri2.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image18{
float:left;
display:block;
background:url(images/mgr1-1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image18a{
float:right;
display:block;
background:url(images/mgr1a.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image19{
float:left;
display:block;
background:url(images/maths-lab1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image20{
float:left;
display:block;
background:url(images/nac1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image21{
float:left;
display:block;
background:url(images/sir.jpg) no-repeat 0 0;
height:200px;
width:160px;
}

.image22{
float:left;
display:block;
background:url(images/mam.jpg) no-repeat 0 0;
height:200px;
width:160px;
}

.image23{
float:left;
display:block;
background:url(images/sec.jpg) no-repeat 0 0;
height:200px;
width:160px;
}

.image24{
float:left;
display:block;
background:url(images/pri.jpg) no-repeat 0 0;
height:200px;
width:160px;
}

#pscroller1{
width: 250px;
height: 210px;
border: 1px solid black;
padding: 5px;
background-color:#45aed5 ;
overflow:hidden;
}

.ada{
float:left;
padding-left:40px;
}

.ad{
float:left;
display:block;
background:url(images/open.gif) no-repeat 0 0;
height:175px;
width:250px;
}

.pen{
float:left;
background:url(images/pen.jpg) no-repeat 0 0;
width:250px;
height:3680px;
}

.fac{
float:left;
background:url(images/fac.jpg) no-repeat 0 0;
width:550px;
height:340px;
}

.image25{
float:right;
display:block;
background:url(images/id1.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image26{
float:right;
display:block;
background:url(images/id2.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image27{
float:right;
display:block;
background:url(images/id3.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image28{
float:left;
display:block;
background:url(images/education.jpg) no-repeat 0 0;
height:480px;
width:380px;
}

.niit{
float:left;
display:block;
background:url(images/wclogo_niit.gif) no-repeat 0 0;
height:110px;
width:160px;
}

.lyc{
float:left;
display:block;
background:url(images/Lyceum_logo2.jpg) no-repeat 0 0;
height:110px;
width:160px;
}


.image29{
float:right;
display:block;
background:url(images/id4.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image30{
float:right;
display:block;
background:url(images/id5.jpg) no-repeat 0 0;
height:235px;
width:320px;
}

.image31{
float:right;
display:block;
background:url(images/id6.jpg) no-repeat 0 0;
height:235px;
width:320px;
}


/*test*/

/* general styling for this example */

/* begin gallery styling */
#jgal { list-style: none; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; 

cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 550px; left:340px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { 
float:left;
list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

.image{
float:left;
width:800px;
height:1100px;
display:block;
}

.open{
	float:left;
	background:url(images/open5.gif) no-repeat 0 0;
	width:250px;
	height:200px;
}
ol li {
	color:#45aed5;
}