@import url("/apps/js/polls/polls-pack.css");
/* behavior: url('/apps/shared/iepngfix.htc'); */


/* General */

/*

stuff for PIE

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/PIE.htc);

*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


.clear {
	padding: 0;
	margin: 0;
	clear: both;
}

.preload {
	height: 0;
	width: 0;
	position: absolute;
	top: -99999px;
	left: -99999px;
}

html {
}

body {
	background: url('/pics/body_bg.jpg') center top;
	margin: 0 0 0 0;
	padding: 0;
	font: 13px Arial, Helvetica, sans-serif;
}

div#wrapper {
	margin: 0 auto;
	width: 900px;
	padding: 4px;
	text-align: left;
	background: #eae6de;
	-webkit-box-shadow: rgba(0,0,0,.5) 0px 0 24px;
	-moz-box-shadow: rgba(0,0,0,.5) 0px 0 24px;
	box-shadow: rgba(0,0,0,.5) 0px 0 24px;
}

.content {
	text-align: left;
	min-height: 400px;
	height: auto!important;
	height: 400px;
	width: 884px;
	padding: 8px;
}

body.index .content {
	width: 900px;
	padding: 0;
}

body.index h2 {
	padding: 0;
	margin: 0;
}

.pageTitle {
	display: block;
	width: 874px;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	font-family: Times, serif;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	text-transform: uppercase;
}

/* Header */

#header {
	width: 900px;
	height: 225px;
	margin: 0 auto;
	position: relative;
	z-index: 99;
	background: url('/pics/header.jpg');
}

div#topbar {
	width: 900px;
	height: 26px;
	margin: 0 auto;
	padding-top: 9px;
	position: relative;
}

#search {
	width: 123px;
	height: 18px;
	float: left;
	margin: 0 0 0 5px;
	display: inline;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}

#search form#searchbox {
	margin: 0;
}

#search form#searchbox input#q {
	width: 99px; 
	height: 14px; 
	border: 0; 
	padding: 2px; 
	*margin-top: -1px; 
	background: transparent;
}

#search form#searchbox input#image {
	vertical-align: top; 
	margin-left: -4px;
}

a#translate_link {
	width: 102px;
	height: 18px;
	text-align: center;
	color:#fff;
	font-size:16px;
	font-family: Times, serif;
	background: #1b4405;
	float: left;
	display: inline;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
marquee {
	width: 670px;
	height: 18px;
	color: #000;
	padding: 0 0 0 0;
	font-family: Times, serif;
	font-size: 15px;
	float: left;
	margin: 0;
	display: inline;
}

div#header h1 {
	margin: 0;
	padding: 0;
}

div#header h1 a {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0 0 188px 900px;
	overflow: hidden;
	display: block;
}


/* Navigation menu */

div#topnav {
	height: 32px;
	padding-top: 3px;
	float: right;
	left: -50%;
	position: relative;
}

#topnav ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	left: 50%;
	z-index: 999;
}
#topnav ul li {
	list-style: none;
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 999;
}

#topnav ul li a {
	height: 0;
	display: block;
	overflow: hidden;
	padding: 32px 0 0 0;
	background-position: 0 0;
}
#topnav ul li#topnav1 a { width: 58px; background: url('/pics/topnav/topnav1.png') no-repeat; }
#topnav ul li#topnav2 a { width: 104px; background: url('/pics/topnav/topnav2.png') no-repeat; }
#topnav ul li#topnav3 a { width: 99px; background: url('/pics/topnav/topnav3.png') no-repeat; }
#topnav ul li#topnav4 a { width: 89px; background: url('/pics/topnav/topnav4.png') no-repeat; }
#topnav ul li#topnav5 a { width: 135px; background: url('/pics/topnav/topnav5.png') no-repeat; }
#topnav ul li#topnav6 a { width: 111px; background: url('/pics/topnav/topnav6.png') no-repeat; }
#topnav ul li#topnav7 a { width: 88px; background: url('/pics/topnav/topnav7.png') no-repeat; }
#topnav ul li#topnav8 a { width: 101px; background: url('/pics/topnav/topnav8.png') no-repeat; }
#topnav ul li#topnav9 a { width: 83px; background: url('/pics/topnav/topnav9.png') no-repeat; }

#topnav ul li:hover a, #topnav ul li.over a {
	background-position: 0 -32px!important;
}

/* Drop down items */

#topnav ul ul {
	border: 0;
	-moz-opacity:.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity:.90;
}
#topnav ul ul, 
#topnav ul li:hover ul ul, #topnav ul li.over ul ul, 
#topnav ul li:hover ul ul ul, #topnav ul li.over ul ul ul,
#topnav ul li:hover ul ul ul ul, #topnav ul li.over ul ul ul ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
	width: 184px;
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
}
#topnav ul ul li {
	margin: 0;
	float: none;
	display: inline-block;
}
#topnav ul li:hover ul, #topnav ul li.over ul {
	left: auto;
	background: none;
}
#topnav ul ul li:hover ul, #topnav ul ul li.over ul,
#topnav ul ul ul li:hover ul, #topnav ul ul ul li.over ul,
#topnav ul ul ul ul li:hover ul, #topnav ul ul ul ul li.over ul {
	position: absolute;
	top: 0;
	left: 100%;
}
/* Drop down items colors and formatting */

