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

body {
background: url('/pics/body_bg.jpg');
text-align: center;
margin: 0 0 5px 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
}
div#top {
width: 900px;
height: 27px;
margin: 0 auto;
}
div#wrapper {
margin: 0 auto;
width: 900px;
text-align: left;
background: #fff;
}
.contentIndex {
text-align: left;
background: url('/pics/index_bg.gif') repeat-y left top;
width: 900px;
min-height: 400px;
height: auto!important;
height: 400px;
}
.content {
text-align: left;
background: #FFFFFF;
width: 884px;
padding: 8px;
min-height: 400px;
height: auto!important;
height: 400px;
}
.contentIndex h2 {
padding: 0;
margin: 0;
}
.relative {
position: relative;
}
.pageTitle {
display: block;
width: 849px;
height: 29px;
padding: 16px 0 0 35px;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
font-weight: bold;
background: url('/pics/PageTitle.gif') no-repeat left top;
text-transform: uppercase;
}
#search {
color: #000;
font-weight: bold;
float: right;
margin-top: 3px;
margin-right: 5px;
width: 167px;
}
#search input#q {
width: 140px; 
height: 14px; 
border: 0; 
padding: 2px; 
background: #fff;
}
#search input.edlio-search-button {
vertical-align: top; 
margin-left: -4px;
}
a#espanol {
float: right;
margin: 0 3px 0 0;
}
a#korean {
float: right;
width: 93px;
height: 27px;
background: url('/pics/korean.gif') no-repeat;
}
marquee {
width: 603px;
height: 17px;
color: #511e26;
font-weight: bold;
padding-top: 3px;
}
/* Header */
div#header h1 {
width: 0;
height: 0;
margin: 0;
padding: 0 0 263px 900px;
overflow: hidden;
background: url('/pics/header.jpg') no-repeat;
}
/* Navigation menu */

div#menu {
width: 900px;
height: 30px;
}
ul#topNavItems {
	list-style: none;
	margin: 0 auto;
	width: 900px;
	height: 27px;
	padding: 3px 0 0 0;
	position: relative;
	z-index: 999;
	background: url('/pics/topnav_bg.gif') repeat-x;
}
ul#topNavItems li {
	list-style: none;
	display: inline;
	padding: 0;
	margin:0px;
	float: left;
	position: relative;
	z-index: 999;
}
ul#topNavItems li a {
	width: 93px;
	height: 0;
	display: block;
	overflow: hidden;
	padding: 27px 0 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
ul#topNavItems li#topnav_home a { background-image: url('/pics/topNav1.gif'); width:68px; }
ul#topNavItems li#topnav_about_us a { background-image: url('/pics/topNav2.gif'); width:82px; }
ul#topNavItems li#topnav_admissions a { background-image: url('/pics/topNav3.gif'); width:103px; }
ul#topNavItems li#topnav_academics a { background-image: url('/pics/topNav4.gif'); width:93px; }
ul#topNavItems li#topnav_students a { background-image: url('/pics/topNav5.gif'); width:87px; }
ul#topNavItems li#topnav_athletics a { background-image: url('/pics/topNav6.gif'); width:88px; }
ul#topNavItems li#topnav_parents a { background-image: url('/pics/topNav7.gif'); width:75px; }
ul#topNavItems li#topnav_alumnae a { background-image: url('/pics/topNav8.gif'); width:85px; }
ul#topNavItems li#topnav_advancement a { background-image: url('/pics/topNav9.gif'); width:111px; }
ul#topNavItems li#topnav_contact_us a { background-image: url('/pics/topNav10.gif'); width:107px; }

ul#topNavItems li:hover a {
	background-position: 0 -27px;
}
/* Drop down items */

ul#topNavItems ul, ul#topNavItems li:hover ul ul, ul#topNavItems li.over ul ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
	width: 168px;
	margin: 0 0 0 4px;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
}
ul#topNavItems ul li {
	margin: 0;
}
ul#topNavItems li:hover ul, ul#topNavItems li.over ul {
	left: auto;
	background: none;
}
ul#topNavItems ul li:hover ul, ul#topNavItems ul li.over ul {
	position: absolute;
	top: 0;
	left: 100%;
}
/* Drop down items colors and formatting */

ul#topNavItems ul {
	border: 0;
}

