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

/******************************************* 
CSS DOCUMENT FOR U32
AUTHOR: 		MANGESH UDAWANT
DATE CREATION:	08 MARCH 2010
EMAIL:			MANGESHU.PRAXIS@GMAIL.COM       		
*******************************************/

/* global classes */
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:none;
}

body {color:#666666; background:url(../images/lines_bg.gif) repeat scroll 0 0 #006ead;}
a {color:#cc9966; text-decoration:underline;}
ol, ul {list-style: none;}
p {padding-bottom:10px;}
img{ outline:none; border:none;}

/* Global classes end */

.clear {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

/* page content styles */
.pad10 {padding:10px;}
.pad5 {padding:5px;}
.pad2 {padding:2px;}
.pad3 {padding:3px;}
.floatRt { float:right;}
.floatLt { float:left;}
.graybdr{ border-top:solid 1px #cccccc; padding-bottom:3px;}

#header { height:92px; position:relative;}
#topLine{ background:none repeat scroll 0 0 #000000; height:12px;}
#whiteLine{ background:none repeat scroll 0 0 #ffffff; height:56px;}
#whiteBox{ position:relative; background:none repeat scroll 0 0 #ffffff; height:24px; width:60%;}
#headerInside{ height:92px; margin:-92px auto 0; position:relative;}
.grades{ position:absolute; top:0; right:33.6%; z-index:600; width:316px; height:36px; background:url(../images/grades_bg.gif) no-repeat scroll 0 0 transparent;}
.grades ul{ margin-left:9px; margin-top:6px;}
.grades ul li{ float:left;}
.grades ul li a{ display:block; line-height:23px; border-right:solid 2px #666666;}
.grades ul li a div.grd78{ background:url(../images/grade_7to8.gif) no-repeat scroll 0 0 #000000;}
.grades ul li a div.grd912{ background:url(../images/grade_9to12.gif) no-repeat scroll 0 0 #000000;}
.grades ul li a.active div.grd78{ position:relative; z-index:1000; background:url(../images/grade_7to8_active.gif) no-repeat scroll 0 0 #000000;}
.grades ul li a.active div.grd912{ position:relative; z-index:1001; background:url(../images/grade_9to12_active.gif) no-repeat scroll 0 0 #000000;}


.logo{ position:absolute; width:89px; height:59px; z-index:700; top:24px; right:80%;}
.logo img{ float:left;}
.aImage{ position:absolute; top:41px; left:74.5%; width:auto; height:19px;}
.aImage ul li{ display:block; height:19px; float:left;}
.aImage ul li a{ float:left; margin-right:18px;}
.topMenu{ position:relative; margin:0 auto; top:68px; right:-82px; background:url(../images/topMenu_bg.png) no-repeat scroll 0 0 transparent; width:676px; height:24px; padding-top:6px; _padding-top:0;}
.topMenu div{ margin-left:22px;}
.topMenu ul{ _margin-top:6px;}
.topMenu ul li{ float:left;}
.topMenu ul li a{ font-size:12px; display:block; border-right:solid 1px #FFFFFF; padding:0 10px; text-align:center; color:#FFFFFF; text-decoration:none;}

#pageWrap{ position:relative; width:840px; margin:0 auto; padding:20px 0 50px 0; background:url(../images/page_wraper_bg.png) repeat-y scroll 0 0 transparent; height:auto;}
#leftPane{ width:520px; float:left; padding-left:15px;}
.newsCol{ -moz-border-radius:9px; -webkit-border-radius:9px; width:476px; background:none no-repeat scroll 0 0 #FFFFFF; height:auto; padding:16px 12px; float:left;}
#rightPane{ padding-top:30px; float:left; width:305px;}
.rightCol{ float:left; width:305px; margin-bottom:40px; position:relative;}
.quickTitle{ position:absolute; width:140px; height:14px; background:url(../images/quick_links_bg.png) no-repeat scroll 0 0 transparent; top:-14px; right:152px;}
.quickTitle p{ color:#003399; padding:0 0 0 15px; margin:3px 0 0 0;}
.quickLinks{ float:left; -moz-border-radius:4px; -webkit-border-radius:4px; width:277px; background:none no-repeat scroll 0 0 #FFFFFF; height:100%; padding:8px 0 8px 8px;}
.quickLinks ul li{ float:left; margin:5px 4px;}

.quickLinks input{ background:none; width:235px;}

#footer { height:37px; position:relative;}
#whiteLineBot{ background:none repeat scroll 0 0 #ffffff; height:28px;}
#blackLineBot{ background:none repeat scroll 0 0 #000000; height:9px;}
.copyright{ position:absolute; height:28px; z-index:700; width:auto; top:0; right:74%;}

#return_top a { float:left; background:url(../images/return_top.png) no-repeat scroll left top transparent; bottom:52px; display:block; height:232px; position:fixed; _position:absolute; right:0; width:25px; outline:none; cursor:pointer;}

.topmessage { color:#FFFFFF; display:block; width:auto; height:14px; font-weight:bold;  font-family:Verdana, Arial, Helvetica, sans-serif;}

#pageWrap #innerImg{ height:532px; text-align:center; padding:20px 0 0 0;}
#pageWrap #innerImg span.grades1{ display:block; width:auto; height:14px; margin:10px 0 0 510px; font-weight:bold}
#pageWrap #innerImg span.grades1 ul li{ float:left;}
#pageWrap #innerImg span.grades1 ul li a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; display:block; line-height:12px; border-right:solid 1px #FFFFFF; padding:0 12px; text-align:center; color:#FFFFFF; text-decoration:underline;}
#pageWrap #innerImg span.grades1 ul li span{ color:#FFFFFF; text-decoration:none; border:none; padding:0;}