html, body {	height: 100%;}	

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('/pics/background_top.gif') top left repeat-x #212c46;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;}

/* Bullet padding */

#l {	padding: .48em .25em 0 0;}

#container {
	text-align: left;
	position: relative;

	/* for sticky footer: */
	z-index: 100;
	min-height: 100%;
	height: auto !important;
	
	height: 100%;
	width: 900px;
	margin: 0 auto -210px auto; 
	/* the bottom margin is the negative value of the sticky footer's height */}

#stickyfooter {
	height: 210px;
	width: 100%;
	position: relative;
	z-index: 50;
	background: url('/pics/background_bot.gif') top left repeat-x;}

/* Non-index page content area */
#content {
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background-color: #fff;
	padding: 1em 10px 1em 10px;
	color: #000;}

.pageTitle {
	width: 860px;
	background: url('/pics/pageTitle.gif') top left no-repeat;
	font-family: 'Times New Roman', serif;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	padding: 0 10px 0 10px;
	margin-bottom: .5em;}

/* Header */
#header {	padding-top: 6px;}

#searchbox {
	height: 18px;
	border: 1px solid #718ac6;
	background: url('/pics/searchbox_bg.png') top left repeat-x;
	width: 180px;
	margin: 0 12px .4em 0;
	float: right;}

#searchbox input#q {
	height: 14px;
	width: 108px;
	margin: 1px 0 0 1px;
	padding: 0 4px 0 0;
	background: url('/pics/searchbox_inputbg.png') top left repeat-x;
	border: 1px solid #fff;
	float: left;
	text-align: right;}
#searchbox #sa {
	float: left;
	margin: 2px 0 0 5px;}

#header h1 {
	margin: 0;
	padding: 0;
	clear: both;}

#header h1 a {
	display: block;
	width: 900px;
	height: 0;
	padding-top: 110px;
	overflow: hidden;
	background: url('/pics/header.png') top left no-repeat;}


/* Drop down Navigation */

#topnavarea {
	width: 900px;
	height: 20px;
	background: url('/pics/topnavbg.png') top left repeat-x;
	text-align: center; }

#topnav, #topnav li {
	padding: 0;
	margin: 0;
	list-style: none;}

#topnav li {
	float: left;
	display: inline;
	line-height: 19px;}

#topnav li#home { margin-left: 10px; }
#topnav li#home a {width:90px; }
#topnav li#aboutus a {width:110px;}
#topnav li#districtoffice a { width: 130px; }
#topnav li#staff  a { width: 150px; }
#topnav li#profdevelopment  a { width: 135px; }
#topnav li#instructionalmaterials  a { width: 125px; }
#topnav li#contactus a { width: 143px; }

#topnav li a {
	color: #131f3d;
	display: block;
	height: 20px;
	text-decoration: none;}

#topnav li ul {
	opacity: .93;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #546998;
	z-index: 10000;
	position: absolute;
	width: 14em;
	left: -999em;
	text-align: left !important;}

#topnav li ul li {
	float: left;
	width: 14em !important;
	text-align: left !important;
	}

#topnav li:hover a, #topnav li.over a {	background: url('/pics/topnavbg.png') bottom left repeat-x;}

#topnav li:hover ul, #topnav li.over ul {	left: auto;}

#topnav li ul li:hover, #topnav li ul li.over {	background-color: #ca7825;}
#topnav li ul li a {
	height: auto !important;
	background-image: none !important;
	display: block;
	line-height: 1.2em;
	width: 13em !important;
	margin: 0;
	padding: .5em .4em .5em .6em;
	color: #fff;}

/* Quick Links to Schools */
#quicklinksarea {
	position: relative;
	height: 338px;
	background: url('/pics/quicklinkarea_back.png') top left no-repeat;}
#quicklinksarea #index_image_link {
	position: absolute;
	top: 18px;
	right: 9px;
	display: block;
	width: 187px;
	height: 0;
	overflow: hidden;
	padding-top: 27px;
	background: url('/pics/apcentral.png') top left no-repeat;}

#headerphoto {	margin-top: 9px;}
#quicklinksarea h2 {
	height: 0;
	overflow: hidden;
	margin: 0; padding: 0;}

#quicklinks, #quicklinks li {
	margin: 0;
	padding: 0;
	list-style: none;}

#quicklinks li {
	position: absolute;
	left: 0;
	bottom: 12px;}

#quicklinks.jqueryed li {
	width: 136px;
	height: 93px;}

#quicklinks li a {
	display: block;
	width: 148px;
	height: 0;
	overflow: hidden;
	padding-top: 102px;}

#quicklinks.jqueryed li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-position: top left;
	background-repeat: no-repeat;}

#quicklinks li a img { width: 100%;}

#quicklinks li#hoover a 	 { background-image: url('/pics/quicklinks/hoover.png');}
#quicklinks li#kearny a { background-image: url('/pics/quicklinks/kearny.png');}
#quicklinks li#madison a 		 { background-image: url('/pics/quicklinks/madison.png');}
#quicklinks li#missionbay a 	 { background-image: url('/pics/quicklinks/missionbay.png');}
#quicklinks li#pointloma a  { background-image: url('/pics/quicklinks/pointloma.png');}
#quicklinks li#junipero a  { background-image: url('/pics/quicklinks/junipero.png');}