#menu ul#topNavItems li ul li a {
	line-height: 16pt;
	text-align: left;
	text-decoration: none;
	padding: 0 0 0 8px;
	height: auto;
	width: 160px;
	color: #fff;
	background-color: #511e26;
	background-image: none;
}
#menu ul#topNavItems li ul li a:hover, #menu ul#topNavItems li ul li:hover a, #menu ul#topNavItems li ul li:hover ul a:hover, #menu ul#topNavItems li ul li.over a, #menu ul#topNavItems li ul li.over ul a:hover {
color: #fff;
	background-color: #9d6c4d;
}
#menu ul#topNavItems li ul li:hover ul a, #menu ul#topNavItems li ul li.over ul a {
	color: #fff;
	background-color: #511e26;
}
/* Index properties */
#indexTop {
width: 900px;
height: 3px;
background: url('/pics/index_top.gif') no-repeat;
}
#indexBottom {
width: 900px;
height: 3px;
background: url('/pics/index_bottom.gif') no-repeat;
}
#leftColumn {
width: 297px;
padding: 0 0 0 0;
float: left;
}
#rightColumn {
width: 603px;
padding: 0 0 0 0;
float: left;
text-align: left;
}
/* Quicklinks */

#quickLinks {
width: 271px;
padding: 0;
margin: 15px 0 0 13px;
}
#quickLinks h2 {
width: 0;
height: 0;
padding: 0 0 17px 271px;
margin: 0;
overflow: hidden;
background: url('/pics/midnav_top.gif') no-repeat;
}
#quickLinksBottom {
width: 0;
height: 0;
padding: 0 0 11px 271px;
background: url('/pics/midnav_bottom.gif') no-repeat;
}
#quickLinks ul {
list-style: none;
margin: 0;
padding: 0;
}
#quickLinks a {
width: 0;
height: 0;
text-decoration: none;
padding: 0 0 25px 271px;
margin: 0;
overflow: hidden;
display: block;
color: #FFF;
font: 12px Arial, Helvetica, sans-serif;
}
#quickLinks a#midNav1 { background: url('/pics/midnav1.gif') no-repeat; }
#quickLinks a#midNav2 { background: url('/pics/midnav2.gif') no-repeat; }
#quickLinks a#midNav3 { background: url('/pics/midnav3.gif') no-repeat; }
#quickLinks a#midNav4 { background: url('/pics/midnav4.gif') no-repeat; }
#quickLinks a#midNav5 { background: url('/pics/midnav5.gif') no-repeat; }


#quickLinks a:hover#midNav1,
#quickLinks a:hover#midNav2,
#quickLinks a:hover#midNav3,
#quickLinks a:hover#midNav4,
#quickLinks a:hover#midNav5 {
background-position: -271px 0;
}

/*  Social  */

#social {
	margin-bottom: 20px;
	text-align: center;
	height: 46px;
}

#social span {
	color: #FFFFFF;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	height: 17px;
}

#social img {
	width: 40px;
}

/* Homepage Section Headers */

h2 a#news {
width: 0;
height: 0;
padding: 0 0 51px 569px;
font-size: 0;
background: url('/pics/news_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
h2 a#events {
width: 0;
height: 0;
padding: 0 0 43px 297px;
font-size: 0;
background: url('/pics/events_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
h2 a#links {
width: 0;
height: 0;
padding: 0 0 43px 297px;
font-size: 0;
background: url('/pics/selected_links_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
/* Homepage Sections Containers */

#newsContainer {
width: 569px;
margin: 0;
padding: 0;
}
#eventsContainer {
width: 297px;
margin: 0;
padding: 0;
}
#linksContainer {
width: 297px;
margin: 0;
padding: 0;
}
/* Homepage Section Table Includes */

.HPNews {
padding: 0;
margin: 0;
color: #000;
}
.HPEvents {
padding: 0;
margin: 0;
color: #fff;
}
.HPLinks {
padding: 0;
margin: 0;
color: #fff;
}
/* Other homepage section extras */
#miniSectionHeader {
width: 603px;
height: 15px;
background: url('/pics/right_mini_section_top.gif') no-repeat;
}
#miniSection {
width: 586px;
padding: 0 0 0 17px;
background: url('/pics/right_mini_section_bg.gif') repeat-y;
}
#miniSectionBottom {
width: 603px;
height: 15px;
background: url('/pics/right_mini_section_bottom.gif') no-repeat;
}

.HPNews a, .HPNews a:active, .HPNews a:link {
color: #521f27;
}

