@import url("/apps/js/polls/polls-pack.css");

body {
margin: 0;
padding: 0;
background: url(/pics/background.png) 0 0 repeat-x #ebbc83;
font-family: Arial, sans-serif;
font-size: 10pt;
}

/* General Styles */
#l {
padding-top: .47em;
}
#r {
padding-bottom: .4em;
}

/*#content table {
border-collapse: collapse;
}

#content table td {
padding: .4em !important;
border-bottom: 1px solid #fff !important;
background: #eee !important;
}

#content table caption {
font-size: 1.2em;
padding: 8px 3px;
}

#content table caption, #content table td.dark, #content .dark td,#content thead {
color: #ffa800 !important;
background-color: #2e2e2e !important;
font-weight: normal !important;
}

#content .dark a {
color: #fff;
}
#content .dark b {
font-weight: normal !important;
}*/

#content table caption {
font-size: 1.2em;
padding: 8px 3px;
font-weight: bold;
}

.pageTitle {
margin: 0;
padding: 0;
font-weight: normal;
background: url(/pics/pagetitle.png) 0 0 no-repeat;
width: 748px;
height: 34px;
line-height: 33px;
position: absolute;
left: 6px;
top: 6px;
padding: 0 0 0 34px;
width: 714px;
font-size: 12pt;
color: #ffe5e5;
text-shadow: 1px 1px 3px #000;
letter-spacing: .6px;
}


#container {
background: url(/pics/lower_shadow.png) 0 330px no-repeat;
width: 776px;
margin: 0 auto;
}


/* Header including Top Navigation */
#search, #translate_button {
height: 25px;
}

#search {
float: left;
display: inline;
margin: 3px 0 0 7px;
height: 16px;
border: 1px solid #ff0000;
background-color: #a30000;
width: 154px;
height: 19px;
}

#search input#q {
height: 13px;
width: 96px;
margin: 1px 0px 1px 1px;
padding: 1px 2px 0 2px;
background-color: #fff;
border: 0;
float: left;
display: inline;
text-align: left;
font-family: Arial;
font-size: 11px;
color: #222;
background: url(/pics/search_input_bg.gif) bottom left repeat-x #fff;
}
#search #sa {
float: left;
display: inline;
margin: 0 0 0 2px;
/* see ie6.css */
}



#translate_button {
float: right;
display: inline;
margin-right: 7px;
margin-top: 5px;
}

#translate_button a {
display: block;
width: 60px;
height: 0;
overflow: hidden;
padding-top: 19px;
margin-top: 4px;
background: url(/pics/espanol.png) 0 0 no-repeat;

}

#header {
clear: both;
width: 776px;
height: 305px;
background: url(/pics/header_shadow.jpg) 0 0 no-repeat;
position: relative;
z-index: 9999;
}

#header h1 {
margin: 0;
padding: 0;
position: absolute;
width: 760px;
height: 305px;
/* background: url(/pics/header.jpg) 0 0 no-repeat;*/
top: 0;
left: 8px;
}

#header h1 a {
display: block;
height: 0;
overflow: hidden;
width: 760px;
padding-top: 278px;
}

/* Top navigation */

/* Set up floated list */

/*
NOTES:

left spacing created with #topnav li's left margin,
right spacing created with #topnav li's right padding. Need
to add in width of the star background (15px).

See comments below for specifics
*/
ul#topnav, ul#topnav li, ul#topnav li ul {
list-style: none;
margin: 0;
padding: 0;
}


ul#topnav {
position: absolute;
top: 279px;
margin-left: 20px;

}
ul#topnav li {
float: left;

margin-left: 13px;
padding-right: 28px; /* left margin + 15px */
display: inline;

background: url(/pics/star.png) top right no-repeat;
}

#topnav li#contactus {
background: none;
padding: 0;
}

#topnav li a { display: block;margin:0;padding:0;height: 0;overflow:hidden; }

/* image replacement */
/* Rollovers */
#aboutus a, #academics a, #contactus a, #home a, #parents a, #students a, #teachers a {
background-position: top left; background-repeat: no-repeat;
}
ul#topnav li a {
padding-top: 26px;
}

ul#topnav li#aboutus a { width: 65px; }
ul#topnav li#academics a { width: 74px; }
ul#topnav li#contactus a { width: 73px; }
ul#topnav li#home a { width: 50px; }
ul#topnav li#parents a { width: 60px; }
ul#topnav li#students a { width: 64px; }
ul#topnav li#teachers a { width: 67px; }

li#aboutus a { background-image: url('/pics/topnav/aboutus.png'); }
li#aboutus:hover a, li#aboutus.over a { background-position: -65px 0; }

li#academics a { background-image: url('/pics/topnav/academics.png'); }
li#academics:hover a,li#academics.over a{ background-position: -74px 0; }

