/* Please see numerous credits at the bottom of this file */

/* Network */

#network {background: #EEE;}
#network .left {
	color: #333;
	padding: 6px 0;
}
#network .tabbed a {
	display: block;
	padding: 6px 10px 7px;
	text-decoration: none;
	color: #666;
}
#network li a:hover {
	background: #F6F6F6;
	color: #000;
}
#network li.current-tab a {
	background: #FFF;
	font-weight: bold;
}
#network .text-separator, #network span {color: #999;}


.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}

/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}

/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }




/************* sortable table stuff  *********************/
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/************* sortable table stuff  *********************/

.border1 {
	font-weight: bold;
}


p, ol {
	margin-top: 1.5em;
	line-height: 1.7em;
	font-size: 1.1em;
}

.space {
        line-height: 1.5em;
           }

/************* Drop down menu stuff *********************/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav li ul a:hover {
background-color:#dbd6e1;
}

a:active, a:focus {
outline: 0
}


#nav a {
	display: block;
	width: 10em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;

        color: #FFFFFF;

}


#nav a.foo {
	
        display: block;
        width: 10em;
	
}




#nav a.main {

    padding-top: 12px;
    font-size: 12px;
}


#nav a.mainfirst {

    padding-left:20px;
    padding-top:12px;
    font-size:12px;
}



#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}


#nav li a {

	width: 17em; 
}


#nav li ul { /* second-level lists */
	position: absolute;
       width: 17em;
       border: 1px black solid; 
	background: #65236d;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
	position: absolute;
       width: 17em;
       border: 1px black solid; 
	background: #65236d;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* ====================  end of drop down stuff ======================= */


/* Content */

#content {
	float: left;
	width: 630px;
a:hover background-color:#dbd6e1;
}

.post {
}

.post .title {
	margin: 0px;
        padding: 2px;
      	font-weight: normal;
}

.post h1.title {
	padding: 15px 0  0 15px;
	height: 21px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
       letter-spacing: 1px;
}

.post .entry {
	padding: 0 25px 5px 15px;
}