.HPEvents a, .HPEvents a:active, .HPEvents a:link, .HPEvents a:visited,
.HPLinks a, .HPLinks a:active, .HPLinks a:link, .HPLinks a:visited,{
color: #fff;
}
.HPEvents #r a, .HPLinks #r a{ color:#fff;}

.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
padding-top: 6px;
}
/* Image shuffles */
#shuffle1 {
width: 587px;
height: 256px;
margin: 8px 0 0 8px;
}
#shuffle2 {
width: 514px;
height: 141px;
padding: 17px 0 0 13px;
margin: 0 0 0 18px;
background: url('/pics/rotate_bg.gif') no-repeat;
}
#rotate_overlay {
width: 587px;
height: 256px;
background: url('/pics/rotate_overlay1.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
position: absolute;
z-index: 99;
margin: 8px 0 0 8px;
*margin: 0;
}
#rotate_bg {
width: 248px;
height: 176px;
margin-left: 5px;
}


/* Right side /pages/ menus */
table#pageNav {
border:none;
}
table#pageNav td {
background-color:#FFF;
background-image:url('/pics/rightmenu_bg.jpg');
background-repeat:no-repeat;
background-position:bottom;
}
table#pageNav ul {
list-style-type:none;
min-height:100px;
padding:30px 0 0 0px !important;
margin:0px 0 80px -1px !important;
background-image:url('/pics/rightmenu_bg.jpg');

}
table#pageNav ul li {
margin:0px;
padding:0 16px;
background-image:url('/pics/rightmenu_bg_repeat.jpg');
}
table#pageNav td ul li a {
display:block;
height:21px;

padding:5px 10px 3px 25px;
text-decoration:none;
}
table#pageNav td ul li a:hover, table#pageNav td ul li a:active {
color:#FFF;
background-color:#9D6C4D;
}
table#pageNav td ul li a, table#pageNav td ul li a:visited {
color:#FFF;
}
table#pageNav td ul li b {
display:block;
height:21px;
color:#FFFFFF;
background-image:url('/pics/menuselect_bg.jpg');
padding:5px 10px 3px 25px;
}


/* Footer */

div#footer {
width: 900px;
height: 61px;
margin: 0 auto;
text-align: left;
background: url('/pics/footer.jpg') no-repeat;
}
address {
position: absolute;
left: 20px;
color: #fff;
font: 11px Arial, Helvetica, sans-serif;
padding-top: 25px;
}
#district_logo {
position: absolute;
left: 802px;
top: -7px;
width: 83px;
height: 0;
padding: 82px 0 0 0;
margin: 0;
overflow: hidden;
display: block;
background: url('/pics/school_logo.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
}
a#edunet {
width: 245px;
height: 0;
padding: 22px 0 0 0;
margin: 5px 0 0 0;
overflow: hidden;
display: block;
background: url('/pics/edunet.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
}
#edu_logo {
width: 245px;
margin: 0 auto;
}

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

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

.HPQuickPoll, .HPQuickPoll a{color:#FFFFFF !important;}


#grad_countdown{
background:url('/pics/grad_countdown.png') no-repeat scroll 0 0 transparent;
color:#FFFFFF;
height:37px;
margin:3em auto 1em;
padding:34px 10px 0;
text-align:center;
width:260px;
}

/* News Styles */

#homepage_news_list {
	margin-top: 15px;
	margin-left: 25px;
        width: 95%;
}

#homepage_news_list article {
	padding: 3px 0 3px 0;
}

/*news title*/
#homepage_news_list article h1.title a {
	color: #521F27;
	font-size: 9.5pt;
	padding: 3px 0px;
	border-bottom: none;
	margin: 0;
	font-weight: normal;
}

#homepage_news_list article h1.title a:hover {
	text-decoration: underline;
}

/*summary*/

#homepage_news_list article .summary {
	padding: 3px 0px;
}

#homepage_news_list article .summary p {
	color: black;
	font-size: 9.5pt;
	margin-top: 0;
}

/*image*/

#homepage_news_list article .thumbnail {
	float: left;
	margin: 0 10px 10px 0;
}

#homepage_news_list article .thumbnail img {
	max-height:77px;
	width: auto;
	max-width:115px;
	border:1px solid black;
}


/*show all*/
#homepage_news_list .read-more-link {
	color: #521F27;
	font-size: 9.5pt;
	font-weight: bold;
}

#homepage_news_list .read-more-link:hover {
	text-decoration: underline;
}


/* if margin or padding on 'article h1.title a' isn't taking effect, try this: */

#homepage_news_list article h1.title {
	padding: 0;
	margin: 0;
}