body { margin: 0px; padding: 0px; background-color: #0078AE; /*background: url("../assets/starBG_blu.jpg") repeat;*/ /*background: url("../assets/starBG_grn.jpg") repeat;*/ font: normal normal 13px/1.5em Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; text-align: center; } /* the siteWrap container sets the overall width of entire site and is full height to support the overlapping Logo */ #siteWrap { position: relative; margin: 0 auto 0 auto; padding: 0; width: 945px; } #logo { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } /* the headWrap container contains the photo image and tabbed navigation */ #headWrap { position: relative; margin: 0; padding: 0; width: 100%; height: 190px; /*background: url("../assets/headerPhoto.jpg") bottom right no-repeat;*/ background: url("../assets/headerPhoto2.jpg") bottom right no-repeat; } #discoverText { position: absolute; margin: 0; padding: 0; top: 22px; left: 205px; visibility: hidden; } #navBarWrap { position: absolute; margin: 0; padding: 0 11px 0 0; top: 10px; right: 0; background: url("../assets/buttonCap.gif") top right no-repeat; } #navBar { float: right; margin: 0; padding: 0; height: 31px; background: url("../assets/button.gif") top left no-repeat; } #navBar ul { margin: 0; } #navBar li { float: left; margin: 3px 0 0 12px; padding: 0 0 0 25px; display: inline; background: url("../assets/bulletGrnLrg.gif") 0 2px no-repeat; } #navBar a { float: left; display: block; padding: 0 0 3px 0; margin: 0; font-weight: bold; color: #336633; text-decoration: underline; } #navBar a:hover { background-color: #336633; color: #FFFFFF; text-decoration: none; } #siteNav { position: absolute; margin: 0; padding: 0; bottom: 0; right: 0; } #siteNav ul { padding: 2em 0 0 0; margin: 0; } #siteNav li { float: left; margin: 0 1px 0 0; padding: 0 0 0 11px; background: url("../assets/tab_left.gif") no-repeat; } #siteNav a { float: left; display: block; background: url("../assets/tab_right.gif") right top no-repeat; padding: 0.3em 11px 0.3em 0; margin: 0; text-decoration: none; font-weight: bold; color: #FFFFFF; } /* The active page tab is set by assigning the list elements class name to the ID attribute of the tag */ #academics #siteNav li.academics, #golf #siteNav li.golf, #tennis #siteNav li.tennis, #sports #siteNav li.sports, #contact #siteNav li.contact, #jobs #siteNav li.jobs, #faqs #siteNav li.faqs { background-image: url("../assets/tab_active_left.gif"); } #academics #siteNav li.academics a, #golf #siteNav li.golf a, #tennis #siteNav li.tennis a, #sports #siteNav li.sports a, #contact #siteNav li.contact a, #jobs #siteNav li.jobs a, #faqs #siteNav li.faqs a { background-image: url("../assets/tab_active_right.gif"); color: #000000; font-weight: bold; text-decoration: underline; } #siteNav a:hover { text-decoration: underline; } /* the bodyWrap container is set to full site width and appears below the headWrap in normal document flow. */ #bodyWrap { position: relative; margin: 0 0 3px 25px; padding: 0; width: 97.25%; background-color: #FFFFFF; border: solid #000000 1px; border-top: none; text-align: left; } #bodyWrap table { margin: 0; padding: 0; width: 100%; border-collapse: collapse; } #bodyWrap td { vertical-align: top; } #leftNav { padding: 3em 0.5em 0 0.5em; text-align: center; width: 22%; } #content { padding: 15px; text-align: left; } .indent { margin: 0 10px 25px 15px; } #rightNav { padding: 0.5em 0.5em 0 0.5em; text-align: center; width: 22%; } /* used to style the short cut link containers that are displayed in the left and right panes. */ .linkBox { position: relative; padding: 0.2em 0.2em 0.2em 0.3em; margin: 0 0 1.2em 0; border: solid #000000 1px; text-align: left; background: url("../assets/headGradient.gif") top left repeat-x; } #footer { position: relative; margin: 0 0 20px 26px; padding: 0.5em 0 0.5em 0; width: 97.35%; color: #FFFFFF; background: url("../assets/footerBody.jpg") bottom left no-repeat; text-align: center; } /* bottom right rounded corner on footer */ #footerCap { position: absolute; bottom: 0; right: 0; height: 100%; width: 7px; background: url("../assets/footerCap.jpg") bottom right no-repeat; } /* zero out default spacing for all unordered lists */ ol { margin: 0; padding: 0; } ul { margin: 0; padding: 0; list-style: none; } li { margin: 0; padding: 0; } .bulletLinks, .bulletList, .smallformList { margin: 0 0 0.5em 0.5em; } #footer li { display: inline; margin: 0 1.5em 0 0; padding: 0 0 0 1.5em; background: url("../assets/bulletWht.gif") 0px 2px no-repeat; } .smallformList li { background: url("../assets/pdf.gif") 0 3px no-repeat; padding: 0 0 0 1.5em; } .bulletLinks li, .bulletList li { background: url("../assets/bulletBlk.gif") 0 4px no-repeat; padding: 0 0 0 1.5em; } .bulletLinks li:hover { background: url("../assets/bulletGrn.gif") 0 4px no-repeat; } .reg_bullets { list-style: disc; margin: 5px 0 8px 25px; } .num_list { margin: 5px 0 8px 25px; } #footer a { color: #FFFFFF; text-decoration: underline; } #footer a:hover { font-weight: bold; } .catList a { color: #000000; font-weight: bold; } .bulletLinks a, .smallformList a { color: #000000; font-weight: normal; text-decoration: underline; } .catList a:hover { color: #336633; font-weight: bold; } .bulletLinks a:hover, .smallformList a:hover { color: #336633; font-weight: normal; } .bold { font-weight: bold; } /* Black underlined page heading */ h1 { margin: 0 0 1em 0; padding: 0 0 0.5em 0; color: #000000; font-size: 1.3em; font-weight: bold; border-bottom: solid #000000 2px; } /* heading text that appears in the .linkBox containers. */ .boxHeader { margin: 0 0 0.5em 0; padding: 0; color: #FFFFFF; font-size: 1.1em; border: none; } /* Green dotted underline section heading. */ h2 { margin: 0 0 0.5em 0; padding: 0 0 0.3em 0; color: #336633; font-size: 1.2em; font-weight: bold; border-bottom: dotted #336633 1px; } h3 { margin: 0 0 0.5em 0; padding: 0; font-size: 1em; font-weight: bold; color: #000000; text-decoration: underline; } h4 { margin: 0; padding: 0; font-size: 1em; font-weight: bold; color: #336633; text-decoration: none; } h5 { margin: 0 0 0.5em 0; padding: 0 0 0.3em 0; color: #00000; font-size: 1.1em; font-weight: bold; border-bottom: dashed #000000 1px; } strong { font-size: 12px; } .lrgFormList li, .videoList li { background: url("../assets/pdfLrg.gif") no-repeat; padding: 0 0 0 3em; margin: 0 0 0 1.2em; line-height: 3em; } .videoList li { background: url("../assets/wmvLrg.gif") no-repeat; } .lrgFormList a, .videoList a { color: #000000; font-size: 1em; font-weight: bold; text-decoration: underline; } .lrgFormList a:hover, .videoList a:hover { color: #336633; } .icon_list { margin-bottom: 20px; text-align: left; } .icon_list li { margin-bottom: 5px; } .icon_list a { position: absolute; padding: 10px 0 0 10px; } .icon_list a:visited { color: #000000; } .dailySchedule td, .contactInfo td { padding: 0 20px 0 0; vertical-align: top; text-align: left; } /* styles the nested table on the FAQ page */ #subtable .col1 { font-weight: bold; text-decoration: underline; width: 20%; } #subtable ul { list-style: disc; } #subtable li { margin: 0; padding: 0; background: none; } /* class used to position content heading images */ .headingImg { float: left; margin: 5px 20px 3px 0; border: 1px solid #000000; } /* class used to position content images in the body of the content */ .bodyImg { float: right; margin: 10px 0 3px 10px; border: 1px solid #000000; } /* styles the testimonial quotes that appear in the site content */ #quoteBox { padding:3px; margin: 20px auto 20px auto; border-top:1px solid #336633; border-bottom:1px solid #336633; background: url(../assets/quotebox.gif) no-repeat; width:400px; font-family:Times New Roman, Serif; color:#336633; font-weight:bold; font-style:italic; font-size:1.3em; text-align:center; }