#quicklinks li#hoover  	 { left:   12px; }
#quicklinks li#kearny   { left: 160px; }
#quicklinks li#madison  		 { left: 308px; }
#quicklinks li#missionbay  	 { left: 456px; }
#quicklinks li#pointloma    { left: 604px; }
#quicklinks li#junipero    { left: 752px; }

#quicklinks.jqueryed li#hoover  	 { left:  12px; }
#quicklinks.jqueryed li#kearny   { left: 160px; }
#quicklinks.jqueryed li#madison  		 { left: 308px; }
#quicklinks.jqueryed li#missionbay  	 { left: 456px; }
#quicklinks.jqueryed li#pointloma    { left: 604px; }
#quicklinks.jqueryed li#junipero    { left: 752px; }


/* Index page - Three Columns + Containing Area */
#indexcontentarea {
	background: url(/pics/index_back.png) top left no-repeat #1d305d;
	min-height: 300px;
	position: relative;
	overflow: auto; /* forces containment of floats */
	padding-bottom: .8em;
	color: #fff;
	width: 900px;}
#indexcontentarea table {	color: #fff;}

#indexcontentarea a {	color: #fff;}

#indexcontentarea a:visited {	color: #b9c5e0;}

#indexcontentarea p {
	margin: 0;
	padding: 0;}

#indexcontentarea span#indexfoot {
	display: block;
	width: 347px;
	height: 259px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/pics/index_back2.png) bottom right no-repeat;}

#contentIndex h2, #footer p {
	margin: 0;
	padding: 0;}

div#marquee {
	height: 39px;
	line-height: 39px;
	color: #fff;
	padding: 0 13px;}

#left_column {	margin-left: 13px;}

#left_column, #middle_column, #right_column {
	float: left; 
	display: inline; /* for IE double margin bug */
	width: 291px;
	position: relative;
	z-index: 500;}

#middle_column, #right_column {	margin-left: 5px;}

#messageh2 a, #middle_column h2 a, #right_column h2 a {
	display: block;
	width: 291px;
	height: 0;
	overflow: hidden;
	padding-top: 43px;
	z-index: 90;}

#messageh2 a { background: url('/pics/message_head.png') top left no-repeat; }
#middle_column h2 a { background: url('/pics/news_head.png') top left no-repeat; }
#right_column h2 a { background: url('/pics/events_head.png') top left no-repeat; }

#leftcol_content, #newsContainer, #eventsContainer {
	background-repeat: repeat-y;
	background-position: top left;
	margin: 0;
	padding: 0;
	width: 291px;
	z-index: 20;
	min-height: 165px;
	height: auto !important;
	height: 165px;
	padding: 0 18px 8px 10px;
	width: 263px;
	color: #fff;}
#leftcol_content table, #newsContainer table, #eventsContainer table {
	position: relative;
	z-index: 50;
	width: auto !important;}

#leftcol_content, #eventsContainer {	background-image: url('/pics/bluecol_repeat.png');}
#newsContainer {	background-image: url('/pics/orangecol_repeat.png');}

#directorsmessage {	padding: .5em 0;}
#linksh2 {
	position: relative;
	z-index: 100;
	margin: .5em 0 !important;}
#linksh2 a {

	position: relative;
	display: block;
	width: 263px;
	height: 0;
	overflow: hidden;
	padding-top: 20px;
	background: url('/pics/links_head.gif') top left no-repeat;}

#left_column .foot, #middle_column .foot, #right_column .foot {
	display: block;
	width: 291px;

	height: 181px;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
	margin-top: -165px;
	z-index: 10;}
#left_column .foot, #right_column .foot {	background-image: url('/pics/bluecol_foot.png');}
#middle_column .foot {	background-image: url('/pics/orangecol_foot.png');}

#wotd {
	width: 137px;
	height: 73px;
	background: url('/pics/wotd.jpg') no-repeat;
	float: left;
	text-align: center;
	color: #fff;
	margin-top: 5px;
	padding: 20px 0px 15px 0;
	*padding: 18px 0px 15px 0;
}

#wotd a {
	color: #fff;
}

#wotd b {
	display: none;
}


/* Footer area */
#footer {
	width: 900px;
	height: 120px;
	color: #fff;
	text-align: center;
	position: relative;}

#footer span#footer_back {
	background: url('/pics/footer.png') top left no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 87px;
	width: 900px;}

#footer #copyright {
	position: absolute;
	top: 15px;
	right: 85px;
	text-align: right;}
#footer #poweredby {
	position: absolute;
	top: 95px;
	left: 327px;
	z-index: 99;}
#footer #poweredby a {
	display: block;
	width: 246px;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	background: url('/pics/poweredby.png') top left no-repeat;}

#footer #sdusd {
	display: block;
	position: absolute;
	width: 47px;
	height: 0;
	overflow: hidden;
	padding-top: 61px;
	top: 12px;
	right: 18px;}