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

body {
margin: 0;
padding: 0;
background-color: #4c4c4c;
font-family: Arial, sans-serif;
font-size: 10pt;
}

#container {
width: 900px;
padding: 3px;
border: 1px solid #fff;
margin: 0 auto;
position: relative;
clear: both;
}


/* Top area (above header) */
#toparea {
width: 908px;
margin: 4px auto 5px auto;
position: relative;
}

#toparea #search {
float: left;
margin-bottom: 5px;
height: 18px;
border: 1px solid #ff2400;
background-color: #d10000;
width: 175px;
}

#search input#q {
height: 15px;
width: 105px;
margin: 1px 0px 0 1px;
padding: 1px 2px 0 2px;
background-color: #fff;
border: 0;
float: left;
display: inline;
text-align: left;
font-family: Arial;
font-size: 9pt;
color: #222;
}
#search #sa {
float: left;
display: inline;
margin: 0 0 0 4px;
/* see ie6.css */
}


#toparea #googleTranslate {
position: absolute;
top: 0px;
right: 0;
}

/* Header Area */
h1#header {
display: block;
margin: 0;
padding: 0;
}
h1#header a {
display: block;
height: 0;
overflow: hidden;
width: 900px;
padding-top: 259px;
background: url(/pics/header.jpg) 0 0 no-repeat;
}

#distinguished_school {
width: 80px;
height: 80px;
position: absolute;
right: 13px;
top: 11px;
}

#marquee {
width: 894px;
padding: 0 3px;
margin: 0 auto;
line-height: 25px;
background: url(/pics/marquee_gradient.gif) top left repeat-x #fff;

}



/* Body area */

#content {
width: 900px;
background: url(/pics/content_back.png) 0 0 repeat-y;
/* overflow: auto;*/
float: left;
position: relative;
border-top: 5px solid #000062;
}

#content.content {
background: url(/pics/content_back.gif) 0 0 repeat-y;
}

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

#l {
padding-top: .47em;
}
.contentIndex #l {
padding-top: .9em;

}
.contentIndex #r {
padding-top: .6em;
}
#page_content {
width: 675px;
padding: 7px 10px;
float: left;
}

.pageTitle {
background: url(/pics/pageTitle.gif) 8px 8px no-repeat;
/* width: 675px;
height: 34px;
*/
padding: 10px 10px 0 38px;
height: 24px;
width: 627px;
border-bottom: 3px solid #d10000;
font-family: Georgia,Garamond,'Times New Roman',serif;
font-size: 12pt;
font-weight: bold;
margin-bottom: 10px;
}

/* Left Column */
#navigate {
width: 205px;
float: left;
position: relative;
z-index: 9999;
}


/* Quicklinks */
#quicklinks {
width: 191px;
border: 1px solid #fff;
margin: 0px auto 9px auto;
}

#navigate #quicklinks h2 {
display: block;
margin: 1px;
padding: 24px 0 0 0;
height: 0;
overflow: hidden;
width: 189px;
color: #00153d;
background: url(/pics/quicklinks_head.png) 13px 4px no-repeat #fff;
}

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

#quicklinks li a {
display: block;
width: 160px;
padding: 0 3px 0 28px;
line-height: 23px;
background: url(/pics/quicklinks_back.png) 0 0 repeat-y #000062;
margin-bottom: 1px;
width: 160px;
color: #edecf9;
text-decoration: none;
font-family: 'Times','Times New Roman',serif;
font-size: 15px;
}

#quicklinks li a:hover {
background-position: -191px 0;
background-color: #8080b1;
}


/* Navigation */
#navigation {
width: 205px;
width: 189px;
padding: 2px 2px 1px 2px;
border: 1px solid #fff;
margin: 0 auto 194px auto; /* bottom: 6px + approx height of decoration */
}

#navigation h2 {
/* hide this visually but leave avail for screen readers, crawlers, etc. */
height: 0;
overflow: hidden;
padding: 0;
margin: 0;
}

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

ul#leftnav li {
margin: 0 0 1px 0;
}

ul#leftnav li a {
display: block;
margin: 0;
padding: 0 0 0 28px;
line-height: 23px;
background: #2c2c76;

color: #edecf9;
text-decoration: none;
font-family: 'Times','Times New Roman',serif;
font-size: 15px;

/* check ie6.css for settings */
}

ul#leftnav li a:hover {
background-position: -189px center;
background-color: #fff;
color: #000062;
}

/* Nested */