#topnav ul li:hover ul li a, #topnav ul li.over ul li a {
	line-height: 16pt;
	text-align: left;
	text-decoration: none;
	padding: 6px 5px 5px 8px;
	height: auto!important;
	width: 170px!important;
	color: #fff;
	background: #173706 none!important;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}
#topnav ul li ul li a:hover, 
#topnav ul li ul li:hover a, #topnav ul li ul li.over a,
#topnav ul li ul li:hover ul a:hover, #topnav ul li ul li.over ul a:hover,
#topnav ul li ul li ul li:hover a, #topnav ul li ul li ul li.over a,
#topnav ul li ul li ul li:hover ul a:hover, #topnav ul li ul li ul li.over ul a:hover,
#topnav ul li ul li ul li ul li:hover a, #topnav ul li ul li ul li ul li.over a,
#topnav ul li ul li ul li ul li:hover ul a:hover, #topnav ul li ul li ul li ul li.over ul a:hover {
	text-decoration: underline;
}
#topnav ul li ul li:hover ul a, #topnav ul li ul li.over ul a,
#topnav ul li ul li ul li:hover ul a, #topnav ul li ul li ul li.over ul a,
#topnav ul li ul li ul li ul li:hover ul a, #topnav ul li ul li ul li ul li.over ul a {
	color: #fff;
	background: #173706;
}
/* Index properties */

#index_main {
	width: 900px;
	height: 401px;
	background: url('/pics/index_main.jpg') top left no-repeat;
	position: relative;
}

div#news_container {
	position: absolute;
	top: 110px;
	left: 409px;
	width: 465px;
}
/* Homepage Section Headers */

body.index h2 a {
	width: auto;
	height: 0;
	text-decoration: none;
	display: block;
	margin: 0;
	overflow: hidden;
}

#news_container h2 a {
	padding-top: 33px;
	background: url('/pics/news_header.png') no-repeat;
	margin-bottom: 15px;
}

/* Homepage Sections Containers */

.hpcontainer {
	min-height: 150px;
	height: auto!important;
	height: 150px;
}

/* Homepage Section Table Includes */

.HPNews, .HPBBMessages, .HPLinks {
	padding: 0;
	margin: 0;
	color: #000;
}


/* Other homepage section extras */

.HPNews a, .HPNews a:active, .HPNews a:link, .HPNews a:visited, 
.HPBBMessages a, .HPBBMessages a:active, .HPBBMessages a:link, .HPBBMessages a:visited, 
.HPLinks a, .HPLinks a:active, .HPLinks a:link, .HPLinks a:visited {
	color: #000;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}

.HPNews a:hover {
	text-decoration: underline;
}

.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
	padding-top: 8px;
}

/* Image shuffles */

#shuffle1 {
	width: 371px;
	height: 355px;
	position: absolute;
	top: 23px;
	left: 23px;
}

#buttons {
	position: absolute;
	top: 16px;
	left: 425px;
}

#buttons ul {
	padding: 0;
	margin: 0;
}

#buttons ul li {
	display: inline-block;
	float: left;
}

#buttons ul li a {
	display: block;
	overflow: hidden;
	height: 0;
	width: 172px;
	padding-top: 72px;
	margin-left: 35px;
}

#buttons li#middle_school a { background: url('/pics/button_middle.png'); }
#buttons li#calendar a { background: url('/pics/button_calendar.png');}

/* Footer */

#footer {
	width: 900px;
	margin: 0 auto 15px;
}
#footer address {
	color: #000;
	padding: 13px 0 0 0;
	font-style: normal;
	font-size: 14px;
	float: right;
}

#footer address a { color: inherit; }

a#edlio {
	width: 245px;
	height: 0;
	padding: 22px 0 0 0;
	margin: 0 0 30px 0;
	overflow: hidden;
	display: block;
	background: url('/pics/edlio.png') no-repeat;  
}
#edlio_logo {
	width: 245px;
	margin: 0 auto;
}

#social {
	float: left;
	font-size: 12px;
	padding-top: 10px;
}

#social a {
	width: 21px;
	padding-top: 21px;
	height: 0;
	display: inline-block;
	overflow: hidden;
	position: inline-block;
	vertical-align: middle;
}

#social a#facebook { background: url('/pics/facebook.png');}
#social a#twitter { background: url('/pics/twitter.png');}

/* PageNav */
#pageNav {
	border: none;
	width: 250px;
	background: #376220 url('/pics/pagenav_bg.png') top left repeat-x;
}
#pageNav img {
	display: none;
}

#pageNav ul {
	list-style: none;
	padding: 25px 0 0!important;
	margin: 0!important;
}

#pageNav ul li {
	margin-bottom: 15px;
}

#pageNav ul li a, #pageNav ul li b {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 8px 12px 8px 35px;
	width: 203px;
	font-size: 14px;
}

#pageNav ul li a:hover {
	text-decoration: underline;
}

#pageNav ul li b {
	background: #cab48d;
	color: #284817;
}