/* CSS Document */ body { color: #000033; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; /* sets base font size at 10px for ease of multiplying and using ems -- 16px x 62.5% = 10px */ color: #000033; background-color: #660000; background-image: url(images/background_stars.gif); background-repeat: repeat; } /* places a border, sets the size of the main table and general font size */ #border { border: 1px solid #FFFFFF; width: 770px; font-size:1em; } /* container for main content */ .content { font-size: 1.1em; padding: 2px 5px 3px; } /* heading styles */ h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #660000; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #000033; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #660000; font-style: italic; } h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #999999; left: 3px; text-indent: 2px; margin: 0px; } h5 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: 000033; left: 3px; text-indent: 2px; margin: 0px; font-style: italic; } h6 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: 660000; left: 3px; text-indent: 2px; margin: 0px; font-style: italic; } /* main link styles */ a:link { color: #660000; } a:visited { color: #000033; } a:hover { color: #333333 } a:active { color:#333333; } /* main navigation on left side */ .nav { font-family: Arial, Helvetica, sans-serif; width: 100%; padding: 0 0 .8em; margin-bottom: .8em; background-color: #660000; color: #ffffff; font-size: 1.2em; } .nav a { color: #ffffff; } .nav a:visited { color: #999999; } .nav a:hover { color:#ffffff; } .nav ul { list-style: none; border: none; border-top: 1px solid #660000; margin: 0; padding: 0; } .nav li { margin: 0; border-bottom: 1px solid #330000; } .nav li a { display: block; padding: 5px 2px 5px 0.3em; border-left: .5em solid #660000; border-right: .5em solid #660000; text-decoration: none; width: 80%; } html>body .nav li a { width: auto; } .nav li a:hover { color:#ffffff; border-left: .5em solid #330000; } /* secondary navigation on right */ .right_nav { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; width: 100%; padding: 0 0 1em; margin-bottom: 1em; background-color: #999999; color: #ffffff; text-align: right; } .right_nav ul { list-style: none; text-align: right; margin: 0; padding: 0; border: none; } .right_nav li { margin: 0; border-top: 1px solid #666666; border-bottom: 1px solid #ffffff; text-align: right; } .right_nav li a { display: block; padding: 3px 0.5em 3px 1em; border-right: .5em solid #999999; border-left: .5em solid #999999; color: #000033; text-decoration: none; width: 90%; } html>body .right_nav li a { width: auto; } .right_nav li a:visited { color: #333333; } .right_nav li a:hover { border-right: .5em solid #660000; color:#000033; } /* These styles are for the navigation links, to help users know where they are within the website. Activate the appropriate style within a page by placing the corresponding id selector within the tag. For example: on the Home page use the following: */ #home .nav li a.z_home, #calendars .nav li a.z_calendars, #data .nav li a.z_data, #menu .nav li a.z_menu, #handbook .nav li a.z_handbook, #parents .nav li a.z_parents, #mealpayment .nav li a.z_mealpayment, #enrollment .nav li a.z_enrollment, #mission .nav li a.z_mission, #safety .nav li a.z_safety, #program .nav li a.z_program, #joplin .nav li a.z_joplin { color:#ffffff !important; background-color:#330000 !important; border-left: .5em solid #330000 !important; border-right: .5em solid #330000 !important; } #album .right_nav li a.z_album, #afterschool .right_nav li a.z_afterschool, #pto .right_nav li a.z_pto, #newsletter .right_nav li a.z_newsletter, #websites .right_nav li a.z_websites, #greatexpect .right_nav li a.z_greatexpect, #pbs .right_nav li a.z_pbs,#stuco .right_nav li a.z_stuco, #trek .right_nav li a.z_trek, #outdoor .right_nav li a.z_outdoor, #partners .right_nav li a.z_partners, #archive .right_nav li a.z_archive, #achievers .right_nav li a.z_achievers, #staff .right_nav li a.z_staff, #emints .right_nav li a.z_emints, #ejoplin .right_nav li a.z_ejoplin, #athletics .right_nav li a.z_athletics, #activities .right_nav li a.z_activities, #library .right_nav li a.z_library, #first .right_nav li a.z_first, #second .right_nav li a.z_second, #third .right_nav li a.z_third, #fourth .right_nav li a.z_fourth, #fifth .right_nav li a.z_fifth, #sixth .right_nav li a.z_sixth { color:#ffffff !important; background-color:#660000 !important; border-left: .5em solid #660000 !important; border-right: .5em solid #660000 !important; } /* header font & link style */ .header { color: #ffffff; } .header a:link { color: #cccccc; } .header a:visited { color: #999999; } .header a:hover { color: #ffffff; } .header a:active { color: #ffffff; } /* footer font & link styles */ .footer { font-size: 1em; color: #ffffff; } .footer a { font-size: 1em; color: #ffffff; } .footer a:visited { color: #cccccc; } .footer a:hover { color: #cccccc; } .footer a:active { color: #cccccc; } .sch_name { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; color: #FFFFFF; } .principal { padding: 2px 0px 2em 3em; width: 100px; float: right; text-align: center; height: 100%; } .yel { color: #cc9900; } .burg { color: #660000; } .month { color:#003366; font-size: 1.4em; } .img_right { margin: 2px; padding: 2px; float: right; } .img_left { margin: 2px; padding: 2px; float: left; } #eagle { margin-top: 3px; margin-bottom: 1px; padding-top: 3px; padding-bottom: 1px; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } .small { font-size: .9em; }