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

@charset "UTF-8";
/* CSS Document */

/* General */

html {
        padding:0;
    margin:0;
}
body {
        background-image:url('/pics/body_bg.gif');
        background-repeat:no-repeat;
        background-position:top center;
    background-color:transparent;
        margin: 0;
        padding: 0;
        height:100%;
    font: 12px Arial, Helvetica, sans-serif;
}
div#wrapper {
        margin: 0 auto;
        padding:0;
        width: 100%;
    height:auto !important;
    height:100%;
    min-height:100%;
    
        text-align: left;
    position:relative;
}
.contentIndex {
        text-align: left;
        width: 900px;
        margin:0 auto;
        min-height: 400px;
        height: auto!important;
        height: 400px;
}
.content {
        text-align: left;
        background: #FFF;
        width: 884px;
        padding: 8px;
    margin:0 auto;
        min-height: 400px;
        height: auto!important;
        height: 400px;
}
.content img.sub {
	margin:10px 1px 1px;
    border:none;
}
.contentIndex, .content {
        padding-bottom: 133px; 
}

.content{
	min-height:500px;
	
}
.contentIndex h2 {
        padding: 0;
        margin: 0;
}
.relative {
        position: relative;
}
.pageTitle {
        display: block;
        width: 864px;
        height: 30px;
        padding: 10px 0 0 20px;
        margin-bottom: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        background: url('/pics/PageTitle.gif') repeat-x left top;
        text-transform: uppercase;
}
#searchbar {
        color: #000;
        font-weight: bold;
        right:0px;
        top:10px;
        position:absolute;
        background-color:#fff;
        padding:1px 0;
        margin-top: 10px;
}
#googleTranslate {
        margin: 0; 
        margin-top: 10px;
        position:absolute;
        top:10px;
        right:154px;
}
marquee {
        width: 865px;
        height: 18px;
        background: #fff;
        color: #000;
        padding: 8px 0px 8px;
        font-family:"Times New Roman", Times, serif;
    font-size:15px;        
}

/* Header */
div#header {
        position: relative;
    z-index:9000;
        background-image:url('/pics/district/header3.jpg');
    background-repeat:no-repeat;
    width:900px;
    margin:0 auto;
}

div#header h1 {
        width: 900px;
        height: 154px;
        margin: 0;
        padding: 0;
}

div#header h1 a {
        display: block;
        height: 0;
        padding-top: 154px;
        width: 900px;
        overflow: hidden;
        position: relative;
        z-index: 999;
        font-size: .2em;
}

/* Navigation menu */

div#menu {
        width: 900px;
        height: 46px;
        padding-bottom:13px;
        position: relative; /* do not remove, this fixes something for IE6 */
        z-index: 9999;
    margin:0 auto;
}
ul#topNavItems {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        padding-left:20px;
        width: 880px;
        position: relative;
        z-index: 9999;
}
ul#topNavItems li {
        list-style: none;
        display: inline;
        padding: 0;
        margin: 0;
        float: left;
        position: relative;
        z-index: 999;
}
ul#topNavItems li a {
        height: 0;
        display: block;
        overflow: hidden;
        padding: 46px 0 0 0;
        margin:0 3px;
        background-position: 0 0;
}
ul#topNavItems li a#topNav1 { background: url('/pics/district/topNav1.gif') no-repeat; }
ul#topNavItems li a#topNav2 { background: url('/pics/district/topNav2.gif') no-repeat; }
ul#topNavItems li a#topNav3 { background: url('/pics/district/topNav3.gif') no-repeat; }
ul#topNavItems li a#topNav4 { background: url('/pics/district/topNav4.gif') no-repeat; }
ul#topNavItems li a#topNav5 { background: url('/pics/district/topNav5.gif') no-repeat; }
ul#topNavItems li a#topNav6 { background: url('/pics/district/topNav6.gif') no-repeat; }
ul#topNavItems li a#topNav7 { background: url('/pics/district/topNav7.gif') no-repeat; }
ul#topNavItems li a#topNav8 { background: url('/pics/district/topNav8.gif') no-repeat; }
ul#topNavItems li a#topNav9 { background: url('/pics/district/topNav9.gif') no-repeat; }