ul#leftnav ul, ul#leftnav ul li {
margin: 0;
padding: 0;
}
ul#leftnav ul {
margin: 5px 0;
}


ul#leftnav ul li a {
background: url(/pics/nav_back2.png) 0 center no-repeat #000062;
padding-left: 44px;
font-size: 14px;
line-height: 1.56em;

/* check ie6.css for settings */
}

ul#leftnav ul li a:hover {
background: url(/pics/nav_back2.png) 0 center no-repeat #000062;
color: #edecf9;
text-decoration: underline;
}


/* Index Middle Column */

div#one {
	width:490px;
	height:234px;
        display: inline;
}
#news_container {
width: 476px;
margin: 5px;
border: 1px solid #ccc;
margin-bottom: 6px;
min-height: 240px;
height: auto !important;
height: 240px; 

}

#news_container h2 {
border-bottom: 3px solid #d10000;
}

#news_container h2 a {
display: block;
height: 0;
width: 256px;
overflow: hidden;
background: url(/pics/news_head.png) 0 0 no-repeat;
padding-top: 27px;
}

/* Index Right Column */

#school_calendar {
float: right;
width: 191px;
margin: 6px 6px 0 0;
display: inline;
border: 1px solid #b6b6b6;
min-height: 240px;
height: auto !important;
height: 240px;
}
#school_calendar h2 {
border-bottom: 3px solid #000062;

}
#school_calendar h2 a {
display: block;
height: 0;
width: 175px;
overflow: hidden;
background: url(/pics/schoolcalendar_head.png) 0 0 no-repeat;
padding-top: 27px;
}

#athletic_calendar {
margin: 6px 6px 0 0;
display: inline;
float: right;
clear: right;
width: 191px;
border: 1px solid #b6b6b6;
min-height: 240px;
height: auto !important;
height: 240px;
}
#athletic_calendar h2 {
border-bottom: 3px solid #000062;

}

#athletic_calendar h2 a {
display: block;
height: 0;
width: 183px;
overflow: hidden;
background: url(/pics/athleticcalendar_head.png) 0 0 no-repeat;
padding-top: 27px;
}

/* Footer */
#footer {
clear: both;
background: url(/pics/footer.png) 0 0 no-repeat;
height: 78px;
width: 900px;
position: relative;
}
#footer #back_to_home {
margin: 0;
padding: 0;
position: absolute;
top: 16px;
left: 23px;
}
#footer #back_to_home a {
display: block;
width: 492px;
height: 0;
overflow: hidden;
height: 0;
padding-top: 52px;

}

#footer p#copyright {
margin: 0;
text-align: right;
padding: 15px 85px 0 500px;
color: #fcefef;
height: 63px;
width: 315px;
}

#poweredby {
display: block;
margin: 10px auto;
background: url(/pics/poweredby.png) 0 0 no-repeat;
width: 241px;
padding-top: 12px;
height: 0;
overflow: hidden;
}

/* bottom Decorations for left + right columns */
#left_deco {
background-color: #000062;
width: 205px;
height: 189px;
position: absolute;
top: -189px;
left: 0;
z-index: 600;
}

#left_deco .overlay {
display: block;
width: 205px;
height: 189px;
background: url(/pics/left_photo_overlay.png) 0 0 no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 700;
}
#right_homepage_deco {
width: 193px;
height: 152px;
top: -158px;
right: 6px;
position: absolute;
z-index: 9999
}


/* Home Page Setions */
.HPNews, .HPEvents {
color: #222 !important;
margin: 5px 0;
}
.HPNews a {
color: #d10000 !important;
}

.HPEvents a {
color: #000062 !important;
}


ul#leftnav ul.shrunk,ul#leftnav ul.shrunk li, ul#leftnav ul.shrunk li a {
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}

/* Quick Poll stuff */

.HPQuickPoll h2 {
width: 476px; /* header width */
padding-top: 27px; /* header height */
border-bottom: 3px solid #D10000;
/* default background image is /pics/pics/quick_poll_header.png */
}

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

.HPQuickPoll {
width: 476px;
margin: 5px 5px 6px 5px;
border: 1px solid #ccc;
min-height: 200px;
height: auto !important;
height: 200px;
}


div#news_container {
	border:1px solid red;
}

div#hpContainer {
	width:695px;
	float:right;
}
div#leftColumn {
	float:left;
	width:490px;

}
div#rightColumn {
	float:right;
	width:205px;	

}