#content {display: none;} #firstSlide {display: none; visibility: hidden;} .slider {width: 960px; position: relative; height: 460px; margin: 20px auto 0;} .slider .wrapper {width: 960px; overflow: auto; height: 300px; margin: 0; position: absolute; top: 0; left: 0; z-index: 1; border: 1px solid #eee;} .thumbNav {position: absolute; width: 960px; top: 292px; text-align: center; z-index: 2; overflow: hidden;} .thumbNav ul {margin: 0; display: block; float: left;} .thumbNav li {margin: 0 10px; padding: 0; width: 220px; height: 160px; float: left; list-style: none;} .thumbNav .slideThumb {display: block; border: 1px solid #eee; width: 214px; height: 74px; padding: 2px; overflow: hidden; background: url(../images/design/thumb-holding-image.png) 2px 2px no-repeat;} .thumbNav .slideThumb img {width: 214px !important;} .thumbNav .slideTitle {display: block; color: #666; padding: 10px 0 0 0;} .thumbNav a {padding-top: 25px; display: block;} .thumbNav a.cur {background: url(../images/design/icon-uparrowsmallwhite.png) top center no-repeat;} .slider .wrapper ul {width: 32700px; /* Width is max for Opera */ list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .slider .wrapper ul li {display: block; float: left; padding: 0 20px 0 40px; height: 300px; width: 910px; margin: 0; text-align: center; position: relative; font-size: 90%;} .slider .wrapper .inner-wrapper {padding: 10px 0;} .slider .wrapper ul li a .slideTitle{position: absolute; left: 37px; top: 305px; width: 400px; text-transform: uppercase; font-size: 49px; color: #757575; text-shadow: 1px 1px 1px rgba(255,255,255,.66);} .slider .wrapper ul li a .slideImg {position: absolute; left: 37px; top: 21px;} .slider .wrapper ul li a .slideImg img{width: 400px; height: 250px; border: none;} .slider .wrapper ul li a .slideText {display: inline; float: right; margin: 40px 20px 0; width: 380px; text-align: left;} .slider .arrow {display: none; height: 52px; width: 42px; text-indent: -9999px; position: absolute; top: -235px; cursor: pointer; } .slider .arrow a {height: 52px; width: 42px; background: #ccc; padding: 0; margin: 0;} .slider .forward {background-position: top right; right: 0;} .slider .back {background-position: top left; left: 0;} .slider .forward a {background-position: bottom right; } .slider .back a {background-position: bottom left; } .start-stop {display: none; z-index: 3; color: green; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 420px;} .start-stop.playing {color: red; } .start-stop:hover {background-image: none; } .slider .panel .intro, .slider .panel .thumbnail-large {width: 480px; height: 280px; float: left; display: block; text-align: left; overflow: hidden;} .slider .panel .thumbnail-large .imageOverlay {background: url(../images/design/slider-photo-overlay.png); position: absolute; top: 0; left: 0; width: 540px; height: 280px; display: block;} .slider .panel .intro {width: 350px; padding: 30px 0 0 0;} .slider .panel .thumbnail-large {width: 540px; float: right; position: relative;} .slider h1, .slider h2, .slider h3 {margin-top: 0.1em;} .slider .slideContent {line-height: 110%;} .slider .slideContent h1 {line-height: 110%; font-size: 210%; margin: 0 0 1em 0;} .slider .slideContent h2 {line-height: 110%; font-size: 180%; margin: 0;} .prospectusDownload {width: 200px; height: 70px; padding: 25px 80px 5px 50px; display: block; color: #fff!important; text-shadow: 1px 1px 1px #418899; line-height: 120%; background: url(../images/design/prospectus-link-button.jpg) top no-repeat;} .prospectusDownload span {color: #a3ddf1!important; text-shadow: none; font-size: 90%;} .prospectusDownload:hover {background-position: bottom; padding: 28px 80px 2px 50px;} #latest-news {float: left; width: 800px; background: #333; padding: 0 0 20px 0;} #latest-news-header {background: #484848; padding: 20px;} #latest-news-header #latest-news-title {width: 500px; float: left; padding: 10px 0 0 0;} #latest-news-header #latest-news-title img {float: left; padding: 10px 10px 20px 0;} #latest-news-header #latest-news-title h2 {padding: 10px 0 0; margin: 0; color: #ccc;} #app-button-link {float: right;} #app-button-link a {background: url(../images/design/iphone-app-button.png) top center no-repeat; display: block; width: 240px; height: 90px;} #app-button-link a:hover {background-position: bottom;} #app-button-link a span {display: none;} #calendarArea {float: left; margin: 0 20px; padding: 20px 0 0; display: block; background: url(../images/design/news-events-down-arrow.png) top center no-repeat;} /* DEFAULT $.calendar() styles */ #calendarArea table.cal-popout {width: 280px; margin: 0; border-collapse: collapse; background: #eee;} #calendarArea .cal-popout tr {background: url(../images/design/cal_row_bg.gif) repeat-x bottom;} #calendarArea .cal-popout td {text-align:center; margin: 0; border:1px solid #d7d7d7; background: #e5e7d7;} #calendarArea #calendarPopup table.cal-popout thead td {background: none; border-left: none; border-right: none;} #calendarArea #calendarPopup table.cal-popout thead td a {background: none; border-left: none; border-right: none;} #calendarArea .cal-popout td.cal-cellEmpty {border: none; background: none;} #calendarArea .cal-popout thead td.cal-prevMonth a .cal-icon, #calendarArea .cal-popout thead td.cal-nextMonth a .cal-icon {display: block; text-indent: -999em;} #calendarArea .cal-popout thead td.cal-prevMonth a .cal-icon {background: url(../images/design/cal_back.gif) no-repeat center;} #calendarArea .cal-popout thead td.cal-nextMonth a .cal-icon {background: url(../images/design/cal_forward.gif) no-repeat center;} #calendarArea .cal-popout tbody td {background: #fff url(../images/design/calendar_cell_bg.gif) repeat-x bottom;} #calendarArea .cal-popout td a {display:block; padding:8px 5px; text-decoration:none; color:#818181; border-left: 1px solid #FFF;} #calendarArea .cal-linkHolder {position:relative; display:block;} #calendarArea .cal-loading {-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;} #calendarArea .cal-label {display:none;} #calendarArea .cal-icon {display:block; cursor:pointer; text-align:center;} #calendarArea .cal-monthName {text-align:center; font-weight: bold; font-size: 130%;} #calendarArea .cal-popout tbody td.cal-hasevent a {background: url(../images/design/cal_marker.gif) no-repeat right bottom;} #calendarArea .cal-day-names {font-size:80%; color:#777; text-transform: uppercase;} #calendarArea .cal-day-names abbr {border: none;} #calendarArea .cal-popout abbr {cursor:help;} #calendarArea .cal-row-even a {} #calendarArea .cal-popout tbody td.cal-today {background: #8da9b6 url(../images/design/cal_today.gif) no-repeat left top;} #calendarArea .cal-popout tbody td.cal-today a {border: none; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.3);} #calendarArea .cal-popoutContent {background:#fff; border:1px solid #777; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; color: #000; text-shadow: none;} #calendarArea .cal-events {margin:0; padding:10px 10px 2px; list-style:none; font-size: 85%;} #calendarArea .cal-events li {margin:0 0 10px; padding:0;} #calendarArea .cal-events li span {display:block; text-align: left;} #calendarArea .cal-eventTitle {font-weight:normal; } #calendarArea .cal-eventTimescale {font-weight: bold;} #calendarArea .cal-popoutPointer-border {border-color:#777;} #calendarArea .cal-popoutPointer-content {border-color:#fff;} /* Fix for ie6 transparency rendering */ *html .cal-popoutPointer-border {filter: chroma(color=pink);} *html .cal-popoutPointer-content{filter: chroma(color=pink);} #calendarArea #calLink {display: block; margin: 10px 0 0; width: 280px; } #calendarArea #calLink a:link {text-decoration: none;} #calendarArea #calLink a:visited {text-decoration: none;} #calendarArea #calLink a:hover {text-decoration: underline;} #calendarArea #calLink a:focus {text-decoration: underline;} #calendarArea #calLink a:active {text-decoration: underline;} #calendarArea #calLink #calBox {display: inline; float: left; margin: 0 20px 0 0; padding: 15px 5px 5px; background: #fff url(../images/design/calendar_link_bg.gif) repeat-x left top; border: 1px solid #fff; text-align: center; font-size: 23px; color: #393939;} #calendarArea #calLink #calBox .ord {font-size: 11px;} #calendarArea #calLink .moreLink {display: inline; float: left; padding: 5px 0 0; font-size: 18px; color: #fff; text-shadow: 0 1px 1px #000;} #calendarArea #calLink .moreLink .subTitle {display: block; font-size: 14px; font-style: italic; color: #dbdbdb;} #latest-news-stories {margin: 20px 0 0 30px; display: block; width: 440px; height: 300px; float: left; list-style-type: none; font-size: 11px; position: relative;} #latest-news-stories #news-edge {background: url(../images/design/news-edge-rpt.png) top repeat-x; width: 100%; height: 10px; position: absolute; bottom: 0; left: 0; z-index: 10;} #latest-news-stories ul {margin: 0; padding: 0; position: relative; z-index: 9; width: 440px; height: 300px; overflow: auto;} #latest-news-stories ul li {display: block; padding: 0 0 20px 0; width: 410px; overflow: auto; color: #ccc;} #latest-news-stories ul li .newsThumbWrapper{display: inline; float: left; width: 90px; text-align: center; font-size: 11px;} #latest-news-stories ul li .newsThumbWrapper .newsThumb{display: block; width: 82px; height: 82px; border: 4px solid #222; background: url(../images/design/latest-news-smallthumb.png) center no-repeat;} #latest-news-stories ul li .newsThumbWrapper .newsThumb a{display: block; width: 82px; height: 82px;} #latest-news-stories ul li .newsThumbWrapper .newsThumb a img{display: block; width: 82px; height: 82px;} #latest-news-stories ul li .newsThumbWrapper .newsDate{display: block; padding: 5px 0;} #latest-news-stories ul li .newsThumbWrapper .storyComments{display: block;} #latest-news-stories ul li .newsWrapper {display: inline; float: right; padding: 0; width: 300px;} #latest-news-stories ul li h3 {font-size: 120%; margin: 0 0 10px 0;} #latest-news-stories ul li h3 a {color: #eee;} #house-points {float: left;} #main #quick-links {clear: both; display: block; padding: 30px 0 10px;} #main #quick-links .column {float: left; width: 300px;} #main #quick-links .title {width: 50px; min-height: 260px; float: left; text-align: left; position: relative; background: url(../images/design/subnav-icon.png) no-repeat top left;} #main #quick-links #parents .title {background: url(../images/design/ql-icon-parents.png) no-repeat top left;} #main #quick-links #community .title {background: url(../images/design/ql-icon-community.png) no-repeat top left;} #main #quick-links #school .title {background: url(../images/design/ql-icon-school.png) no-repeat top left;} #main #quick-links .title h2 {margin: 5px 0 0 0; padding: 12px 10px 18px 20px; height: 20px; background: #eaeaea url(../images/design/sidebar-title-end.png) left no-repeat; display: block; float: right; text-align: right; font-size: 170%; white-space: nowrap; color: #999; -webkit-transform: rotate(-90deg); -webkit-transform-origin: bottom right; -o-transform: rotate(-90deg); -o-transform-origin: bottom right; -moz-transform: rotate(-90deg); -moz-transform-origin: bottom right; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(-90deg); transform-origin: bottom right; } #main #quick-links a:hover {color: #f9a61a;} #main #quick-links p {margin: 15px 0 10px 20px; display: block; float: left; width: 210px;} #main #quick-links ul {margin: 0; padding: 10px 20px 10px 30px; float: left; width: 190px;} #main #quick-links li {display: block; margin: 0; padding: 0; list-style: none;} #main #quick-links li a {display: block; margin: 0; padding: 0 0 0 20px; color: #333; background: url(../images/design/orange-bullet.png) left center no-repeat;} #twitter-short {clear: both; width: 960px; height: 105px; margin: 0 0 -31px 0; background: url(../images/design/home-tweet-bg.png) no-repeat; position: relative; z-index: 100;} #twitter-short .twtr-tweet-text {font-size: 160%; color: #999; padding: 5px 10px;} #twitter-short .twtr-hd, #twitter-short .twtr-ft {display: none;} #twitter-short .twtr-timestamp {display: none;} #follow-link {position: absolute; left: 80px; bottom: 0;}