ul#topNavItems li a#topNav_district { background: url('/pics/nelc/topNav_district.gif') no-repeat; }

ul#topNavItems li:hover a, ul#topNavItems li.over a {
        background-position: 0 -46px !important;
}
/* 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;
        padding: 0;
        z-index: 9999;
        font: 12px Arial, Helvetica, sans-serif;
}
ul#topNavItems ul li {
        margin: 0;
}
ul#topNavItems li:hover ul, ul#topNavItems li.over ul {
        z-index: 9999;
        left: auto;
        background: none;
}
ul#topNavItems ul li:hover ul, ul#topNavItems ul li.over ul {
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 100%;
}
/* Drop down items colors and formatting */

ul#topNavItems ul {
        border: 0;
}

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: #344f88;
}
ul#topNavItems li ul li a:hover, ul#topNavItems li ul li:hover a, ul#topNavItems li ul li:hover ul a:hover, ul#topNavItems li ul li.over a, ul#topNavItems li ul li.over ul a:hover {
        color: #fff;
        background: #f17802;
}
ul#topNavItems li ul li:hover ul a, ul#topNavItems li ul li.over ul a {
        color: #fff;
        background: #344f88;
}
/* Index properties */

#indexTop {
        position:relative;
        width:900px;
        height:253px;
}
#columns {
        width:900px;
}
.sideColumn {
        width: 310px;
        float: left;
}
.centerColumn {
        width: 590px;
        float: left;
}

/* Quicklinks */

#quickLinks {
        width: 220px;
        float:left;
        padding: 0;
        margin: 40px 0 0 0px;
    margin-left:-11px;
        z-index:92;
        position:relative;
}
#quickLinks h2 {
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
}
#quickLinks ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 220px;
    height:200px;
        overflow:auto;
}
#quickLinks ul li {
        width: 220px;
        float: left;
}
#quickLinks a {
        width: 219px;
        text-decoration: none;
        height:0;
        padding:38px 0 0 0;
        line-height:31px;
        margin: 0;
        overflow: hidden;
        display: block;
        color: #FFF;
        font: 12px Arial, Helvetica, sans-serif;
    
    background-position:right;
}

#quickLinks a#midNav1 {        background: url('/pics/quicklink1.png') no-repeat; }
#quickLinks a#midNav2 {        background: url('/pics/quicklink2.png') no-repeat; }
#quickLinks a#midNav3 {        background: url('/pics/quicklink3.png') no-repeat; }
#quickLinks a#midNav4 { background: url('/pics/quicklink4.png') no-repeat; }
#quickLinks a#midNav_family { background: url('/pics/qlink_family.png') no-repeat; }


#quickLinks a:hover {
        background-position: -220px 0 !important;
}

/* Homepage Section Headers */

.sideColumn h2 a {
        padding: 35px 0 0 0;
        width:100%;
}
.centerColumn h2 a {
        padding: 35px 0 0 0;
        width:100%;
}        
h2 a#news, h2 a#bulletin, h2 a#events, h2 a#links, h2 a#mission, h2 a#message, h2 a#coordinator-message, h2 a#vision{
        height: 0;
        font-size: 0;
        display: block; 
        margin: 0;
        overflow: hidden;
}

h2 a#news { background: url('/pics/news_header.gif') no-repeat left top; }
h2 a#bulletin {        background: url('/pics/bulletin_header.gif') no-repeat left top; }
h2 a#events { background: url('/pics/events_header.gif') no-repeat left top; }
h2 a#links { background: url('/pics/selected_links_header.gif') no-repeat left top; }
h2 a#mission { background: url('/pics/district/mission_header.gif') no-repeat left top;}
h2 a#message { background: url('/pics/message_header.gif') no-repeat left top;}
h2 a#coordinator-message { background: url('/pics/coordinator_message_header.gif') no-repeat left top;}
h2 a#vision { background: url('/pics/ms/vision_header.gif') no-repeat left top;}
/* Homepage Sections Containers */

