﻿body { margin: 0 auto; text-align: center; font-family: Verdana; font-size: 11px; background-color: #FFF; font-family: Tahoma, Sans-Serif; }

a { color: #FF0000; text-decoration: none; }

h1 { font-size: 20px; font-family: Arial; font-style: italic; margin-bottom: 20px; }

h2 { font-size: 14px; font-family: Arial; font-style: italic; font-weight: bold; }

.instructional { font-size: 10px; font-style: italic; }

.image { border: solid 1px #CCC !important; padding: 10px; float: left; }

input { width: 250px;padding: 4px;}

#wrapper { width: 755px; margin: 0 auto; }

#header { width: 755px; height: 121px; background-image: url(Images/Header.jpg); background-repeat: no-repeat; text-align: left; }

#headerMenu { color: #02024a; font-size: 11px; width: 375px; text-align: left; padding: 5px 0 0 8px; font-weight: bold; }

#headerMenu a:hover { color: #02024a; }

#contentWrapper { background-image: url(Images/ContentBackground.jpg); background-repeat: repeat-y; }

#menu { height: 35px; background-image: url(Images/MenuBackground.jpg); background-repeat: repeat-x; margin: 0 6px 0 7px; }

.schoolBackground { background-image: url(Images/School.jpg); background-repeat: no-repeat; width: 722px; height: 142px; }

.missionStatement { padding: 16px 0 20px 32px; width: 225px; height: 75px; font-size: 10px; font-weight: bold; font-family: Arial; }

.missionStatement span { color: #FF0000; text-transform: uppercase; }

#content { min-height: 500px; height: auto !important; height: 500px; padding: 20px; text-align: left; }

.breadcrumb { float: right; }

#leftContent { width: 500px; float: left; }

#leftContent ul { margin-left: 20px}
#leftContent p { padding: 10px 0}

#rightContent { width: 200px; float: right; }

.rightContent { background-color: #FFFFCE; border: solid 1px #CCCCCC; padding: 10px; }

.rightContentImage { border: solid 1px #CCC !important; }

.headline { text-align: justify; font-family: Verdana !important; font-size: 11px !important; }
.headline a { color: #FF0000 !important; }

#footer { width: 755px; height: 119px; background-image: url(Images/FooterBackground.jpg); background-repeat: no-repeat; }

#footerLinks { height: 83px; }

#footerMenu { font-weight: bold; font-size: 10px; color: #02024a; }

#footerMenu a { margin: 0 3px; }

#footerMenu a:hover { color: #02024a; }

.Menu { width: 741px; font-family: Arial; font-size: 16px; font-weight: bold; border: #02024a solid 1px; border-left: none; }
.Menu ul.AspNet-Menu ul /* Tier 2 */ { text-align: center; }
.Menu li { list-style: none; float: left; border-left: #02024a solid 1px; }
.Menu a.AspNet-Menu-Link { text-decoration: none; padding: 5px 22px; }
.Menu span.AspNet-Menu-NonLink { border: none; padding: 5px 10px 5px 10px; color: #FFF; }
.Menu ul li ul li { width: 112px; border: solid 1px #000; border-top: none; height: 35px; background-image: url(Images/MenuBackground.jpg); background-repeat: repeat-x; top: 1px; left: -2px; }
.Menu a, .Menu span { color: #FFFFFF; }
.Menu li:hover a, .Menu li:hover span, .Menu li.AspNet-Menu-Hover a, .Menu li.AspNet-Menu-Hover span, .Menu li:hover li:hover a, .Menu li:hover li:hover span, .Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .Menu li:hover li:hover li:hover a, .Menu li:hover li:hover li:hover span, .Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span { color: #4544DD; }

.pageTotal { float: left; }
.pages { text-align: right; background-color: #EFEFEF; padding: 5px; border: solid 1px #000; }

.SiteMapTree div.AspNet-TreeView ul li { white-space: nowrap; padding: 3px 0 3px 0; font-size: small; font-family: Tahoma; padding-left: 15px; }
.SiteMapTree div.AspNet-TreeView ul li ul li { padding-left: 15px; }
.SiteMapTree div.AspNet-TreeView ul ul { margin: 2px 0 2px 10px; }
.SiteMapTree div.AspNet-TreeView li a { text-decoration: none; }
.SiteMapTree div.AspNet-TreeView li a:hover { color: #4545DD; }
.SiteMapTree div.AspNet-TreeView li.AspNet-TreeView-Root { }
.SiteMapTree div.AspNet-TreeView li.AspNet-TreeView-Parent { }
.SiteMapTree div.AspNet-TreeView li.AspNet-TreeView-Leaf { margin-left: 20px; }
.SiteMapTree div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer; }
.SiteMapTree div.AspNet-TreeView .AspNet-TreeView-Collapse { width: 15px; margin-right: 5px; float: left; cursor: pointer; font-family: Courier; font-size: large; line-height: 15px; }
.SiteMapTree div.AspNet-TreeView li.AspNet-TreeView-Leaf { background-position: left center; background: url(Images/Icons/Arrow.png) center left no-repeat; }
.SiteMapTree div.AspNet-TreeView .AspNet-TreeView-Parent { background: url(Images/Icons/Arrow.png) 20px 6px no-repeat; }
.SiteMapTree div.AspNet-TreeView .AspNet-TreeView-Root { background: url(Images/Icons/Arrow.png) 20px 6px no-repeat; }

/* Directions */
#message { border: solid 1px #000; padding: 5px; margin: 20px 0; display: none; }

/* Contact */
body.contact #content { background: url(Images/ContactBackground.gif) 50px 100px no-repeat; }

/* Sitemap */
body.sitemap #content { background: url(Images/Sitemap.gif) 50px 100px no-repeat; }

/* Recent Events */
.recentEvents { border: solid 1px #CCCCCC; }

.rightColumnHeader { background-color: #4545DD; padding: 5px; color: #FFF; background: url(Images/RightColumnHeaderBackground.gif) repeat-x; }

.rightColumnFooter { background-color: #4545DD; padding: 5px; text-align: right; font-style: italic; }

.rightColumnFooter a { color: #FFF; }

.alternateRow { background-color: #DFDFFF; padding: 5px; }

.row { padding: 5px; }

/* Bell Schedule */
.bellSchedule { width: 100%; }

.bellSchedule td { padding: 5px; }

.scholarshipWinners ul { margin: 10px 40px; }
body.jrotc #leftContent div { text-align: justify !important; }
body.jrotc .image { border: solid 1px #CCC !important; padding: 10px; float: none; }

/*
    Website
*/
.websiteDescription { float: left; }
.websiteImages { padding: 10px; float: left; width: 100px; }
.websiteImages img { border: solid 1px #000 !important; }

.callouts a { margin-bottom: 10px; display: block; }
.callouts { margin-bottom: 10px; }

.ibMenu { font-family: Arial; font-size: 14px; background-color: #EFEFEF; width: 200px; border: solid 1px #000; border-bottom: none; margin-bottom: 20px; }
.ibMenu ul.AspNet-Menu ul /* Tier 2 */ { text-align: center; }
.ibMenu li { list-style: none; float: left; }
.ibMenu a.AspNet-Menu-Link { text-decoration: none; height: 12px; line-height: 12px; padding: 10px; }
.ibMenu ul li ul { display: none; }
.ibMenu a, .Menu span { font-weight: bold; color: #FF0000; border-bottom: solid 1px #000; }
.ibMenu a:hover { background-color: #4545DD; }
.ibMenu li:hover a, .ibMenu li:hover span, .ibMenu li.AspNet-Menu-Hover a, .ibMenu li.AspNet-Menu-Hover span, .Menu li:hover li:hover a, .Menu li:hover li:hover span, .ibMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .ibMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .ibMenu li:hover li:hover li:hover a, .ibMenu li:hover li:hover li:hover span, .ibMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .ibMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span { color: #FFFF00; }
ul.AspNet-Menu li ul li ul {top: 35px; border-top: solid 1px #000; left: 90px !important; }
ul.AspNet-Menu li ul li ul li {  border-color: -moz-use-text-color #000000 #000000; border-right: 1px solid #000000; border-style: none solid solid; border-width: medium 1px 1px; width:245px !important }

