* {margin:0px; padding:0px;}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3f3f3f;
	position:relative;
	background-color: #BBDCFB;
	background-image: url(images/sky_bground_longer.jpg);
}
a:link, a:visited {color:#3f3f3f; text-decoration:underline;}
a:hover {color:#8c8c8c; text-decoration:none}
.left { float:left; text-align:left;}
.right { float:right; text-align:right;}
#wrap {
	margin:0px auto;
	width:776px;
	background-image: url(images/wrap_bg_new.gif);
	background-repeat: repeat-y;
}

#header {
	height:109px;
	width:776px;
	color:#e2f1ff;
	position:relative;
	background-image: url(images/header_bg.gif);
	background-repeat: no-repeat;
}
#header .header_nav {padding-top:7px;  }
#header .logo {padding:10px 0px 0px 10px; border:none;}
#header .search { float:right; font-size:9px; padding:15px; margin-right:25px; }
/*next lines apply to only Safari*/
#header .search input.google {float:right; margin-top:-19px; margin-left:4px; }
#header .school { margin:0px; border:none; position:absolute; top:39px; right:-247px;}
#header .searchBox {width:160px;}
#header .menu {width:160px; }

#header .search form.google {margin-bottom:5px;}
#header a:link, #header a:visited{
	color:#fff;
	text-decoration:none;
	padding:5px;
	margin-top:5px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header a:hover {text-decoration:underline;}

#nav {
	height:31px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #02477b;
	border-right-color: #7299BA;
	border-bottom-color: #02477b;
	border-left-color: #7299BA;
}
#nav ul { list-style: none; background:transparent;}
#nav a:link, #nav a:visited {display: block;  font-weight:bold;color:#013052; text-decoration:none;margin:0px; padding:0px; text-align:center; line-height:2.5;}
#nav a:hover {color:#c0e0ff;}
#nav li { float: left; display:block; z-index:999999; }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */	left: auto;}
#nav a#district:link, #nav a#district:visited { background-image: url(images/nav/district_off.gif);height:31px; width:143px;}
#nav a#district:hover, #nav a#district_here { background-image: url(images/nav/district_on.gif);height:31px;  width:143px; color:#c0e0ff;}
#nav a#board:link, #nav a#board:visited { background-image: url(images/nav/board_off.gif);height:31px; width:137px;}
#nav a#board:hover, #nav a#board_here { background-image: url(images/nav/board_on.gif);height:31px;  width:137px; color:#c0e0ff;}
#nav a#curriculum:link, #nav a#curriculum:visited { background-image: url(images/nav/curriculum_off.gif);height:31px; width:94px;}
#nav a#curriculum:hover, #nav a#curriculum_here { background-image: url(images/nav/curriculum_on.gif);height:31px; width:94px;color:#c0e0ff;}
#nav a#students:link, #nav a#students:visited { background-image: url(images/nav/students_off.gif);height:31px; width:82px;}
#nav a#students:hover, #nav a#students_here { background-image: url(images/nav/students_on.gif);height:31px;  width:82px; color:#c0e0ff;}
#nav a#technology:link, #nav a#technology:visited { background-image: url(images/nav/technology_off.gif);height:31px; width:96px;}
#nav a#technology:hover, #nav a#technology_here { background-image: url(images/nav/technology_on.gif);height:31px; width:96px; color:#c0e0ff;}
#nav a#teachers:link, #nav a#teachers:visited { background-image: url(images/nav/staff_off.gif);height:31px;width:85px;}
#nav a#teachers:hover, #nav a#teachers_here {background-image: url(images/nav/staff_on.gif);height:31px;width:85px;color:#c0e0ff;}
#nav a#human:link, #nav a#human:visited { background-image: url(images/nav/human_off.gif);height:31px; width:137px;}
#nav a#human:hover, #nav a#human_here { background-image: url(images/nav/human_on.gif);height:31px; width:137px; color:#c0e0ff;}