.sideColumn .container, .centerColumn .container {
        min-height: 80px;
        height: auto!important;
        height: 80px;                
}
.sideColumn .container {
        width:235px;
        margin-bottom:25px;
        padding:14px 25px 14px 50px;
}
.centerColumn .container {
        width:515px;
        margin-bottom:25px;
        padding:14px 25px 14px 50px;
}

/* Homepage Section Table Includes */

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

/* Other homepage section extras */

.HPNews a, .HPNews a:active, .HPNews a:link, .HPEvents a,
.HPEvents a:active, .HPEvents a:link, .HPDirectory a, .HPDirectory a:active, .HPDirectory a:link,
.HPBBMessages a, .HPBBMessages a:active, .HPBBMessages a:link,
.HPLinks a, .HPLinks a:active, .HPLinks a:link,
.HPMemoirs a, .HPMemoirs a:active, .HPMemoirs a:link {
        color: #000;
}
.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
        padding-top: 6px;
}

/* Image shuffles */
#rotate_overlay {
        position:absolute;
        width:679px;
        height:247px;
        z-index: 91;
        left:0;
        top:0;
}
#shuffle1 {
        width: 655px;
        height: 215px;
        float:left;
        padding: 16px 18px;
        position: relative;
        z-index: 90;
}
#rotate_overlay2 {
        position:absolute;
        width:310px;
        height:145px;
        z-index: 92;
        left:0;
        top:0;        
}
#shuffle2 {
        width:310px;
        height:145px;
        padding:0;
    position:relative;
    z-index:91;
}
/* Footer */

div#footer {
        width: 100%;
        height: 127px;
        text-align: left;
        background: url('/pics/footer.gif') repeat-x center top #4966AA;
    position:absolute;
    bottom:0;
}
div#footer_inner {
        width:900px;
        height:113px;
        margin:0 auto;
        padding:0;
}
address {
        color: #fff;
        font: 13px "Times New Roman", Times, serif;
        text-align: left;
        position: absolute;
        left: 80px;
        top:10px;
}
#district_logo {
        position: absolute;
        left: 887px;
        top: 35px;
        width: 60px;
        height: 0;
        padding: 52px 0 0 0;
        margin: 0;
        overflow: hidden;
        display: block;
        background: url('/pics/district_logo.png') no-repeat; 
        behavior: url('/apps/shared/iepngfix.htc');
}
a#edunet {
        width: 210px;
        height: 0;
        padding: 25px 0 0 0;
        margin: 0;
        overflow: hidden;
        display: block;
        background: url('/pics/edunet_blue.gif') no-repeat; 

}
#edu_logo {
        width: 210px;
        margin: 0 auto;
        position:absolute;
    right:0;
    top:88px;
}

div#ratingNotice {
        font-size: 13px;
        color: #000;
        margin: 15px 0 0 80px;
        width: 95%;
}

/***   Quickpolls   ***/
.HPQuickPoll h2 {
    width: 310px;       /* header width  */
        height: 0;
    margin-top:20px;
        padding: 35px 0 0 0; /* header height */
        overflow: hidden;
        
    background-image:url('/pics/quick_poll_header.gif');
    /* default background image is /pics/pics/quick_poll_header.png  */
}
.HPQuickPoll .bar-color {
    background-color: #3e5795;   /* results bar color */
}
.HPQuickPoll {
    width: 310px;
}
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only, .HPQuickPoll .question {
        margin:0 auto;
        width:70%;
    padding:2px;
    text-align:left;
}
.HPQuickPoll .quickpoll {
        width: 310px;
          margin-bottom: 10px;
        padding-bottom: 10px;
}



a#sat {
display:block;
float:left;
overflow:hidden;
        padding:62px 145px 0 0;
    width:0;
    height:0;
    background-image:url('/pics/sat.gif');
}
div#wotd {
float:left;
    width:145px;
    height:57px;
    background:transparent url(/pics/wotd.gif) no-repeat scroll 0 0;
    color:#fff;
         padding-top:5px;
    text-align:center;
}
div#wotd b {display:none;}

#footercopy{
	color: #FFFFFF;
				    font-size: .9em;
				    left: 79px;
				    position: absolute;
				    top: 38px;
				    width: 800px;
}