/* Things to note: The dropdown should function the same as the website Classic Specs. Here is the link for reference: //www.classicspecs.com On the homepage the District News and Upcoming Events scrollbars should always be present The homepage callout color circle with arrow overstate should fade in on overlay and fade out when rolling off. It should not be a snap in. Please reference the PSDs "mauston_district_homepage_background_FNL.psd" and "mauston_interior_background_FNL.psd" for reference on how the background assets were created The homepage main images should scale the same way as the Chippewa Falls website. Here is the link for reference: //cfsd.chipfalls.k12.wi.us Font Usage Lora, Regular: Homepage headlines, homepage callouts, homepage subheads, interior headlines and subheads, right rail subheads Source Sans Pro, Regular: Top nav, homepage body copy, footer, homepage text buttons, dropdown button text, side nav, body copy, right rail copy, breadcrumb Source Sans Pro, Semibold: Homepage subheads, right rail subheads Source Sans Pro, Bold: Footer header, search button text font-family: 'Source Sans Pro', sans-serif; font-family: 'Lora', serif; */ html,body{height:100%;} body{margin:0px;padding:0px;font-family: 'Lora', serif;font-size:13px;color:#666;letter-spacing:0px;font-weight:400;background-color:#fff;/*overflow-x:hidden;*/} table,td,tr{font-family: "Source Sans Pro",sans-serif;font-size:13px;color:#303536;} a:link {text-decoration:underline;color:#666;outline:none;} a:visited {text-decoration:underline;color:#666;outline:none;} a:hover {text-decoration:underline;color:#666;outline:none;} #googleTranslate a{text-decoration:none;} input, textarea, select{font-size:13px;} h1,h2,h3,h4,h5{margin:0px;} .cf{float:none;clear:both;} input{-webkit-border-radius:0;} img{border:none;} /*interior backgrounds*/ #mainShell.mainShell_interior{background:url('custom/images/general/background/homepage/img_bg_pattern_bottom.jpg') no-repeat center bottom; min-width:1004px;} #main.main_interior{background:url('custom/images/general/background/interior/img_bg_top.gif') no-repeat center 0px;} /*landing*/ #main #mainContentShell_interior #imageDipShell{width:100%;padding:0px;margin:0px auto 0px auto;height:305px;background:#333;position:relative;} #main #mainContentShell_interior #imageDipShell #landingContent{width:293px;height:235px;border-right:10px solid #fff;left:50%;margin:0px 0px 0px -502px;position:relative;padding:70px 22px 0px 22px; color:#fff;font-size:15px;} #main #mainContentShell_interior #imageDipShell #landingContent h1{padding:0px;margin:0px;font-family: 'Source Sans Pro', sans-serif;font-size:30px;color:#fff; text-transform:capitalize;font-weight:700;} #main #mainContentShell_interior #imageDipShell #landingContent ul{list-style-type:none;padding:0px;margin:0px;} #main #mainContentShell_interior #imageDipShell #landingContent ul li{padding:0px;margin:0px;} #main #mainContentShell_interior #imageDipShell #landingContent ul li strong{font-weight:400 !important;} #main #mainContentShell_interior #imageDipShell #landingContent ul li:first-child strong{padding:0px;margin:0px;font-family: 'Source Sans Pro', sans-serif;font-size:30px;color:#fff; text-transform:capitalize;font-weight:700 !important;line-height:38px;} #main #mainContentShell_interior #imageDipShell #landingContent ul li:first-child{padding-bottom:3px;} #main #mainContentShell_interior #imageDipShell #landingContent ul li a{color:#fff;} #main #mainContentShell_interior #imageDipShell #landingContent ul li a:hover{color:#e40505;} #main #mainContentShell_interior #slideshowShellWrap, #main #mainContentShell_interior #imageDipShell .imageDip{position:absolute;left:50%;top:0px;width:100%;height:305px;background-position:left center;background-size:auto 305px;background-repeat:no-repeat;margin:0px 0px 0px -155px;} #main #mainContentShell_interior #slideshowShellWrap .imageDip{position:absolute;left:0px;top:0px;margin:0px;} /*interior page */ #main #mainContentShell_interior{margin:0px auto 0px auto;width:100%;height:auto;padding:0px;position:relative;} #main #mainContentShell_interior #pageTitleShell{width:962px;padding:0 22px 20px 22px;margin:0px auto 0px auto;height:76px;background-image:url('custom/images/interior/newsbordertop.png'); background-repeat:no-repeat;background-position: center bottom;} #main #mainContentShell_interior #pageTitleShell #pageTitleShellInner{margin:0px auto;padding:0 22px;width:918px;overflow:hidden;position:relative;height:76px;} #main #mainContentShell_interior #pageTitleShell #pageTitleShellInner #pageTitle{width:460px;padding:24px 0px 0px 0px;height:63px;} #main #mainContentShell_interior #pageTitleShell #pageTitle h1{padding:0px;margin:0px;font-family: 'Lora', serif;font-size:24px;color:#303536;text-transform: uppercase;font-weight: normal;height:47px;} #main #mainContentShell_interior #pageTitleShell #pageTitle h2{padding:0px;margin:0px;font-size:23px;color:#303536; font-weight:normal;text-transform: uppercase;} /*breadcrumb */ #utilitybar{color:#666;font-size:12px;position:absolute;right:3px;top:-25px;with:490px;height:52px;display:table; font-family: 'Source Sans Pro', sans-serif;font-weight:400;letter-spacing:0px;padding:0px 0px 0px 0px;margin-top:42px;} #breadcrumb{width:400px;height:52px;text-align:right;display:table-cell;vertical-align:middle;} #breadcrumb a {color:#666;text-decoration:none;} #breadcrumb a:hover {text-decoration:underline;} #breadcrumb a:active {color:#2b439c;text-decoration:none;} #breadcrumb .breadcrumb_divide{} #utilitybar #breadcrumb a:first-child{} #utilitybar #breadcrumb span.breadcrumb_divide:first-child{} #main #mainContentShell_interior #mainContentShellInner{ height: auto; margin: 0 auto;overflow: hidden;padding: 26px 0 0;width: 960px;} #main #mainContentShell_interior #mainContentShellInner{ height: auto; margin: 1px auto -6px;overflow: hidden;padding: 0px 22px 0;width: 960px;background: url('custom/images/interior/newsborderbottom.png'); background-position:bottom; background-repeat:no-repeat;} #main #mainContentShell_interior #mainContentShellInner #mainContentShellMiddle{width:960px;padding:0px 0px 25px 0px;overflow:hidden;margin:0px auto;} #main #mainContentShell_interior #sidebar{width:168px;padding:0px 0px 0px 0px;margin:0px;float:left;z-index:0;position:relative;overflow:hidden;} /*-Added - bm-1/23/15*/ #main #slideshowShellLanding {height: auto;margin: 0px 0 20px;overflow: hidden;padding: 0;width: 552px;} #main #slideshowShellLanding .imageDip {background-position: left top;height: 315px;width: 552px;} /**/ .main_body_size{width:792px;margin:19px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;overflow:hidden;background-repeat:no-repeat;background-position:0px 0px;min-height:600px;position:relative;z-index:0;} .middle_when_right_side_bar{width:552px;padding:0px 20px 0px 20px;line-height:21px;margin:0px;min-height:600px;float:left;overflow:hidden;display:block;position:relative;z-index:0;border-right: 1px dotted #999;} .main_body_size_with_right_bar{} .middle_when_no_right_side_bar{width:735px;padding:0px 20px 0px 20px;line-height:21px;margin:0px;min-height:600px;position:relative;z-index:1;display:block;overflow:hidden;} .middle_when_right_side_bar .detail_padding p, .middle_when_no_right_side_bar .detail_padding p{padding:0px 0px 22px 0px;margin:0px;} .detail_padding p:last-child{padding-bottom:0px;} .detail_padding{padding:26px 0px;overflow:hidden;} .detail_padding a{color:#2b439c;} .detail_padding a:hover{color:#e9b619 !important;} .middle_when_right_side_bar .detail_padding, .middle_when_no_right_side_bar .detail_padding, .no_right_side_bar_right_padding .detail_padding{margin:0px;display:block;border-bottom: 1px dotted #999;} .middle_when_no_right_side_bar .detail_padding div {padding-top:0 !important;} .figure{border:none;margin:-3px 10px 5px 0px;} .pagetitle_padding{padding:0px 0px 6px 0px;} .titletext{font-family: 'Lora', serif;font-size:25px;color:#2b439c;font-weight: normal;line-height:22px;display:none;} div.titletext{padding:1px 26px 17px 26px;display:block;} .no_pagetitle_padding {padding:0px;} .no_right_side_bar_right_padding{padding-right:0px;} .no_right_side_bar_right_padding_bg{} .middle_when_no_right_side_bar.detail_padding{width:732px;padding:36px 30px 0px 30px;background:none;} .no_right_side_bar_right_padding{width:775px;overflow:hidden;} .middle_when_right_side_bar h1, .middle_when_no_right_side_bar h1 {background:transparent none; color:#2b439c; font-size:29px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px;text-transform:none;line-height:31px;font-family: 'Lora', serif;font-weight:500;} .middle_when_right_side_bar h2, .middle_when_no_right_side_bar h2 {background:transparent none; color:#2b439c; font-size:27px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px;text-transform:none; line-height:29px;font-weight:500;font-family: 'Lora', serif;} .middle_when_right_side_bar h3, .middle_when_no_right_side_bar h3 {background:transparent none; color:#2b439c; font-size:23px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px;text-transform:none;line-height:27px;font-weight:300;font-family: 'Lora', serif;} .middle_when_right_side_bar h4, .middle_when_no_right_side_bar h4 {background:transparent none; color:#2b439c; font-size:23px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; line-height:25px;font-weight:500;font-family: 'Lora', serif;} .middle_when_right_side_bar h5, .middle_when_no_right_side_bar h5 {background:transparent none; color:#2b439c; font-size:21px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; line-height:23px;font-weight:500;font-family: 'Lora', serif;} .middle_when_right_side_bar h6, .middle_when_no_right_side_bar h6 {background:transparent none; color:#2b439c; font-size:19px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; line-height:21px;font-weight:500;font-family: 'Lora', serif;} /*right side*/ #sidebar_content{width:176px;padding:0px 11px 0px 11px;margin:0px;display:block;float:left;overflow:hidden;} #sidebar_content .right_per_detail{width:174px;margin:0px 0px 0px 0px;padding:0px 0 27px 0;} #sidebar_content .right_hr_top{display:none;} #sidebar_content .right_per_detail h3{width:176px;text-align:left;font-size:20px;font-family: 'Lora', serif;color:#2b439c;text-transform: uppercase;padding:0px 0px 4px 0px;font-weight:600; border-bottom:4px solid #a7a6a6;margin:-1px 0px 3px 0px;line-height:22px;font-weight: normal;} #sidebar_content .right_per_detail h3 span{} #sidebar_content .right_per_detail .right_content{width:174px;padding:10px 0px 10px 0px;font-family: "Source Sans Pro",sans-serif;color:#666;font-size:14px;border:none;background:none;} #sidebar_content .right_per_detail .right_content div{outline:none;} #sidebar_content .right_per_detail p{padding:0px 0px 12px 0px;margin:0px;} #sidebar_content .right_per_detail p:last-child{padding:0px;} #sidebar_content .right_per_detail ul{list-style-type:none;padding:0px 0px 3px 0px;margin:0px;} #sidebar_content .right_per_detail ul li{padding:0px 5px 8px 5px;margin:0px 0px 6px 0px;} #sidebar_content .right_per_detail ul li:first-child{padding-top:0px;} #sidebar_content .right_per_detail ul li:last-child{padding:15px 0 0 0px;background:none;} #sidebar_content .right_per_detail a{text-decoration:underline;color:#666;} #sidebar_content .right_per_detail a.right_news_style{padding:0px;margin:0px;} #sidebar_content .right_per_detail a:hover{text-decoration:none;color:#e9b619 !important;} #sidebar_content .right_hr_bottom hr, #sidebar_content .right_hr_top hr{display:none;} #sidebar_content .righttext_per_photo{width:166px;text-align:center;} #sidebar_content .right_hr_bottom{display:none;} #sidebar_content .right_per_detail img{max-width:166px !important; text-align:center;} .right_side_no_dotted_line p, .right_side_with_dotted_line p {margin:0px; padding:0px 0px 12px 0px;} .right_side_with_dotted_line{width:166px;padding:0px;} .right_side_no_dotted_line{width:166px;padding:0px;} /*translator*/ .detail_translator .right_content{overflow:hidden !important;padding:13px 0px 16px 0px!important;min-height:20px !important;} .detail_translator .right_content select{width:166px !important;text-transform:none;} .detail_translator .right_content img{width:auto !important;} /*quick links */ #sidebar_content .detail_quicklinks h3{} #sidebar_content .detail_quicklinks div{font-size:14px;font-family: "Source Sans Pro",sans-serif;color:#666;} #sidebar_content .detail_quicklinks select{width:166px !important;text-transform:none;} #sidebar_content .detail_quicklinks .right_content{width:176px;padding:7px 0px 12px 0px;} /*upcoming events */ #sidebar_content .detail_upcomingevents h3{} #sidebar_content .detail_upcomingevents .right_content{width:176px;padding:7px 0px 7px 0px;} #sidebar_content .upcoming_events_date{text-transform:capitalize;font-size:16px;font-family: "Source Sans Pro",sans-serif;font-weight:500;color:#000;line-height:19px;} #sidebar_content .upcoming_events_above{margin:8px 0px 0px 0px;padding:10px 0px 0px 0px;display:block;border-top: 1px dotted #999;} #sidebar_content .upcoming_events_top{margin-top:0px;border:none;padding-top:0px;} #sidebar_content .upcoming_events_time{color:#000;font-weight:500;font-size:14px;padding:10px 0px 0px 0px;font-family: "Source Sans Pro",sans-serif;line-height:17px;cursor: pointer;} #sidebar_content .upcoming_events_event{color:#666;padding:0px 0px 8px 0px;font-weight:400;font-size:14px;font-family: "Source Sans Pro",sans-serif;line-height:17px;} #sidebar_content .upcoming_events_event a{color:#2b439c;padding:0px;font-weight:400;} #sidebar_content .upcoming_events_event a{text-decoration:none;font-weight:400;} #sidebar_content .upcoming_events_event a:hover{text-decoration:none;color:#e9b619;} #sidebar_content .upcoming_events_bottom{padding-bottom:0px;} #sidebar_content .upcoming_events_event:hover a {color:#e9b619;font-weight:500;font-size:14px;padding:10px 0px 0px 0px;font-family: "Source Sans Pro",sans-serif;line-height:17px; } #sidebar_content .upcoming_events_event:hover span {color:#e9b619;font-weight:500;font-size:14px;padding:10px 0px 0px 0px;font-family: "Source Sans Pro",sans-serif;line-height:17px;} /*News*/ #sidebar_content .detail_rightnews .right_content{width:176px;padding:7px 0px 16px 0px;} #sidebar_content .detail_righttext .right_content{width:176px;padding:7px 0px 16px 0px;line-height:17px;} #sidebar_content .detail_righttext .right_content iframe{width:176px !important;height:310px !important;margin-top:5px !important;} #sidebar_content .detail_righttext h3{} #sidebar_content .detail_rightnews ul{width:160px;list-style-type:none;padding:0px;margin:0px;} #sidebar_content .detail_rightnews ul li{padding:18px 22px 0px 22px;margin:16px 0px 0px 0px;border-top:1px dotted #999;line-height:17px;} #sidebar_content .detail_rightnews ul li:first-child{border:none !important;padding:0px;margin:0px;} #sidebar_content .detail_rightnews a.right_news_style, #sidebar_content .detail_rightnews ul li strong{display:block;text-transform:capitalize;font-size:16px;font-family: "Source Sans Pro",sans-serif;font-weight:500;color:#303536;text-decoration:none;margin-bottom:8px;} #sidebar_content .detail_rightnews ul li br{display:none;} #sidebar_content .detail_rightnews a.right_news_style:hover{text-decoration:none;color:#e9b619;} #sidebar_content .detail_righttext .righttext_per_text a{color:#2b439c;} #sidebar_content .detail_righttext .righttext_per_text a:hover{color:#e9b619; text-decoration:underline;} /*detail_announcements*/ .detail_announcements2 p{margin:0px; padding:0px 0px 12px 0px;} #sidebar_content .detail_announcements2r .right_content{width:176px;padding:6px 0px 17px 0px;} #sidebar_content .detail_announcements2r p{width:166px;margin:0px;padding:0px 0px 15px 0px;overflow:hidden;line-height:17px;color:#666;font-size:14px;font-family: 'Source Sans Pro', sans-serif;} #sidebar_content .detail_announcements2r img{margin:0px 0px 18px 0px;max-width:162px !important;text-align:center;} #sidebar_content .detail_announcements2r h4{width:165px;text-transform:capitalize;font-size:16px;font-family: "Source Sans Pro",sans-serif;font-weight:normal;color:#303536;text-decoration:none;border-top:1px dotted #999;line-height:18px; padding:12px 0;} #sidebar_content .detail_announcements2r h4:first-child{padding:0 0 10px 0;border:none;margin:0px;} #sidebar_content .detail_announcements2r h4 a{color:#303536;font-family: "Source Sans Pro",sans-serif; font-size:16px; font-weight:normal; line-height:18px; } #sidebar_content .detail_announcements2r h4 a:hover{color:#e9b619 !important;text-decoration:none;} #sidebar_content .detail_announcements2r a{color:#303536;text-decoration:none;} #sidebar_content .detail_announcements2r a:hover{color:#e9b619;text-decoration:underline;} .detail_announcements2 h4{} .detail_announcements2 h4 a{} .goog-te-gadget {margin: -6px 0 0;} /*slideshow */ #sidebar_content .detail_rightslideshow .right_content{padding-bottom:11px;padding-top:20px;} #sidebar_content .detail_rightslideshow .right_content img{max-width:166px !important;} #sidebar_content .detail_rightslideshow .right_content p{padding:10px 0px 0px 0px;margin:0px;font-size:13px;font-family: 'Lora', serif;line-height:17px;color:#666;} /* calendar links */ #sidebar_content .detail_minical .right_content{padding:5px 0px 0px 0px;width:188px; margin:0 0 0 -6px;} .detail_minical h4, .detail_minical ul{display:none;} table.minical{width:100%;border-spacing:0px;border-collapse:collapse;} .minical_wrapper table tr td table{border-spacing:0px;margin-bottom:-2px;} .minical_wrapper table tr, .minical_wrapper table tr td{vertical-align:middle !important;} .minical_wrapper .headerbg td a{display:block;height:11px;margin-top:0px;} .minical_wrapper .headerbg td:first-child, .minical_wrapper .headerbg td:first-child + td + td{width:auto !important;} .minical_wrapper .headerbg td:first-child + td{width:auto !important;} .minical_wrapper .headerbg td:first-child a{background:url('custom/images/interior/right_rail/btn_arrow_left_off.png') no-repeat 100% 1px;height:11px;margin: -2px -24px 0; z-index:1; position:relative;font-size:0px;} .minical_wrapper .headerbg td:first-child a:hover{background-image:url('custom/images/interior/right_rail/btn_arrow_left_over.png');} .minical_wrapper .headerbg td:first-child + td + td a{background:url('custom/images/interior/right_rail/btn_arrow_right_off.png') no-repeat 0px 1px;height:11px;margin: -2px -24px 0;} .minical_wrapper .headerbg td:first-child + td + td a:hover{background-image:url('custom/images/interior/right_rail/btn_arrow_right_over.png');} .minical_wrapper{padding:0px;} .minical_wrapper .headerbg, .minical_wrapper .headerbg .headerlink{text-decoration:none;font-weight:normal !important;} .minical_wrapper .headerbg .headertext, .minical_wrapper .header2bg .header2text{font-size:16px;text-transform:capitalize;font-family: 'Source Sans Pro', sans-serif;font-weight:700;color:#2b439c;padding:0px 10px;} .minical_wrapper .header2bg .header2text:first-child {font-size:14px;padding:5px 0px 1px 0px; color:#303536;font-family: 'Source Sans Pro', sans-serif;font-weight:700; text-align:center;} .minical_wrapper .header2bg .header2text:last-child {font-size:14px;padding:5px 0px 1px 0px; color:#303536;font-family: 'Source Sans Pro', sans-serif;font-weight:700;} .minical_wrapper .header2bg .header2text{font-size:14px;padding:5px 0px 1px 0px;color:#303536;font-family: 'Source Sans Pro', sans-serif;font-weight:700; text-align:center;} .minical_wrapper tr.header2bg{border-top:none;} .minical_wrapper tr.header2bg td{background-color:transparent;} .minical_wrapper .alternatebg1{background-color:transparent;height:28px;width:28px;padding:0px 0px;color:#666;} .minical_wrapper .alternatebg2{height:28px;padding:0px 0px;color:#666;width:28px; } .minical_wrapper td.headerbg{color:#666;padding:0px 0px;height:28px;width:28px; } .minical_wrapper .detail_minical{padding-bottom:0px;} .minical_wrapper{margin:0px;padding:0px;} .minical_wrapper .alternatebg1, .minical_wrapper .alternatebg2, .minical_wrapper .callink{color:#666 !important;font-weight:normal !important;font-size:14px;font-family: 'Source Sans Pro', sans-serif;font-weight:400; text-align:center;} .minical_wrapper .callink{color:#666 !important;} .minical_wrapper .callink:hover{color:#e9b619 !important;text-decoration:none !important;} .minical_wrapper td.headerbg{background:url('custom/images/interior/right_rail/img_current_date.png') no-repeat 1px 3px;color:#fff;font-size:14px;font-family: 'Source Sans Pro', sans-serif;font-weight:400;} .minical_wrapper td.headerbg .headerlink{color:#fff !important;font-weight:normal !important;} .minical_wrapper td.headerbg .headerlink:hover{color:#e40505 !important;font-weight:normal !important;} /*detail Calendar */ .middle_when_no_right_side_bar .detail_calendar{margin-left:0px;display:block;} .middle_when_no_right_side_bar .detail_calendar form div{float:right;padding:0px;overflow:hidden; position:relative;} .detail_calendar form div table{width:110px !important;} .detail_calendar form div table tr td, .detail_calendar form table table tr td{font-weight:bold;color:#303536;text-transform: capitalize;padding-bottom:7px;} .detail_calendar form select{background: #fdfdfd; background-image: -webkit-linear-gradient(top, #fdfdfd, #ececec); background-image: -moz-linear-gradient(top, #fdfdfd, #ececec); background-image: -ms-linear-gradient(top, #fdfdfd, #ececec); background-image: -o-linear-gradient(top, #fdfdfd, #ececec); background-image: linear-gradient(to bottom, #fdfdfd, #ececec); -webkit-border-radius: 9; -moz-border-radius: 9; border-radius: 9; font-family: Arial; color: #000; font-size: 12px; padding: 0; text-decoration: none; } .detail_calendar, .detail_member_directory{padding-bottom:8px !important;} .detail_calendar h3, .detail_member_directory h3{padding-bottom:10px;} .detail_calendar div table, .detail_member_directory table{border:none;font-size:14px;color:#000;} .detail_calendar div table table{border:none;} .detail_calendar div div table table{border:none;} .detail_calendar table td, .detail_member_directory table td{padding-right:0px;} .detail_calendar .headerbg, .detail_member_directory .headerbg{background-color:#2b439c; line-height:19px;} .detail_calendar .headerbg a.headerlink{color:#fff;font-size:14px;text-transform:capitalize;text-decoration:none;font-weight:400;font-family: 'Source Sans Pro', sans-serif;} .detail_calendar .headerbg td a{} .detail_calendar .headerbg td:first-child, .detail_calendar .headerbg td:first-child + td + td{} .detail_calendar .headerbg td:first-child + td{} .middle_when_no_right_side_bar .detail_calendar .headerbg td:first-child + td{} .detail_calendar .headerbg td:first-child a{background:url('custom/images/interior/calendar/btn_left_arrow_off.gif') no-repeat 0px 4px;padding:0px 0px 0px 7px;margin: 0 0 0 14px;} .detail_calendar .headerbg td:first-child a:hover{background-image:url('custom/images/interior/calendar/btn_left_arrow_over.gif');} .detail_calendar .headerbg td:first-child + td + td a{background:url('custom/images/interior/calendar/btn_right_arrow_off.gif') no-repeat right 4px;padding:0px 7px 0px 0px;margin: 0 12px 0 14px;} .detail_calendar .headerbg td:first-child + td + td a:hover{background-image:url('custom/images/interior/calendar/btn_right_arrow_over.gif');} .detail_calendar .borderstyle{border-top:1px solid #eeeeee !important;padding-top:3px;} .detail_calendar .headerbg a.headerlink:hover{color:#e9b619 !important;} .detail_calendar .headerbg .headertext{color:#fff;font-weight:normal;font-size:20px;text-transform:capitalize;font-family: 'Lora', serif;padding:2px 0px 0px 0px;} .detail_calendar a.callink{color:#666 !important;font-weight:normal;font-size:14px !important;line-height:14px;display:block;padding:0px 0px 1px 0px; text-decoration:none;font-family: 'Source Sans Pro', sans-serif; } .detail_calendar a.callink:hover{color:#e9b619 !important;} .today_highlight{background-color:#2b439c !important;color:#fff !important;font-weight:400;} .today_highlight a.callink{color:#fff !important;font-weight:400;} .today_highlight a.callink:hover{color:#e9b619 !important;} .today_highlight table tr td{color:#fff;background-color:#2b439c !important;font-weight:400;} .detail_member_directory table td{padding-right:10px;} .detail_calendar .header2bg .header2text{} /* these override some of the above detail calendar classes */ .detail_calendar div table table{background:transparent;} .detail_calendar div table table table{background:none;} .detail_calendar div table table tr td .headerlink{color:#fff !important;text-decoration:none;border:none;background-color:#2b439c;} .detail_calendar div table table{border: none;border-collapse:collapse;} .detail_calendar div table table td{border:1px solid #ccc;} .detail_calendar div table table tr.headerbg:first-child{border:none; line-height:36px;} .detail_calendar div table table tr.headerbg td, .detail_calendar table.calTopBanner td, .detail_calendar table td.headerbg table{-moz-border-bottom-colors: none; -moz-border-left-colors: none;moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #2b439c;border-color: -moz-use-text-color #2b439c;border-image: none;margin: 0;padding: 0; border-bottom:1px;} .detail_calendar table.calTopBanner tr td{vertical-align:top;} .detail_calendar div table table tr.headerbg:last-child td{padding:3px 0px;} .detail_calendar div table table tr.headerbg:last-child td.headertext{display:none;} .detail_calendar table.calTopBannerShell{border-color:#999 !important;} .detail_calendar div table table tr.header2bg td, .detail_calendar table.calTopBannerShell tr.header2bg td, .detail_calendar table.calListShell tr.header2bg td{height:22px;border-top:1px solid #fff;background-color:#999;padding:0px;color:#fff;} .detail_calendar div table table tr.header2bg td.header2text{color:#fff;font-weight:400;text-align:left;padding-left:8px;border-right:1px solid #999;border-left:1px solid #999; text-transform: capitalize;font-size:14px;font-family: 'Source Sans Pro', sans-serif;} .detail_calendar div table table td{background-color:#fff; max-width:110px;} .detail_calendar div table table td table td{padding:2px 9px;margin:0px;border:none;} .detail_calendar div table table td table tr:first-child td, .detail_calendar div table table tr.headerbg:last-child td{border:none;height:20px !important; padding-top:2px;} table.calYearShell .caltblDate td, table.calDayShell .caltblDate td { width:100%; max-width:none;} /*calendar list view */ .detail_calendar div table td.headerbg table tr td{background-color:#2b439c !important;height:30px !important;border:none !important;} .detail_calendar div table td.headerbg table a.headerlink{color:#fff !important;background:none !important;} .detail_calendar div table td.headerbg table .headertext{color:#fff !important;} /* Alternating row background colors */ .alternatebg1{background-color::transparent;} .alternatebg2{background-color:transparent;} .footer_top{background-color:transparent;} /*fac list*/ .detail_facultylist tr.headerbg{background-color:#e40505 !important;color:#fff;} .detail_facultylist tr.headerbg .headertext, .detail_facultylist tr.headerbg a.headerlink{color:#fff !important;} .detail_facultylist tr.headerbg a.headerlink:hover{color:#000 !important;} .detail_facultylist tr.alternatebg1{background-color:#fff !important;} .detail_facultylist tr.alternatebg2{background-color:#d3d3d3 !important;} /*claendar new classes */ .calInnerShell{background:#fff;} .caltblTools,.caltblCat,.caltblCat td, .caltblTools td{text-align:left !important;margin-left:0px !important;} .caltblTools td:first-child, .caltblCat td:first-child{width:42px;} table.calDayShell .headerbg, table.calYearShell .headerbg{background:#fff !important;} table.calDayShell .headerbg td table, table.calDayShell .headerbg td table td, table.calYearShell .headerbg td table, table.calYearShell .headerbg td table td, table.calListShell .headerbg td table, table.calListShell .headerbg td table td{border:none !important;background-color:#e40505 !important;height:40px !important;} .middle_when_no_right_side_bar table.calDayShell .headerbg td table{width:764px !important;} .middle_when_right_side_bar table.calDayShell .headerbg td table{width:554px !important;} table.calDayShell, table.calDayShell .caltblDate, table.calDayShell .caltblDate td, table.calYearShell, table.calYearShell .caltblDate, table.calYearShell .caltblDate td, table.calListShell, table.calListShell .caltblDate, table.calListShell .caltblDate td{border:none !important;} table.calYearShell .header2bg .header2text{font-size:13px !important;color:#000 !important;background-color:#d3d3d3;padding:5px;font-weight:700;} table.calYearShell .header2bg:first-child + .header2bg .header2text{border:none !important;} table.calYearShell .caltblDate div{border:none !important;} table.calYearShell tr.header2bg{} table.calListShell .alternatebg2 td, table.calListShell .alternatebg1 td{border:none !important;color:#000;font-size:13px;} table.calListShell .alternatebg1 td{background:#d3d3d3 !important;} table.calListShell .alternatebg2 td a, table.calListShell .alternatebg1 td a{ text-decoration:underline;} table.calListShelL .today_highlight, .today_highlight table tr td{border:none !important;background:#e40505;display:block;color:#fff !important;} .detail_calendar .calListShell table.calTopBanner, .detail_calendar .calMonthShell table.calTopBanner{margin-bottom:-2px;} .detail_calendar .calListShell table.calTopBannerShell, .detail_calendar .calMonthShell table.calTopBannerShell{margin-bottom:0px; } .middle_when_no_right_side_bar .detail_calendar form div.calToolsDiv, .middle_when_no_right_side_bar .detail_calendar form table.calDayShell div { float:none; padding:0 !important;} table.calDayShell .headerbg td table, table.calDayShell .headerbg td table td, table.calYearShell .headerbg td table, table.calYearShell .headerbg td table td, table.calListShell .headerbg td table, table.calListShell .headerbg td table td{background-color:#2b439c !important;} /*min cal detail*/ .miniCalShell table.cal_borderstyle{background:#fff;} .miniCalShell table, .miniCalShell table table{border: none !important;border-collapse:collapse;} .miniCalShell table td{border-color:#d3d3d3;border-top:none;} .miniCalShell .cal_borderstyle table td{border-color:#ccc !important;} .miniCalShell .cal_borderstyle table.miniCalHeader td{border:none !important;} .miniCalShell .header2bg{height:22px;background-color:#999;padding:0px;color:#fff !important;border-top:1px solid #fff; font-size:13px!important;font-weight:700;font-family: 'Lora', serif; text-transform:capitalize;} .miniCalShell .header2bg .header2text{color:#fff !important;} .miniCalShell .headerbg{height:40px;background:#2b439c;border:none;color:#fff;font-size:25px;text-transform:capitalize;font-weight:700;font-family: 'Source Sans Pro', sans-serif;} .miniCalShell .headerbg td{border:none;border-left:1px solid #2b439c !important;border-right:1px solid #2b439c !important;} .miniCalShell .header2bg td{border:none;border-left:1px solid #999 !important;border-right:1px solid #999 !important;;} .miniCalShell table table tr.header2bg td{border:none;} .miniCalShell tr.header2bg{border:none !important;} .miniCalShell table.miniCalSort, .miniCalShell table.minCalSortSubmit, .miniCalShell table.minCalSortCat{ text-align:left !important;margin-left:0px !important;} .miniCalShell table.minCalResults tr td{padding:5px;} .miniCalShell .headerbg td:first-child a{background:url('custom/images/interior/calendar/btn_arrow_left_off.gif') no-repeat 0px 5px;padding:0px 0px 0px 12px;} .miniCalShell .headerbg td:first-child a:hover{background-image:url('custom/images/interior/calendar/btn_arrow_left_over.gif');} .miniCalShell .headerbg td:first-child + td + td a{background:url('custom/images/interior/calendar/btn_arrow_right_off.gif') no-repeat right 5px;padding:0px 12px 0px 0px;} .miniCalShell .headerbg td:first-child + td + td a:hover{background-image:url('custom/images/interior/calendar/btn_arrow_right_over.gif');} .miniCalShell .headerbg .headertext{color:#fff;font-size:25px;text-transform:capitalize;font-weight:700;font-family: 'Source Sans Pro', sans-serif;} .miniCalShell .headerbg a.headerlink{color:#fff !important;text-decoration:none;text-transform:capitalize;} .miniCalShell .headerbg a.headerlink:hover{color:#000 !important;} .miniCalShell .alternatebg1{background:#d3d3d3;} .miniCalShell .alternatebg1 td, .miniCalShell .alternatebg2 td{border:none !important;} /* headings (Example: Events Calendar - Previous Month, Year Next heading */ td.headerbg a.headerlink{color:#fff !important;text-decoration:none;} td.headerbg a.headerlink:hover{color:#fff !important;text-decoration:none !important;} a.header2link:link {text-decoration:none;color:#666;} a.header2link:visited {text-decoration:none;color:#666;} a.header2link:hover {text-decoration:underline;color:#e40505;} /* used in Photo Gallery and Staff Profiles */ .borderstyle{border:1px solid #bbb;} .inside_bg{background-color:transparent;padding:0px 0px 7px 0px!important;border:none;margin:0px;} .inside_bg p{padding:0px 0px 12px 0px;margin:0px;} .inside_bg p:last-child{padding-bottom:0px;} .inside_page_bg{background-color:transparent;} .inside_page_bg p.titletext{padding:10px 0px 0px 0px;} .content_no_left{padding:0px;} .below_left_nav{padding:10px 0px 10px 0px;} .outside_border_bg{display:none;} .top_border_bg{background-color:#e40505;} .inside_left_bar{background-color:#e40505;} .top_text_bg{background-color:#e40505;color:#fff;} .left_menu_column{background-color:transparent;} a.event_description:link{text-decoration:none;} a.event_description:visited{text-decoration:none;} a.event_description:hover{text-decoration:none;} table.minical {width:100%;} .redtext{color:#FF0000;font-weight:bold;} .colorsquare{display:none;} /* goolge search */ .detail_googlesearch input:first-child + input + input{padding:0px 5px 0px 5px !important;} /* homepage */ #mainShell{width:100%;margin:0px auto;padding:0px;} #main{ margin:0px auto;min-width:1004px;padding:0px;position:relative;} /*slideshow*/ #main #slideshowShell{margin:0px auto 0px auto;width:100%;min-width:960px;height:700px;padding:0px;overflow:hidden;position:absolute;left:0px;top:0px;z-index:0;clear:both;} #main #slideshowShell #slideshowTopGradient{background:url('custom/images/general/background/homepage/img_top_gradient_repeat.png') repeat-x 0px 0px;width:100%;height:156px;position:absolute;left:0px;top:0px;z-index:1;} #main #slideshowShell .imageDip{width:100%;height:675px;position:absolute;left:0px;top:0px;background-position:center center;background-repeat:no-repeat;z-index:0; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #main #slideshowShell #slideshowPattern{position:absolute;left:0px;top:0px;width:100%;height:700px;background:url('custom/images/general/background/homepage/img_bg_pattern_overlay.png') no-repeat center bottom;z-index:1;} #main #slideshowShell #slideshowPattern h1{width:960px;margin:464px auto 0px auto;padding:0px 22px 0px 22px;text-align:center;color:#fff;font-weight:400;font-size:40px;font-family: 'Lora', serif;} #main #slideshowShell #bgImageLeft{margin:0px auto 0px auto;width:50%;height:544px;position:absolute;left:0px;top:151px;margin-left:-700px !important; background:url('custom/images/general/background/homepage/img_gradient_top_repeat.png') repeat-x 0px 0px;z-index:2;} #main #slideshowShell #bgImageRight{margin:0px auto 0px auto;width:50%;height:544px;position:absolute;right:0px;top:151px;margin-right:-700px; background:url('custom/images/general/background/homepage/img_gradient_top_repeat.png') repeat-x 0px 0px;z-index:2;} /*header*/ #main #headerShellOuter{width:100%;height:98px;margin:0px auto 0px auto;padding:0px;position:relative;z-index:1;} #main #headerShellOuter #headerTopShell{height:98px;margin: 0 auto;padding:0 22px;/*width:100%;*/ -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #main #headerShellOuter #headerTopShell.drop{background-color:#faf9f7; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #main #headerShellOuter #headerTopShell #headerTop{margin:0px auto 0px auto;width:960px;height:98px;padding:0px 0px 0px 0px;position:relative;} #main #headerShellOuter #headerTopShell #headerTop #bottomRule{position:absolute;left:0px;bottom:0px;width:960px;height:4px;background:#fff;} #main.main_interior #headerShellOuter #headerTopShell #headerTop #bottomRule, #main #headerShellOuter #headerTopShell.drop #headerTop #bottomRule.drop{background:#999;} #main.main_interior #headerShellOuter #headerTopShell #headerTop{} #main.main_interior #headerShellOuter #headerTopShell #headerTop:hover {} #main #headerShellOuter #headerTopShell #headerTop #logo{float:left;width:395px;height:98px;padding:0px;background:url('custom/images/general/headers/district/homepage/btn_district_logo.png') no-repeat -4px 10px;} #main #headerShellOuter #headerTopShell #headerTop #logo a{display:block;width:395px;height:94px;padding:0px;background:url('custom/images/general/headers/district/homepage/btn_district_title.png') no-repeat 202px 29px; } #main #headerShellOuter #headerTopShell #headerTop #logo:hover{} #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo a{background-image:url('custom/images/general/headers/district/interior/btn_district_title.png');margin:7px 0 0 4px;} /*schools logos*/ #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo, #main #headerShellOuter #headerTopShell.drop #headerTop #logo, #main #headerShellOuter #headerTopShell #headerTop #logo.westside, #main #headerShellOuter #headerTopShell #headerTop #logo.high, #main #headerShellOuter #headerTopShell #headerTop #logo.lyndon, #main #headerShellOuter #headerTopShell #headerTop #logo.mid, #main #headerShellOuter #headerTopShell #headerTop #logo.grayside{background:url('custom/images/general/headers/district/interior/btn_district_logo.png') no-repeat 5px 15px;} #main #headerShellOuter #headerTopShell #headerTop #logo.westside a{background:url('custom/images/general/headers/west_side_elementary/homepage/btn_west_side_title.png') no-repeat 206px 20px;} #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo.westside a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo.westside a{background-image:url('custom/images/general/headers/west_side_elementary/interior/btn_west_side_title.png');margin:0px 0 0 0px;} #main #headerShellOuter #headerTopShell #headerTop #logo.high a{background:url('custom/images/general/headers/high_school/homepage/btn_high_school_title.png') no-repeat 206px 24px;} #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo.high a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo.high a{background-image:url('custom/images/general/headers/high_school/interior/btn_high_school_title.png'); margin:8px 0 0 5px;} #main #headerShellOuter #headerTopShell #headerTop #logo.lyndon a{background:url('custom/images/general/headers/lyndon_station_elementary/homepage/btn_lyndon_station_title.png') no-repeat 206px 20px; width:450px;} #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo.lyndon a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo.lyndon a{background-image:url('custom/images/general/headers/lyndon_station_elementary/interior/btn_lyndon_station_title.png');margin:0px 0 0 0px;} #main #headerShellOuter #headerTopShell #headerTop #logo.mid a{background:url('custom/images/general/headers/olson_middle_school/homepage/btn_olson_middle_title.png') no-repeat 206px 20px;} #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo.mid a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo.mid a{background-image:url('custom/images/general/headers/olson_middle_school/interior/btn_olson_middle_title.png');margin:10px 0 0 5px;} #main #headerShellOuter #headerTopShell #headerTop #logo.grayside a{background:url('custom/images/general/headers/grayside_elementary/homepage/btn_grayside_title.png') no-repeat 206px 20px;} #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo.grayside a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo.grayside a{background-image:url('custom/images/general/headers/grayside_elementary/interior/btn_grayside_title.png'); margin:0px 0 0 0px;} #main #headerShellOuter #headerTopShell #headerTop #logo.ilead a{background:url('custom/images/general/headers/ilead_charter_school/homepage/btn_ilead_charter_title.png') no-repeat 191px 20px; width:410px;} #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo.ilead a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo.ilead a{background-image:url('custom/images/general/headers/ilead_charter_school/interior/btn_ilead_charter_title.png'); margin:10px 0 0 5px;} #main #headerShellOuter #headerTopShell #headerTop #logo.montessori a{background:url('custom/images/general/headers/mauston_montessori/homepage/btn_mauston_montessori_title.png') no-repeat 206px 20px; } #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo.montessori a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo.montessori a{background-image:url('custom/images/general/headers/mauston_montessori/interior/btn_mauston_montessori_title.png'); margin:0px 0 0 0px;} #main #headerShellOuter #headerTopShell #headerTop #logo.virtual, #main #headerShellOuter #headerTopShell #headerTop #topNav.virtual { width:480px;} #main #headerShellOuter #headerTopShell #headerTop #logo.virtual a{background:url('custom/images/general/headers/mauston_virtual/homepage/btn_mauston_virtual_title.png') no-repeat 206px 20px; width:480px;} #main.main_interior #headerShellOuter #headerTopShell #headerTop #logo.virtual a, #main #headerShellOuter #headerTopShell.drop #headerTop #logo.virtual a{background-image:url('custom/images/general/headers/mauston_virtual/interior/btn_mauston_virtual_title.png'); margin:0px 0 0 0px;} /*social*/ #main #headerShellOuter #headerTopShell #headerTop #socialShell{position:absolute;right:0px;top:0px;height:19px;padding:15px 0px 0px 0px;overflow:hidden;margin:0px;} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul{float:right;padding:0px;margin:0px;list-style-type:none;} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li{float:left;overflow:hidden;padding:0px 6px 0px 9px;margin:0px;} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.last_item{padding-right:0px;} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li a{display:block;width:11px;height:17px;text-indent:-99999px;} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.lunch_menus a{height:19px;background-image:url('custom/images/general/utility_nav/homepage/btn_lunch_menu_off.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.lunch_menus a:hover{background-image:url('custom/images/general/utility_nav/homepage/btn_lunch_menu_over.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.contact_us a{background-image:url('custom/images/general/utility_nav/homepage/btn_contact_off.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.contact_us a:hover{background-image:url('custom/images/general/utility_nav/homepage/btn_contact_over.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.google_apps a{width:12px;background-image:url('custom/images/general/utility_nav/homepage/btn_google_apps_off.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.google_apps a:hover{background-image:url('custom/images/general/utility_nav/homepage/btn_google_apps_over.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.skyward a{width:23px;background-image:url('custom/images/general/utility_nav/homepage/btn_skyward_off.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.skyward a:hover{background-image:url('custom/images/general/utility_nav/homepage/btn_skyward_over.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.facebook a{background-image:url('custom/images/general/utility_nav/homepage/btn_facebook_off.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.facebook a:hover{background-image:url('custom/images/general/utility_nav/homepage/btn_facebook_over.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.twitter a{width:20px;background-image:url('custom/images/general/utility_nav/homepage/btn_twitter_off.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.twitter a:hover{background-image:url('custom/images/general/utility_nav/homepage/btn_twitter_over.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.youtube a{width:24px;background-image:url('custom/images/general/utility_nav/homepage/btn_youtube_off.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.youtube a:hover{background-image:url('custom/images/general/utility_nav/homepage/btn_youtube_over.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.instagram a{width:17px;background-image:url('custom/images/general/utility_nav/homepage/btn_instagram_off.png');} #main #headerShellOuter #headerTopShell #headerTop #socialShell ul li.instagram a:hover{background-image:url('custom/images/general/utility_nav/homepage/btn_instagram_over.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.lunch_menus a, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.lunch_menus a{background-image:url('custom/images/general/utility_nav/interior/btn_lunch_menu_off.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.lunch_menus a:hover, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.lunch_menus a:hover{background-image:url('custom/images/general/utility_nav/interior/btn_lunch_menu_over.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.contact_us a, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.contact_us a{background-image:url('custom/images/general/utility_nav/interior/btn_contact_off.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.contact_us a:hover, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.contact_us a:hover{background-image:url('custom/images/general/utility_nav/interior/btn_contact_over.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.google_apps a, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.google_apps a{background-image:url('custom/images/general/utility_nav/interior/btn_google_apps_off.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.google_apps a:hover, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.google_apps a:hover{background-image:url('custom/images/general/utility_nav/interior/btn_google_apps_over.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.skyward a, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.skyward a{background-image:url('custom/images/general/utility_nav/interior/btn_skyward_off.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.skyward a:hover, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.skyward a:hover{background-image:url('custom/images/general/utility_nav/interior/btn_skyward_over.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.facebook a, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.facebook a{background-image:url('custom/images/general/utility_nav/interior/btn_facebook_off.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.facebook a:hover, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.facebook a:hover{background-image:url('custom/images/general/utility_nav/interior/btn_facebook_over.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.twitter a, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.twitter a{background-image:url('custom/images/general/utility_nav/interior/btn_twitter_off.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.twitter a:hover, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.twitter a:hover{background-image:url('custom/images/general/utility_nav/interior/btn_twitter_over.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.youtube a, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.youtube a{background-image:url('custom/images/general/utility_nav/interior/btn_youtube_off.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.youtube a:hover, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.youtube a:hover{background-image:url('custom/images/general/utility_nav/interior/btn_youtube_over.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.instagram a, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.instagram a{background-image:url('custom/images/general/utility_nav/interior/btn_instagram_off.png');} #main.main_interior #headerShellOuter #headerTopShell #headerTop #socialShell ul li.instagram a:hover, #main #headerShellOuter #headerTopShell.drop #headerTop #socialShell ul li.instagram a:hover{background-image:url('custom/images/general/utility_nav/interior/btn_instagram_over.png');} .translate{position:relative;float:right;padding: 0 5px 0 20px;} .translate .goog-te-gadget{font-family: 'Source Sans Pro', sans-serif;font-size:13px;color:#32489c;font-weight:400;} .translate .goog-te-gadget-simple{background:rgb(255,255,255,1);padding:0.35em 0.15em ;font-size:1em;border:0;width:100%; border-radius:20px;-webkit-border-radius:20px;-webkit-box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,0.2); box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,0.2);} .translate .goog-te-gadget img{display:none;} .translate .goog-te-gadget-simple .goog-te-menu-value{color:#32489c;padding:1em 0;width:140px;text-decoration:none;} .translate .goog-te-gadget-simple .goog-te-menu-value span{border:none!important;color:#32489c!important;padding:0 0 0 0.5em;} .goog-te-menu-frame{box-shadow:none!important;max-width:100% !important;} .goog-te-menu2{background:#F0F0EE!important;border:0!important;} /*topnav*/ #main #headerShellOuter #topNav {height:46px;width:565px;padding:52px 0px 0px 0px;margin:0px;float:left;overflow:hidden;} #main #headerShellOuter .lyndon { width:480px !important;} /*main content*/ #main #mainContentShell{margin:508px auto 0px auto;width:100%;height:991px;padding:0px;background:url('custom/images/general/background/homepage/img_bg_pattern_bottom.jpg') no-repeat center bottom; overflow: hidden; position: relative; z-index: 1;} #main #mainContentShell #mainbgImageLeft{margin:0px auto 0px auto;width:50%;height:897px;position:absolute;left:0px;top:88px;margin-left:-700px; background:url('custom/images/general/background/homepage/img_gradient_botm_repeat.png') repeat-x 0px 0px;z-index:2;} #main #mainContentShell #mainbgImageRight{margin:0px auto 0px auto;width:50%;height:897px;position:absolute;right:0px;top:88px;margin-right:-700px;background:url('custom/images/general/background/homepage/img_gradient_botm_repeat.png') repeat-x 0px 0px;z-index:2;} #main #mainContentShell #mainContentShellInner{height:991px;margin:0px auto 0px auto;width:100%;padding:0px;background: url('custom/images/general/background/homepage/img_bg_pattern_top.jpg') no-repeat center 94px;} #main #mainContentShell_interior #mainbgImageLeft{margin:0px auto 0px auto;width:50%;height:897px;position:absolute;left:0px;top:94px;margin-left:-700px; background:url('custom/images/general/background/homepage/img_gradient_botm_repeat.png') repeat-x 0px 0px;z-index:2;} #main #mainContentShell_interior #mainbgImageRight{margin:0px auto 0px auto;width:50%;height:897px;position:absolute;right:0px;top:94px;margin-right:-700px;background:url('custom/images/general/background/homepage/img_gradient_botm_repeat.png') repeat-x 0px 0px;z-index:2;} /*announcements*/ #main #mainContentShell #announcementsShellOuter {margin:0px auto 0;overflow: hidden; padding:0px 22px 6px 22px;position: relative; width: 960px;height:408px;background:url('custom/images/general/background/homepage/img_hline.png') no-repeat center bottom;} #main #mainContentShell #announcementsShellOuter #announcementsShellimages {margin:0pxoverflow: hidden; padding:0px 0 0 0; position: relative; width:960px;height:412px;} #main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell{background-image:url('custom/images/homepage/district/callouts/img_callout_frame.png');width:280px; height:400px;float:left;background-repeat:no-repeat;padding:0;overflow:hidden;margin-left:60px;position:relative;} #main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell a{display:block;text-decoration:none;font-family: 'Lora', serif;font-size:21px;width:280px; height:412px;} #main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell a:hover{color:#e9b619;} #main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell:first-child{margin-left:0px;} #main #mainContentShell #announcementsShellOuter #announcementsShellimages .annItem{width:240px; height:240px;margin:20px;background-repeat:no-repeat; border-radius: 50%; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #main #mainContentShell #announcementsShellOuter #announcementsShellimages .annItemOver{width:280px; height:280px;background:url('custom/images/homepage/district/callouts/btn_callout_over.png') no-repeat center center;position:absolute;left:0px;top:0px;display:none;} #main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell h2{font-family: 'Lora', serif;font-size:21px;text-align:center; padding:0px; color:#32489c; width:280px;padding:12px 0px 40px 0px;font-weight:400;height:80px;overflow:hidden;} /*#main #mainContentShell #announcementsShellOuter #announcementsShellimages .annShell h2:hover{color:#e9b619;}*/ /*bottom section*/ #main #bottomShell{width:960px;height:373px;padding:40px 22px 13px 22px;margin:0px auto;background:url('custom/images/general/background/homepage/img_hline_bottom.png') no-repeat center bottom;} #main #bottomShell #leftColumnShell{float:left;width:450px;padding:0px 60px 0px 0px;} #main #bottomShell #leftColumnShell #newsShell, #main #bottomShell #rightColumnShell #eventsShell{width:450px;position:relative;padding:0px;margin:0px;} #main #bottomShell #leftColumnShell #newsShell h2, #main #bottomShell #rightColumnShell #eventsShell h2{color:#333;font-size:23px;line-height:23px;font-family: 'Lora', sans-serif;font-weight:400; text-transform:uppercase;padding:0px;margin:2px 0px 26px 0px;width:450px; letter-spacing:.05em;} #main #bottomShell #leftColumnShell #newsShell #newsViewAll, #main #bottomShell #rightColumnShell #eventsShell #eventsViewAll{position:absolute;right:0px;top:-2px;} #main #bottomShell #leftColumnShell #newsShell #newsViewAll ul, #main #bottomShell #rightColumnShell #eventsShell #eventsViewAll ul{list-style-type:none;padding:0px;margin:0px;} #main #bottomShell #leftColumnShell #newsShell #newsViewAll ul li, #main #bottomShell #rightColumnShell #eventsShell #eventsViewAll ul li{padding:0px;margin:0px;display:none;} #main #bottomShell #leftColumnShell #newsShell #newsViewAll ul li:first-child{display:block;} #main #bottomShell #rightColumnShell #eventsShell #eventsViewAll ul li:first-child + li{display:block;} #main #bottomShell #leftColumnShell #newsShell #newsViewAll ul li a, #main #bottomShell #rightColumnShell #eventsShell #eventsViewAll ul li a{font-family: 'Source Sans Pro', sans-serif;color:#2b439c;font-weight:400;font-size:15px;text-decoration:none;text-transform:capitalize;padding:0px;margin:0px; top:7px; position:relative;} #main #bottomShell #leftColumnShell #newsShell #newsViewAll ul li a:hover, #main #bottomShell #rightColumnShell #eventsShell #eventsViewAll ul li a:hover{font-family: 'Source Sans Pro', sans-serif;color:#e9b619;font-weight:400;font-size:15px;text-decoration:none;text-transform:capitalize;padding:0px;margin:0px;} #fbScroll{width:95%;} #main #bottomShell #leftColumnShell #newsShell #newsScroll, #main #bottomShell #rightColumnShell #eventsShell #eventsScroll{width:450px;height:287px;overflow:hidden;outline:none;padding:0px;margin:0px;} #main #bottomShell #leftColumnShell #newsShell .newsItem{width:427px;margin:16px 0px 0px 0px;padding:15px 0px 0px 0px;letter-spacing:1px;clear:both;overflow:hidden;border-top:1px dotted #999;} #main #bottomShell #leftColumnShell #newsShell .newsItem:first-child{margin-top:0px;padding-top:0px;border:none;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsImage{width:30%;float:left;overflow:hidden;margin:0px 5% 0px 0px;padding:0px;display:inline-block;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsImage img{width:100%;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsImage a{display:block;} #main #bottomShell #leftColumnShell #newsShell .newsItem span.fbDetails{font-family: 'Source Sans Pro', sans-serif;display:inline-block;padding:5px 0 0 0;widht:100%;} #main #bottomShell #leftColumnShell #newsShell .newsItem span.fbDetails img{margin-right:10px;} #main #bottomShell #leftColumnShell #newsShell .newsItem a.btn{display: block;font-size: 15px;text-align: right;text-transform: uppercase; padding: 2px 0px 0px 0px;color: #2b439c; margin: 0px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;} #main #bottomShell #leftColumnShell #newsShell .newsItem a.btn:hover{color:#000;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsContent{float:left;overflow:hidden;width:100%;padding:0px 0px 0px 0px;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsContent.wImg{width:65%;float:right;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsContent h3{color:#2b439c;font-family: 'Source Sans Pro', sans-serif;font-size:18px;font-weight:600;padding:0px;margin:-4px 0px 0px 0px;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsContent h3 a{color:#2b439c;text-decoration:none;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsContent h3 a:hover{color:#e9b619;text-decoration:none;} #main #bottomShell #leftColumnShell #newsShell .newsItem .newsContent p{line-height:18px;margin-bottom:0px;padding:0px;margin:0px;font-family: 'Source Sans Pro', sans-serif;font-size:15px; color:#666;font-weight:400;} #main #bottomShell #rightColumnShell{float:left;overflow:hidden;width:450px;padding:0px 0px 0px 0px;} #main #bottomShell #rightColumnShell #eventsShell #events{width:450px;padding:0px 0px 0px 0px;} #main #bottomShell #rightColumnShell #eventsShell #events a.eventsLink{color:#666;text-decoration:none;font-family: 'Source Sans Pro', sans-serif;font-size:15px;font-weight:400;} #main #bottomShell #rightColumnShell #eventsShell #events a.eventsLink:hover {color:#e9b619;text-decoration:none;font-family: 'Source Sans Pro', sans-serif;font-size:15px; } #main #bottomShell #rightColumnShell #eventsShell #events a.eventsLink:hover span {color:#e9b619;text-decoration:none;font-family: 'Source Sans Pro', sans-serif;font-size:15px;font-weight:bold; } #main #bottomShell #rightColumnShell #eventsShell #events ul{list-style-type:none;padding:0px;margin:0px;overflow:hidden;} #main #bottomShell #rightColumnShell #eventsShell #events ul li{clear:both;float:none;} #main #bottomShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above{width:427px;padding:14px 0px 0px 0px;margin:2px 0px 0px 0px;overflow:hidden;border-top:1px dotted #999;} #main #bottomShell #rightColumnShell #eventsShell #events ul li.upcoming_events_top{border:none;padding-top:0px;} #main #bottomShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above .dateBox{width:72px;height:54px;float:left;padding:0px;margin:-3px 14px 15px 0px;} #main #bottomShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above .dateBox .month{display:block;font-size:15px;text-align:center;text-transform:uppercase;padding:2px 0px 0px 0px;color:#2b439c;margin:0px;font-family: 'Source Sans Pro', sans-serif;font-weight:600;} #main #bottomShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above .dateBox .day{display:block;font-size:55px;font-family: 'Source Sans Pro', sans-serif;font-weight:600;text-align:center;color:#2b439c;padding:0px;margin:0px;line-height:39px;} #main #bottomShell #rightColumnShell #eventsShell #events .eventBox{width:341px;float:left;overflow:hidden;} #main #bottomShell #rightColumnShell #eventsShell #events .eventBox ul{padding-bottom:0px;} #main #bottomShell #rightColumnShell #eventsShell #events .eventBox ul:hover{padding-bottom:0px;color:#e9b619;} #main #bottomShell #rightColumnShell #eventsShell #events .eventBox ul li{} #main #bottomShell #rightColumnShell #eventsShell #events ul li.upcoming_events_above ul li{clear:none;float:left;overflow:hidden;} #main #bottomShell #rightColumnShell #eventsShell #events .upcoming_events_time{font-weight:700;padding-right:1px;color:#000;} #main #bottomShell #rightColumnShell #eventsShell #events ul li.upcoming_events_date{margin-top:-4px;padding:0px 0px 9px 0px;} /*footer*/ #main #footerShellOuter{width:960px;height:145px;margin:0px auto;padding:0px 22px 0px 22px;overflow:hidden;position:relative;} #main #footerShellOuter #footerTopShell{width:960px;margin:0px 0 0 0;padding:0px 0px 0px 0px;} #main #footerShellOuter #footerTopShell #footerTop{margin:0px;width:960px;padding:0px;position:relative;position:relative;font-family: "Source Sans Pro",sans-serif;font-weight:400;color:#000;font-size:13px;} #main #footerShellOuter #footerTopShell #footerTop ul{padding:0px;margin:0px;list-style-type:none;float:none;clear:both;} #main #footerShellOuter #footerTopShell #footerTop #CMS4SchoolsLogo{width:170px;height:28px;position:absolute;right:0px;top:80px;} #mainShell.mainShell_interior #footerShellOuter #footerTopShell #footerTop #CMS4SchoolsLogo{width:170px;height:28px;position:absolute;right:0px;top:78px;} #main #footerShellOuter #footerTopShell #footerTop #CMS4SchoolsLogo a{width:170px;height:28px;background:url('custom/images/general/btn_cms4schools.png');display:block;} #main #footerShellOuter #footerTopShell #footerTop #footerAdrress{width:780px;font-size:13px;font-family: "Source Sans Pro",sans-serif;padding:22px 0px 0px 0px;} #mainShell.mainShell_interior #footerShellOuter #footerTopShell #footerTop #footerAdrress{width:780px;font-size:13px;font-family: "Source Sans Pro",sans-serif;padding:16px 0px 0px 0px;} #main #footerShellOuter #footerTopShell #footerTop #footerAdrress ul li{float:left;padding:0px 5px 0px 2px;margin:0px;background:url('custom/images/general/footer_dot.jpg') no-repeat right 8px;} #main #footerShellOuter #footerTopShell #footerTop #footerAdrress ul li:last-child {background: none} #main #footerShellOuter #footerTopShell #footerTop #footerAdrress ul li strong, #main #footerShellOuter #footerTopShell #footerTop #footerContact ul li strong{font-weight:400 !important;} #main #footerShellOuter #footerTopShell #footerTop #footerAdrress ul li:first-child strong{font-weight:700 !important;} #main #footerShellOuter #footerTopShell #footerTop #footerAdrress ul li:first-child {color:#2b439c;float:none;margin-bottom:-2px;background:none;padding-left:0px;} #main #footerShellOuter #footerTopShell #footerTop #footerAdrress ul li:first-child + li{padding-left:0px;} #main #footerShellOuter #footerTopShell #footerTop #footerAdrress ul li:first-child + li, #main #footerShellOuter #footerTopShell #footerTop #footerAdrress ul li:first-child + li + li{display:block;font-family: "Source Sans Pro",sans-serif;} #main #footerShellOuter #footerTopShell #footerTop #translator{position:relative;display:inline-block;float:right;} #main #footerShellOuter #footerBottomShell{clear:both;float:none;overflow:hidden;width:960px;padding:12px 0px 0px 0px;font-size:12px;font-family: "Source Sans Pro",sans-serif;font-weight:400;color:#333;} #main #footerShellOuter #copyright {} /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer {overflow:hidden; position:relative;background-color:transparent; } .jspPane {position:absolute;background-color:transparent;} .jspVerticalBar {background-color:transparent;height:100%;position:absolute;right:0px;top:0px;width:8px;padding:0px 0px 0px 0px;} .jspHorizontalBar{display:none;} .jspVerticalBar *, .jspHorizontalBar * {margin:0; padding:0;} .jspHorizontalBar .jspCap {float:left;display:none;} .jspTrack {background:transparent;position:relative;background-color:#cdcdcd;z-index:1;padding:0px;margin:0px;} .jspDrag{background:transparent;cursor:pointer;left:0;position:relative;top:0px;background-color:#666;width:8px;margin:0px 0px 0px 0px;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {display:none;} .jspArrow{display:none;} .jspCorner {background:transparent; float:left; height:100%;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner {margin:0 -3px 0 0;} .jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover {background-color:#666;} .jspCapTop{background-position:0px 0px;width:8px;height:1px;display:none;} .jspCapBottom{background-position:0px 0px;width:8px;height:1px;display:none;} #main #slideshowShell{height:1190px;} #main #slideshowShell #bgImageLeft, #main #slideshowShell #bgImageRight{height:925px;top:133px;background-position:bottom center;} #main #slideshowShell #slideshowPattern{height:1056px;} #main #slideshowShell #slideshowPattern h1{margin-top:788px;} #main #mainContentShell{margin-top:863px;} #main #slideshowShell .imageDip{height:1148px} #main #mainContentShell #mainbgImageLeft, #main #mainContentShell #mainbgImage{top:95px;} @media (max-width: 2600px) { #main #slideshowShell{height:1050px;} #main #slideshowShell #bgImageLeft, #main #slideshowShell #bgImageRight{height:816px;top:140px;background-position:bottom center;} #main #slideshowShell #slideshowPattern{height:956px;} #main #slideshowShell #slideshowPattern h1{margin-top:696px;} #main #mainContentShell{margin-top:762px;} #main #slideshowShell .imageDip{height:1012px} #main #mainContentShell #mainbgImageLeft, #main #mainContentShell #mainbgImage{top:94px;} } @media (max-width: 2200px) { #main #slideshowShell{height:850px;} #main #slideshowShell #bgImageLeft, #main #slideshowShell #bgImageRight{height:680px;top:170px;} #main #slideshowShell #slideshowPattern{height:855px;} #main #slideshowShell #slideshowPattern h1{margin-top:580px;} #main #mainContentShell{margin-top:635px;} #main #slideshowShell .imageDip{height:844px} #main #mainContentShell #mainbgImageLeft, #main #mainContentShell #mainbgImage{top:93px;} } @media (max-width: 1800px) { #main #slideshowShell{height:770px;} #main #slideshowShell #bgImageLeft, #main #slideshowShell #bgImageRight{height:598px;top:168px;} #main #slideshowShell #slideshowPattern{height:770px;} #main #slideshowShell #slideshowPattern h1{margin-top:510px;} #main #mainContentShell{margin-top:558px;} #main #slideshowShell .imageDip{height:742px} #main #mainContentShell #mainbgImageLeft, #main #mainContentShell #mainbgImage{top:94px;} @media (max-width: 1600px) { #main #slideshowShell{height:700px;} #main #slideshowShell #bgImageLeft, #main #slideshowShell #bgImageRight{height:544px;top:151px;} #main #slideshowShell #slideshowPattern{height:700px;} #main #slideshowShell #slideshowPattern h1{margin-top:464px;} #main #mainContentShell{margin-top:508px;} #main #slideshowShell .imageDip{height:675px} #main #mainContentShell #mainbgImageLeft, #main #mainContentShell #mainbgImage{top:88px;} } @media (max-width: 1400px) { #main #slideshowShell{height:630px;} #main #slideshowShell #bgImageLeft, #main #slideshowShell #bgImageRight{height:490px;top:136px;} #main #slideshowShell #slideshowPattern{height:630px;} #main #slideshowShell #slideshowPattern h1{margin-top:370px;font-size:30px} #main #mainContentShell{margin-top:437px;} #main #slideshowShell .imageDip{height:608px} #main #mainContentShell #mainbgImageLeft, #main #mainContentShell #mainbgImage{top:80px;} }