/*
#nav {background:url(images/nav_bg_whole.gif) no-repeat; border-bottom:5px solid #02477b; height:31px;border-right:1px solid #7299BA; border-left:1px solid #7299BA;}
#nav ul{list-style:none; padding:8px 0px 0px 0px ; }
#nav li {display:inline; margin:0px; padding:0px; }
#nav li a:link, #nav li a:visited { color:#013052; text-decoration:none; padding:8px 16px 9px 17px; margin:0px; }
#nav li.district a:link, #nav li.district a:visited { color:#013052; text-decoration:none; padding:8px 20px 9px 19px; }
#nav li a:hover, #nav li.district a:hover { background:url(images/nav_bg_on.gif) repeat-x; color:#c0e0ff; }
#nav li.here { background:url(images/nav_bg_on.gif) repeat-x; color:#c0e0ff; padding:8px 0px 9px; }
#nav li.here a {color:#c0e0ff;  }
*/

#main {float:right;width:550px; padding:0px;}

#main #bluebg {width:549px; background:#e2f1ff; }
#main #bluebg p {padding:0px 10px; }
#main #bluebg ul {padding:0px 0px 15px 60px ; margin:0px; list-style:disc;}
#main #bluebg .alert_date {color: #750202; font-size: 15px; font-weight: bold; display: block; padding-bottom: 14px;}

#main table.quicklinks {width:510px; border:none;}
#main table.quicklinks ul {list-style:none; list-style-type:none; padding:0px 0px 15px 0px; margin:0px;}
#main table.quicklinks tr {border:none; vertical-align:top;}
#main table.quicklinks td {width:33%; border:none;}

#main p { padding:0px 10px 15px 10px;}
#main h1 { padding:18px 10px 5px 10px;color:#024475; font-size:14px; font-weight:bold;}
#main h2 { padding:0px 10px 5px 10px;color:#024475; font-size:12px; font-weight:bold;}
#main ul {padding:0px 10px 15px 25px; }
#main ol {padding:0px 10px 15px 30px; }
#main table {margin:20px; }
#main th {padding:5px;}
#main table, #main tr, #main td {border-collapse:collapse; border:1px solid #999; padding:5px;}
#main table.schedule { font-size:11px;}

#sidebar, #sidebar ul {
	padding:0px;
	margin:0;
	list-style:none;
	float:left;
	width:200px;
}
#sidebar ul {padding-left:1px;}
#sidebar li {
	position:relative;
	float:left;
	line-height:1.25em;
	margin-bottom:-1px;
	width:200px;
}
#sidebar li a {
	width:200px;
	display:block;
	color:#013052;
	font-weight:bold;
	text-decoration:none;
	background-position:7px 7px;
	background-color: #e2f1ff;
	background-image: url(images/bullet_new.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#sidebar li a:hover {
	color:#000066;
	background-color:#6699FF;
}
#sidebar li:hover ul{ left: auto;}
#sidebar img { border:none;}
#sidebar .seal {margin:15px 0px 35px 1px; }
#sidebar .bullet {padding:0px 3px;}

#clear { clear:both; margin:0px;}

#footer {
	clear:both;
	width:776px;
	height:50px;
	margin:0px auto;
	font-size:9px;
	color:#013052;
	padding:5px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #7299BA;
}

#footer a:link, #footer a:visited {color:#000066; }
#footer a:hover {color:#3399FF;}

/*Safari hacks - stuff down here applies to everything BUT Safari */
#header .search input.google {position:absolute; padding-left:5px;float:none;margin-left:0px; margin-top:1px;#}
#header .search input.school {position:absolute; padding-left:5px;float:none;margin-left:0px; margin-top:1px;#}
#header .school { margin:0px; border:none; position:absolute; top:41px; right:44px;#}
html > body #header .school { margin:0px; border:none; position:absolute; top:41px; right:22px;#}