li#contactus a { background-image: url('/pics/topnav/contactus.png'); }
li#contactus a:hover { background-position: -73px 0; } /* NOTE: selector different from pattern!! */

li#home a { background-image: url('/pics/topnav/home.png'); }
li#home a:hover { background-position: -50px 0; } /* NOTE: selector different from pattern!! */

li#parents a { background-image: url('/pics/topnav/parents.png'); }
li#parents:hover a,li#parents.over a { background-position: -60px 0; }

li#students a { background-image: url('/pics/topnav/students.png'); }
li#students:hover a, li#students.over a{ background-position: -64px 0; }

li#teachers a { background-image: url('/pics/topnav/teachers.png'); }
li#teachers:hover a, li#teachers.over a{ background-position: -67px 0; }


ul#topnav ul {
position: absolute;
left: -9999em;
float: none;
width: 150px;
margin-left: -6px !important;
font-size: 12px;
font-family: Arial, sans-serif;
line-height: 1.3em;
border: 1px solid #000;
border-top-width: 0;
z-index: 99999;
}

ul#topnav ul li {
background: none;
padding: 0;
margin: 0;
width: auto;
}
ul#topnav ul li a {
padding: 0;
margin: 0;
display: block;
background: none;
height: auto;
width: 138px !important;
padding: .4em 6px;
text-decoration: none;
font-weight: normal;

background: #ccc;
background: rgba(204,204,204,.94);
color: #000;
}

ul#topnav ul li a:hover {
color: #ffa800;
background: #222;
background: rgba(34,34,34,.94);
}

ul#topnav li:hover ul, ul#topnav li.over ul {
left: auto;
background-position: 0 0; /* solves possible stickiness in IE7 */
}



/* content and contentIndex */
#content, #contentIndex {
width: 760px;
margin: 0 auto;
background-color: #fff;
overflow: auto;
* overflow:inherit;

}

#content {
width: 740px;
padding: 46px 10px 10px 10px;
min-height: 280px;
height: auto !important;
height: 280px;
position: relative;
}




/* Index/Home Page */
#contentIndex {
background: url(/pics/index_back.png) 0 0 repeat-y;
}

#contentIndex h2 {
padding: 0;
margin: 0;
}

#marquee {
line-height: 19px;
background-color: #fff;
color: #000;
font-family: Arial,sans-serif;
font-size: 10pt;
width: 756px;
padding: 0 2px;
}


/* quicklinks */
#quicklinks {
float: left;

width: 318px;
height: 183px;
background: url(/pics/quicklinks_back.jpg) 0 0 no-repeat;
}

/* Set up floated list */
#quicklinks ul {
list-style: none;
margin: 20px 0 0 19px;
padding: 0;
}
#quicklinks ul li {
float: left;
display: inline;
margin: 0 6px 3px 0;
padding: 0;
list-style: none;
}
#quicklinks ul li a {
display: block;
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
}

/* image replacement */
/* Rollovers */
#classeshomework a, #departments a, #isis a, #lausdemail a, #photoalbum a, #teachersstaff a {
background-position: top left; background-repeat: no-repeat;
}

#quicklinks ul li a { width: 137px; padding-top: 22px; }
#quicklinks ul li a:hover { background-position: -137px 0; }

li#classeshomework a { background-image: url('/pics/quicklinks/classeshomework.png'); }
li#departments a { background-image: url('/pics/quicklinks/departments.png'); }
li#isis a { background-image: url('/pics/quicklinks/isis.png'); }
li#lausdemail a { background-image: url('/pics/quicklinks/lausdemail.png'); }
li#photoalbum a { background-image: url('/pics/quicklinks/photoalbum.png'); }
li#teachersstaff a { background-image: url('/pics/quicklinks/teachersstaff.png'); }


#shuffle1 {
width: 442px;
height: 183px;
float: right;
}

/* lay out bottom containers */

#rightcol {
width: 442px;
float: right;
}
#leftcol {
width: 318px;
float: right;
}



#events_container, #links_container {
width: 313px;
min-height: 180px;
background: url(/pics/leftcol_topback.png) 0 46px no-repeat;
margin-left: 5px;
}

#events_container .HPEvents, #links_container .HPLinks {
width: 290px;
margin: 10px 0 10px 6px;

}

#events_container .HPEvents {
margin: 6px 0 0 6px;
}


#news_container, #bb_container, #week_container {
width: 430px;
margin: 0 0px 0 6px;
background: url(/pics/rightcol_topback.png) 0 36px no-repeat;
}

#news_container {
min-height: 232px;
height: auto !important;
height: 232px;
margin-top: 10px;
position: relative;
z-index: 599;
}

#bb_container {
position: relative;
min-height: 310px;
z-index: 599;
}

#week_container {
position: relative;
min-height: 150px;
z-index: 599;
}

#news_container .HPNews {
position: relative;
z-index: 600;
margin: 6px 0 0 6px;
}

