@charset "UTF-8";
/* CSS Document */
html { overflow-y: scroll; } /* fixes the scrollbar jumping issue with our centered layout */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; }
a { color: #003399; text-decoration: none; outline: none; }
a:hover { color: #0066ff; text-decoration: underline; }
a.no_underline { text-decoration: none; }
a.pdf {background: url(http://www.shorelineschools.org/design_elements/pdf_icon.gif) left no-repeat; padding-left: 18px; }
a.new {background: url(http://www.shorelineschools.org/design_elements/new.png) left no-repeat; padding-left: 32px; }

h1 { color: #0066ff; font-size: 18px; }
h2 { color: #003399; font-size: 14px; }
h3 { color: #575757; font-size: 13px; }
li { color: #000000; list-style-type: square; }

.orange_arrow_left { vertical-align: top; padding-right: 5px; }
.orange_arrow_right { vertical-align: top; padding-left: 5px; }

.grey_arrow_left { vertical-align: top; padding-right: 5px; }
.grey_arrow_right { vertical-align: top; padding-left: 5px; }

.black_border { border: 1px solid #000000; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

.rss { float: right; margin-right: 15px; margin-top: 3px; }

.clear { clear: both; }

#main_wrapper { width: 952px; margin: 0 auto; text-align: left; position: relative; background-color: #ffffff; }			

/* HEADER SECTION */
#header { position: relative; }
#header_right { float: right; width: 400px; }
.header_links { float: right; width: auto; padding-right: 15px; padding-top: 3px; }
.lang_form_wrapper { float: right; width: auto; }
.serving { position: absolute; bottom: 4px; right: 2px; }

/* LANGUAGE TRANSLATION OVERLAY */
#lang_overlay { z-index: 70; position: absolute; left: 410px; top: 150px; background-color: #000000;  height: auto; width: 100px; visibility: hidden; padding: 10px; opacity: .8; filter:alpha(opacity=80); border: 1px solid #ffffff; }
#lang_overlay p { color: #ffffff; padding: 0px; margin: 0; float: right; width: auto; }

/* TOP NAVBAR SECTION */
#nav_container { padding: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; } 
#nav_menu { float: left; list-style: none; margin: 0; padding: 0; background-image: url(http://www.shorelineschools.org/design_elements/button_background.png); width: 952px; }
#nav_menu li { float: left; list-style-type: none; width: auto; padding: 0; margin: 0; position: relative; z-index: 55; border-right: 1px solid #003399; }
#nav_menu li a { display: block; color: #fff; text-decoration: none; padding: 3px 10px; margin: 0px;   }
#nav_menu li ul { position: absolute; left: 0; z-index: 55; display: none; height: auto; float: left; width: 135px; padding: 0; margin: 0; list-style: none; border-top: 1px solid #003399; border-left: 1px solid #333333;  }
#nav_menu li ul li { width: 135px; margin: 0; padding: 0; border-bottom: 1px solid #666666; background-color: #003399; border-right: 1px solid #333333; opacity: .8; filter:alpha(opacity=80);}
#nav_menu li ul li a { display: block; text-decoration: none; padding: 5px 10px; margin: 0px; color: #fff; font-size: 11px; width: 115px; border: none; }
#nav_menu li:hover ul, #nav_menu li.over ul { display: block; }
#nav_menu li:hover, #nav_menu li.over { background-image: url(../design_elements/button_background_over.png); }
#nav_menu li li:hover a, #nav_menu li li.over { background-color: #ff9e33; }

/* MINI PICTURE SECTION */
#mini_pic_wrapper { width: 948px; overflow: hidden; background-color: #000000; padding: 0 1px; position: relative; border-left: 1px solid #003399; border-right: 1px solid #003399; }
#mini_pic_wrapper ul { width: 1896px; padding: 0; margin: 0; }
#mini_pic_wrapper li { float: left; width: 156px; height: 100px; list-style-type: none; margin: 0; padding: 2px 1px; }
#left_pic_nav { position: absolute; top: 0px; left: 0px; height: 100px; width: 158px; background-color: #000000; opacity: 0; filter:alpha(opacity=0); color: #ffffff; text-align: center; padding-top: 39px; }
#right_pic_nav { position: absolute; top: 0px; right: 0px; height: 100px; width: 158px; background-color: #000000; opacity: 0; filter:alpha(opacity=0); color: #ffffff; text-align: center; padding-top: 39px; }


/* BODDY SECTION */
#body_wrapper { position: relative; border: 1px solid #003399; border-top: none; background-color: #f3f7ff; float: left; width: 950px;}
#body_content_header { margin: 0 20px 20px 20px; padding-top: 20px; border-bottom: 1px solid #ff9e33;}
#body_content_header h1 { margin: 0px; }
#body_content_header_right { float: right; }
#body_content { padding: 0 20px 20px 20px; }
#body_content p { line-height: 1.5em; }
#body_content li { line-height: 1.5em; }

/* RIGHT NAV BOX SECTION */
#right_nav { width: 180px; float: right; background-image: url(http://www.shorelineschools.org/design_elements/gradient_background.jpg); background-repeat: repeat-x; background-color: #89b8ff; border: 1px solid #003399; margin-left: 15px; padding: 10px; margin-bottom: 15px; }
#right_nav ul { color: #ff9e33; margin: 0; padding-left: 18px; }
#right_nav li {  padding-bottom: 5px; color: #ff9e33; }
#right_nav_header { color: #ff9e33; font-weight: bold; font-size: 14px; margin-bottom: 10px; border-bottom: 1px solid #ff9e33; }

#left_nav { width: 180px; float: left;  background-color: #ffffff; border: 1px solid #000000; margin-right: 15px; padding: 10px; margin-bottom: 15px; font-size: 11px; }
#left_nav ul { color: #ff9e33; margin: 0; padding-left: 18px; }
#left_nav li {  padding-bottom: 5px; color: #000000; }
#left_nav_header { color: #003399; font-weight: bold; font-size: 14px; margin-bottom: 10px; border-bottom: 1px solid #003399; }

/* FOOTER SECTION */
#footer_wrapper { height: 50px; width: 952px; background-image: url(http://www.shorelineschools.org/design_elements/nav_bottom_background.png); background-repeat:repeat-x; background-position:bottom;text-align: center; background-color: #003399; margin-bottom: 20px; }
#footer_wrapper p { color: #ffffff; font-size: 10px; line-height: 16px; padding: 0; margin: 0; padding-top: 4px; }
#footer_wrapper a { color: #ff9e33; }
#footer_wrapper a:hover { color: #ffffff; }