.post .meta {
	margin: 0;
	padding: 0px 0px 0px 15px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.post .meta a {
	color: #75043D;
}

.post .links {
	margin: 0;
	padding: 0px 0px 15px 15px;
}

.post .tags {
	margin: 0;
	background: #F2F2F2;
	padding: 5px 10px 5px 15px;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.post .links a, .post .tags a {
	border: none;
}



#search button {width: 15px; height: 13px; margin: 0; padding: 0; border: 0; background-color: transparent;}







#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #eee;
	border: 1px solid #111;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { margin: 0; }

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}




/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 880px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 880px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
width: 880px;
font:  10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/* END liScroll style declarations */


table {
	margin: 1em auto;
	font: 95%/130% Tahoma, Arial, Helvetica, sans-serif;
	border-spacing: 0;
        width: 85%;
}


tbody tr.odd th {
	background: #e2e2e2;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

tbody th a, tbody th a:link, tbody th a:visited, tbody th a:hover, tbody th a:active {
	color: #2442b1;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
}


tbody th a:visited, td a:visited {
	color: #444;
}



td {
	color: #203276;
	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
	padding: 3px;
}


tr.odd td {
	background: #f8f8f8 url(/images/bg_col3.gif) repeat-x;
	color: #444;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}





 .floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}


 .floatleft
{
float: left;
margin: 10px 10px 0 0;
border: 1px solid #666;
padding: 2px;
}



	.teaser {
		padding:0 0 0 11px;
		margin:10px;
		background:url("/images/tsr-l.gif") top left no-repeat;
	}
	.teaser h3 {
		background:url("/images/tsr-r.gif") top right no-repeat;
		margin:0;
		padding:8px 0 0.5em 0;
	}
	.teaser p {
		margin:0 0 0 -11px;
		padding:0 11px 0.5em;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}

.teaser p a:hover {
background-color:#dbd6e1;
}

	.teaser div {
		margin:0 0 0 -11px;
		padding-left:11px;
		background:url("/images/tsr-l.gif") bottom left no-repeat;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		padding:0 10px 10px 0;
		background:url("/images/tsr-r.gif") bottom right no-repeat;
	}


.box { 

border:#7E7E7E dashed 1px; 
padding:5px;
margin: 10px;
line-height:1.5em;

}


.alt1 {background-color:#CC99FF;}
.alt2 {background-color:#FFFFFF;}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(/images/demobox.png) no-repeat bottom right; } 

.cssbox { width: 435px !important; /* intended total box width - padding-right(next) */ width: 320px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 20px auto; /* use to position the box */ } /* set the top-right image */ .cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } 


.cssbox2 { width: 435px !important; /* intended total box width - padding-right(next) */ width: 320px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 20px auto; /* use to position the box */ } /* set the top-right image */ .cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssbox_head h2 { background-position: top left; margin: 0; 

/* reset main site styles*/ border: 0; 

/* ditto */ padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 

/* set the lower-left corner image */ .cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 









#container {
  margin: 0 auto;
  width: 900px;

  }


.sidebar {
	float: left;
}



#utilities { height: 16px;  z-index: 1000; }
#utilities ul {list-style-type: none; float: right; margin: 0;}
#utilities ul ul {display: none; position: absolute; top: 15px; left: -1px; width: 100%; border-width: 0 1px 1px; border-style: solid; z-index: 1000;}
#utilities ul li:hover > ul {display: block; }
#utilities ul li.hover ul {display: block; width: 122px;  }
#utilities li {background-color: #ffffff; padding: 0;}
#utilities a {display: block; padding: 2px 4px;}


#utilities li ul ul {
	margin: 16.3em 10em 0 15em;
        border: 1px black solid; 
}





#utilities ul li a:hover {background-color:#dbd6e1;}

#utilities .links, #utilities .schools, #utilities .search {
	position: relative;
	display: block;
	width: 250px;
	height: 14px;
	float: left;
	margin-right: 10px;
	border-width: 1px; 
	border-style: solid;
	border-color: #ADB09F;
	background-repeat: no-repeat;
	background-position: right center;
        background-color: #ffffff; 

	
}




#utilities .links, #utilities .schools {padding: 0px 0px 0px 5px; background-image: url(../images/btn.dropdown.gif);}

#utilities .search {width: auto; background-image: url(../images/bg.search.gif); height:14px; margin-right:0px;}

#utilities .search input {border: 0px; padding: 0px 0px 0px 5px; height: 11px; font-size:11px;  vertical-align: top; }



#utilities .search button {text-indent: -9999px; width: 15px; height: 13px; margin: 0; padding: 0; border: 0; background-color: transparent;}
#utilities .home {position: absolute; top: 54px; right: 0;}
#utilities .home a {padding: 10px; padding-right: 23px; position: relative; z-index: 2000;}
.homepage #utilities .home {position: absolute; top: 54px; right:10px;}

/* IE */
* html #utilities .home {position: absolute; top: 54px; right: 0;}
* html #utilities .home a {padding: 10px; padding-right: 23px; position: relative; z-index: 2000; font-size: 11px;}
* html .homepage #utilities .home {position: absolute; top: 54px; right:10px;}

#utilities form {display: inline;}
#utilities fieldset {display: inline; border-width: 0;}
#utilities legend {display: none;}


fieldset {margin: 0; padding: 0;}

* {
	margin: 0;
	padding: 0;
}


body, th, td, textarea {
	text-align: justify;
	font-family:  verdana,arial,sans-serif;
	font-size: 12px;
	color: black;
        background: #dbd6e1;
}

h1, h2, h3 {
	margin-top: 1.5em;
	color: #B10961;
}

h1 {
	letter-spacing: -.075em;
	font-size: 3em;
}

h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #B10961;
}

h3 {
	font-size: 1em;
}





blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	text-decoration: none;
	color: #75043D;
}

a:hover {
	border: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #B10961;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #B10961;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
}

/* Header */

#header {
	width: 900px;
	margin: 0 auto;
     
	background: url(/images/img02.gif) no-repeat top left;
}




#menu {
	height: 47px;
	width: 900px;
        background: #65236d;
}









#search #x {
	width: 80px;
}

/* Logos */




#logo {
	width: 900px;
	height: 180px;
	margin: 0 auto;
	background: url(/images/logo_new.png) no-repeat left top;
}