#news_container span.back {
display: block;
position: absolute;
bottom: 5px;
right: 11px;
width: 143px;
height: 126px;
background: url(/pics/giddyup.png) 0 0 no-repeat;
}


#bb_container .HPBBMessages {
position: relative;
z-index: 600;
margin: 6px 0 0 6px;

}

span.mural {
display: block;
position: absolute;
bottom: 0px;
right: 0px;
top: -179px;

width: 442px;
height: 179px;
background: url(/pics/mural.jpg) 0 0 no-repeat;
}

#events_container {

}


#events_container h2 a, #links_container h2 a, #news_container h2 a, #bb_container h2 a {
display: block;
height: 0;
overflow: hidden;
}

/* left side column */
#events_container h2 a, #links_container h2 a {
width: 308px;
padding-top: 46px;
}

#events_container h2 a {
background: url(/pics/events_header.png) 0 0 no-repeat;
}

#links_container h2 a {
background: url(/pics/links_header.png) 0 0 no-repeat;
}

/* right side column */
#news_container h2 a, #bb_container h2 a, #week_container h2 a {
width: 430px;
padding-top: 36px;
}

#news_container h2 a {
background: url(/pics/news_header.png) 0 0 no-repeat;
}

#bb_container h2 a {
background: url(/pics/bb_header.png) 0 0 no-repeat;
}
#week_container {
margin-top: 10px;
margin-bottom: 5px;
}
#week_container h2 {
width: 430px;
height: 0;
overflow: hidden;
padding-top: 36px;
background: url(/pics/week_header.png) 0 0 no-repeat;
}


/* Footer */
#footer {
width: 760px;
margin: 0 auto;
position: relative;
color: #ffe5e5;
height: 115px;
clear: both;
}

#footer .background {
display: block;
width: 760px;
height: 87px;
background: url(/pics/footer.png) 0 0 no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

#footer #copyright {
font-family: Arial, sans-serif;
font-size: 10pt;
padding: 16px 80px 0 400px;
text-align: right;
margin: 0;
}

#footer #backtohome, #footer #districtlogo, #footer #poweredby {
display: block;
position: absolute;
height: 0;
overflow: hidden;
}

#footer #backtohome {
width: 240px;
padding-top: 60px;
top: 15px;
left: 10px;
}

#footer #districtlogo {
width: 59px;
padding-top: 59px;
right: 10px;
top: 13px;
background: url(/pics/lausd_logo.png) 0 0 no-repeat;
z-index: 10;
}

#footer #poweredby {
background: url(/pics/poweredby.png) 0 0 no-repeat;
width: 245px;
padding-top: 16px;
z-index: 10;
top: 88px;
left: 245px;
}

/***   Mandatory   ***/
.HPQuickPoll h2 {
    width: 313px;       /* header width  */
    padding-top: 46px !important;  /* header height */
    /* default background image is /pics/pics/quick_poll_header.png  */
}

.HPQuickPoll .bar-color {
    background-color: #ef0000;   /* results bar color */
}


/***  Optional  ***/
.HPQuickPoll {
     width: 313px;
     padding-bottom: 9px;
	 margin-left:5px;
     background: url(/pics/bg_index_right_bottom.gif) no-repeat bottom;
}

/* the inside poll area for choices and results */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only, .HPQuickPoll .question {
	margin:0 auto;
	padding:2px;
	width:70%;
}

.HPQuickPoll .question {
    text-align:left;
}

/* use for a repeating inside background if necessary */
.HPQuickPoll .quickpoll {
    background: url(/pics/leftcol_topback.png) no-repeat top left;
    padding-bottom: 5px;
}



/* Sponsors */
#leftcol .SponsorsDiv {
	margin-left:5px;
}
#leftcol .SponsorsDiv h2 {
	margin:0;
	width:308px;
	height:0px;
	padding-top:46px;
	overflow:hidden;
}
.SponsorsDiv h2#sponsor_header {
	background-image:url('/pics/our_sponsor.png');
}
.SponsorsDiv h2#sponsors_header {
	background-image:url('/pics/our_sponsors.png');
}
.SponsorsDiv ul {
	width:308px;	
	padding:10px 0;
	margin:0px;
	margin-bottom:10px;
	text-align:center;

	background-image:url(/pics/leftcol_topback.png);
	background-repeat:no-repeat;
}
.SponsorsDiv ul li{
	display:inline;
	list-style-type:none;
	margin:0 auto 5px;
	text-align:center;
	width:170px;
}
.SponsorsDiv ul li img {
	border:1px solid #CCCCCC;
	padding:4px;
}

.SponsorsDiv a {
	font-size: 9.5pt;
	font-weight: bold;
}

h2.noSponsorAlternativeContent {
	height: 0;
	padding-top: 63px!important;
	background: url('/apps/sponsors/pics/sponsorus2.jpg') top center no-repeat;
	overflow: hidden;

}