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

#blackout { z-index: 100; display:none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000000; opacity: 0.8; filter:alpha(opacity=80); }

/* HOMEPAGE PICTURE AND NAV SECTION */

#pic_wrapper { width: 950px; height: 350px; position: relative; border: 1px solid #003399; border-bottom: 2px solid #000000; }
#pic_container { background-color: #000000; }
#pic_caption { position: absolute; z-index: 20; width: 950px; height: 20px; background-color:#333333; opacity: 0; filter:alpha(opacity=0); margin:0; padding: 0;  }
#pic_caption p { color: #FFFFFF; font-size: 12px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding-top: 3px; }
#nav_box { position: absolute; top: 300px; z-index: 20; width: 950px; height: 50px; background-color:#333333; opacity: 0; filter:alpha(opacity=0); margin:0; padding: 0;  } 
#nav_thumbs { text-align: center; padding-top: 7px; }
#nav_thumbs ul { list-style-type: none; padding: 0; margin: 0; }
#nav_thumbs ul li { display: inline; }
#nav_thumbs ul li img { border: 1px solid #FFFFFF; margin-right: 7px; opacity: .5; filter:alpha(opacity=50); cursor: pointer;}


#emergency_message { position: absolute; top: 20px; left: 75px; z-index: 30; width: 780px; margin-right: 20px; margin-top: 5px; padding: 0; border: 1px solid #000000; background-color: #ffffff; }
#emergency_message .em_header {  background-color: red; padding: 5px 10px; color: #ffffff; border-bottom: 1px solid #000000; }
#emergency_message .em_header_right { float: right; }
#emergency_message .em_body { padding: 10px; overflow: auto; max-height: 225px;}

/* BOTTOM NAV/SEARCH Section */

#nav_bottom { height: 25px; width: 950px; background-image: url(../design_elements/nav_bottom_background.png); border-left: 1px solid #003399; border-right: 1px solid #003399; }
#nav_bottom_search { position: relative; float: right; width: 275px;}
.search_form { padding: 0; margin: 0; }
.search_input { color: #999999; width: 200px; background-color: #ffffff; border: 2px inset; }
.search_button { margin: 0; padding: 0; position: absolute; top: 2px; left: 206px; }

#body_wrapper { background-image: url('http://www.shorelineschools.org/design_elements/gradient_background.jpg'); background-repeat: repeat-x; background-color: #89b8ff; }

/* CALENDAR SECTION */

#cal_wrapper { width: 250px; float: left; }
#cal_header { padding-left: 10px;}
#cal_content { padding-left: 10px; padding-right: 10px; }
#cal_table { font-size: 11px; }
.cal_month { color: #000000; font-weight: bold; font-size: 12px; padding-bottom: 10px; }
.cal_date { font-weight: bold; vertical-align: top; padding-right: 10px; padding-bottom: 10px;}
.cal_desc { vertical-align: top; padding-bottom: 10px; }

/*mini calendar */

#mini_cal { margin-left: 2px; } /* to center the calendar in the column */
#mini_cal_nav { padding-top: 20px; padding-bottom: 5px; text-align: center; font-weight: bold; }
#outer_border { border-bottom: 1px solid #000000; border-right: 1px solid #000000; }
.mini_cal { width: 31px; height: 31px; border-left: 1px solid #000000; border-top: 1px solid #000000; vertical-align: top; }
.mini_cal_header { font-size: 10px; background-color: #ffffff; text-align: center;  }
.mini_calendar_null { background-color: #A6A6A6; }
.mini_cal_day { background-color: #ffffff; }
.mini_cal_current_day { background-color: #ff9e33; }
.mini_cal_numbers { color: #000000; font-size: 9px; padding-left: 2px; }
.mini_cal_month { font-size: 12px; font-weight: bold; color: #000000; }
.mini_cal a { color: #0066ff; text-decoration: none; outline: none; font-weight: bold; }
.mini_cal a:hover { color: #0066ff; text-decoration: underline; }
#mini_cal_footer { text-align: right; padding-right: 4px; font-size: 11px; } /* right padding is to right align the footer with the mini-calendar body which is slightly narrower than the containing div */

/*print calendars */

#print_calendars { padding-top: 10px;}
#print_calendars ul { margin: 0; padding-left: 18px; }
#print_calendars li { padding-bottom: 10px; color: #ff9e33; }

/* CALENDAR OVERLAY */
#cal_overlay { z-index: 60; position: absolute; left: 50%; margin-left: -200px; top: 50px; background-color: #000000;  height: auto; width: 400px; visibility: hidden; opacity: .9; filter:alpha(opacity=90); padding: 20px; border: 1px solid #ff9e33; cursor: move; }
.cal_overlay_close { position: absolute; left: 0; top: 0; z-index: 41; padding: 0; margin: 0; }
#cal_overlay h2 { color: #ff9e33; }
#cal_overlay_content table { color: #ffffff; font-size: 12px; }
#cal_overlay_content td { padding: 5px; vertical-align: top; }
#cal_overlay_content a { color: #0066ff; }
#cal_overlay_content p { color: #ffffff; }

/* NEWS SECTION */

#news_wrapper { width: 500px; float: left; }
#news_header { position: relative; padding-left: 10px; }
#news_header h1 { }
.left_line { position: absolute; left: 0; bottom: -12px; }
.right_line { position: absolute; right: 0; bottom: -12px; }
#news_content { border-left: 1px solid #003399; border-right: 1px solid #003399; border-bottom: 1px solid #003399; padding: 0 10px 10px 10px; background-color: #f3f7ff; margin-bottom: -1px; } /* negative margin on the bottom is to hide the bottom border unless the center colum becomes shorter than the side columns in which case the border would be visible */
.more_news_link { text-align: right; }

/* LINKS SECTION */

#links_wrapper { width: 200px; float: left; }
#links_header { padding-left: 10px; }
#links_content { padding-left: 10px; padding-right: 10px; }
#links_content ul { margin: 0; padding-left: 18px; }
#links_content li { padding-bottom: 10px; color: #ff9e33; }

/* Family Album SECTION */

#fam_album { padding: 0 0 10px 12px; }
#fam_album ul { margin: 0; padding: 0;  }
#fam_album ul li { list-style-type: none; display: block; float: left; width: 50px; margin-right: 10px; margin-bottom: 10px; }
#fam_album img { border: 1px solid #575757; opacity: .9; filter:alpha(opacity=90); }
.fam_album_footer { padding-right: 17px; text-align: right; font-size: 11px; }

#fam_album_overlay { z-index: 110; width: 322px; height: auto; display: none; position: absolute; top: 500px; left: 305px; background-color: #ffffff; border: 2px solid #000000; padding: 15px 40px;}
#fam_album_overlay_pic { width: 322px; overflow: hidden; position: relative; }
#fam_album_overlay_pic ul { margin: 0; padding: 0; width: 2898px; }
#fam_album_overlay_pic li { list-style-type: none; float: left; display: block; width: 322px; margin: 0; padding: 0; color: #000000; }
#fam_album_overlay_pic img { border: 1px solid #000000; }
#left_arrow { position: absolute; top: 160px; left: 10px; }
#right_arrow { position: absolute; top: 160px; right: 10px; }
.fam_album_overlay_close { position: absolute; top: -2px; left: -1px; }


#ch_26 { position: absolute; bottom: 20px; right: 28px; text-align: center; }