#logo_lang {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerlang.png) no-repeat left top;
}

#logo_important {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerimportant.png) no-repeat left top;
}


#logo_health_pe {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerhealthpe.png) no-repeat left top;
}



#logo_teacher {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerteachers.png) no-repeat left top;
}

#logo_external {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerexprograms.png) no-repeat left top;
}



#logo_student {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/logo_students.png) no-repeat left top;
}


#logo_library {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerlibrary.png) no-repeat left top;
}


#logo_admit {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbanneradmissions.png) no-repeat left top;
}


#logo_math {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannermath.png) no-repeat left top;
}

#logo_ss {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerss.png) no-repeat left top;
}


#logo_contact {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannercontact.png) no-repeat left top;
}

#logo_parent {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerbetterparents.png) no-repeat left top;
}

#logo_engct {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerenglishct.png) no-repeat left top;
}



#logo_science {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerscienceatom.png) no-repeat left top;
}


#logo_art {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerartmusic.png) no-repeat left top;
}

#logo_about {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannerabout.png) no-repeat left top;
}



#logo_courses {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(/images/userbarbannercourses.png) no-repeat left top;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

#logo h1 {
	padding: 90px 5px 0 0px;
	font-size: 48px;
	color: #FFFFFF;
}

#logo h2 {
	padding: 0px 0 0 0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #BD0A70;
}

#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #C2C5B1;
}

#logo a {
	color: #FFFFFF;
}

/* Page */

#page {
	width: 898px;
	margin: 0 auto;
	padding-top: 30px;
	background: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-color: black;
}





/* Recent Posts */

#recent-posts {
}

#recent-posts h2 {
	margin: 0;
	padding: 15px 0  0 0px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B10961;
}

#recent-posts h3 {
	margin: 0;
	padding: 15px 0  0 0px;
	font-size: 13px;
}

#recent-posts p {
	margin: 0 0 10px 0;
	padding: 15px 0  20px 0px;
	border-bottom: #E7E7E7 1px solid;
	line-height: 18px;
	font-size: 13px;
}

#recent-posts a {
	
	padding: 3px 15px 3px 10px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}





#recent-posts h3 a {
}

/* Sidebars */



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

.sidebar li {
	margin-bottom: 2em;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0;
}

.sidebar li h2 {
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #B10961;
}

#sidebar1 {
	width: 210px;
	padding: 0px 20px 0px 20px;
	background: #CCCCCC;
        border-style: dashed;
        border-width: thin;
}

#sidebar1 li a:hover {
         background-color:#dbd6e1;	
         border: none;
	padding-left: 10px;
}




#sidebar2 {
	width: 180px;
	padding: 0px 20px 0px 20px;
}

#sidebar2 li h2 {
	margin: 0 0 1em 0;
	padding: 15px 0  0 0px;
	height: 20px;
}

#sidebar2 li ul {
	line-height: normal;
}

#sidebar2 li li {
	padding: 5px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar2 li a {
	
	border: none;
	padding-left: 10px;
	text-transform: uppercase;
}

#sidebar2 li a:hover {
	border: none;
	padding-left: 10px;
}

/* Calendar */

#calendar {
	margin: 0 auto;
}

#calendar caption {
	font-weight: bold;
}

#calendar table {
	width: 220px;
	text-align: center;
	border-collapse: collapse;
}

#calendar thead th {
	background: #CCCCCC;
	color: #FFFFFF;
}

#calendar tbody td {
	background: #EEEEEE;
}

#calendar #today {
	background: #B8D03B;
	font-weight: bold;
	color: #FFFFFF;
}

#calendar a {
	font-weight: bold;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	background: #FFFFF;
	height: 60px;
	padding-top: 20px;
}

#footer p {
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#footer a {
	background: #BB096B;
	padding: 2px 7px;
	color: #FFFFFF;
}



/* The sortable table javascript and css was taken from 
http://tablesorter.com/docs/
*/

/*
The main template was taken from here. It was heavily modified. 
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


/*
The table css was taken from here with permission 
© 2005 Christine Kirchmeier http://www.zeta-software.de
*/

<!--

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Swanky
Description: A three-column, fixed-width design suitable for news sites and blogs.
Version    : 1.0
Released   : 20080227

-->