/* -------- Winchester College Homepage CSS ------------------- */ /* -------- Created 15/08/2009 ----------- */ /* --------------------------------------------- Reset --------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em, font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ul,fieldset,form,label,legend,table,caption, tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;text-align:left;} table{border-collapse:collapse;border-spacing:0;} q:before,q:after,blockquote:before,blockquote:after{content:"";} /* --------------------------------------------- CORE --------------------------------------------- */ body { font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(../images/bg.png) #4b74b4 repeat-x; background-position:center 53px; color:#333333; line-height:18px; } a {color:#c42f3b;text-decoration:none;} a:hover {text-decoration:underline;} h1 { font-family:Georgia, Times, serif; font-size:22px; line-height:28px; font-weight:bold; color:#ffffff; } h2 { font-family:Georgia, Times, serif; font-size:16px; line-height:22px; font-weight:bold; color:#ffffff; } h3 {font-family:Georgia, Times, serif;font-size:16px;color:#ffffff;} p {line-height:18px;} /* Clear float fix */ .clearfix {display:block;clear:both;} /* Color list */ .darkblue {color:#274470;} .lightblue {color:#4b74b4;} .red {color:#c42f3b;} /* Global values */ #mainContain {width:1000px;height:auto;margin:0 auto;} /* --------------------------------------------- NAVIGATION --------------------------------------------- */ #navWrap {width:1002px;height:85px;} /*JQuery menu*/ #MenuBox { width:400px; min-height:180px; display: block; padding:5px; border:1px solid #003663; background:#4b74b4; position:absolute; top:32px; z-index:102;} #MenuBox-hide { min-width: 100px; position:absolute; top:-33px; left:-1px; display:block; height:32px; line-height:32px; border-top:0px; border:1px solid #003663; border-width:1px 1px 0px 1px; background:#4b74b4; padding:0 10px; color:#999; font-weight: bold; text-decoration:none; } #MenuBox-hide:hover { color:#FFF; } #navWrap div ul {display:block;height:32px;} #navWrap div ul li {display:block;float:left;width:auto;height:22px;} #navWrap div ul li a {color:#ffffff;} #navWrap div ul li.selected a {font-weight:bold;color:#0fa1f5;} #bullNav {float:right; padding-top:5px; margin-bottom:10px; height:18px;} #bullNav li {float:left; margin-left:20px; margin-right:5px; padding-left:0px; color:#c42f3b;} #bullNav li a {color:#ffffff;} #mainNav {width:100%; height:49px; padding-top:1px; background: url(../images/nav-sprite.png) no-repeat 0 0; margin-bottom:5px; list-style:none; font-family:Georgia, Times, serif;} #mainNav li {height:32px; padding:15px 10px 0 10px; float:left; border-right:#40608a 1px solid; border-left:#6d95c8 1px solid; cursor:pointer;} #mainNav li a {color:#FFFFFF; font-size:19px; font-weight:lighter; height:32px; display:block; } #mainNav li a:hover {text-decoration:none;} #mainNav li:hover { background: url(../images/nav-sprite.png) no-repeat -20px -51px;} #mainNav li.first {border-left:none;} #mainNav li.first:hover { background: url(../images/nav-sprite.png) no-repeat 0 -51px;} #mainNav li.last {border-right:none;} #mainNav li.last:hover {background:none; cursor:none;} .hover-menu {position:relative;} .actions {color:#c42f3b; height:auto !important; width:210px; position:absolute; top:35px; left: -10px; padding-bottom:10px; background: url(../images/dropdown_bot.png) no-repeat bottom left; list-style:disc;} .actions li {padding:5px 10px 5px 10px !important; width:190px !important; height:auto !important; background: url(../images/dropdown_bg.png) repeat-y 0 0; border:none !important; float:none !important; } .actions li:hover a span font {color:#5787c2 !important;} .actions li:hover {width:190px !important; height:auto !important; background: url(../images/dropdown_bg-over.png) repeat-y 0 0 !important; border:none !important;} .actions li a {width:190px; font-family:Arial, Helvetica, sans-serif; font-size:15px !important; font-weight:lighter; height:auto !important;} /* #leftNav {float:left;width:750px;} #leftNav ul li {background:url(../images/nav-divider.gif) right no-repeat;padding:10px 10px 0 10px;} #rightNav {float:right;width:240px;} #rightNav ul li {background:url(../images/bullet.gif) no-repeat;background-position:left 15px;padding:10px 3px 0 8px;} #rightNav ul li:first-child {background:none;} */ .leftNav li.active .thirdNavTop {background:#c93a38 url(../images/arrowred-down.png) no-repeat top right !important;} .thirdLevel2 li.active a {background:#c93a38 !important;} .thirdLevel2 li.active {background:#c93a38 !important;} #MenuBox ul { min-height:100px; display:block; clear:both; } #MenuBox ul li { background:url(../images/bullet.gif) no-repeat 0 6px; padding:2px 5px 2px 10px; line-height:14px; height:14px; width:160px !important; display:block; !important } /* --------------------------------------------- HEADER --------------------------------------------- */ #headerWrap {width:1000px;} #logo {float:left;width:243px;height:225px;margin:8px 0 0 15px;background:url(../images/WinchesterCollege-logo.png) no-repeat;} #logo a {display:block;width:243px;height:210px;outline:none;text-indent:-9999px;} #playerBox { position:absolute; width:202px;height:18px; right:10px;top:193px; z-index:5; padding:2px 0 0 5px; background:url(../images/player-bg.png) no-repeat; } #playerBox ul {display:block;height:20px;} #playerBox ul li {display:block;float:left;width:auto;height:20px;padding-right:9px;} #playerBox ul li a {width:10px;font-weight:bold;color:#9d9d9d;} #playerBox ul li a:hover {color:#ffffff;text-decoration:none;} #playerBox ul li a.prevLink, #playerBox ul li a.nextLink {display:block;text-indent:-9999px;width:8px;height:20px;padding:0;} #playerBox ul li a.prevLink {background:url(../images/arrow-left.png) 0 3px no-repeat;} #playerBox ul li a.nextLink {background:url(../images/arrow-right.png) 0 3px no-repeat;} #playerBox ul li a.selected {color:#ffffff;} #carousel {position:relative;float:right;width:717px; height:228px; overflow:hidden !important; margin:6px 0 0px 0; background:url(../images/bg-slideshow.jpg) no-repeat 0 0; padding:3px 0 0 3px;} #nt-slideshow-holder {width:717px; height:228px; overflow:hidden !important;} #slideshow-nav { position:absolute; width:202px;height:18px; right:10px;top:193px; z-index:100; padding:2px 0 0 5px; background:url(../images/player-bg.png) no-repeat; } #slideshow-nav ul {display:block;height:20px;} #slideshow-nav ul li {display:block;float:left;width:auto;height:20px;padding-right:9px;} #slideshow-nav a {width:15px;font-weight:bold;color:#9d9d9d; padding:0px; display:inline-block;} #slideshow-nav a:hover {color:#ffffff;text-decoration:none;} #slideshow-nav a.prevLink, #playerBox ul li a.nextLink {display:block;text-indent:-9999px;width:8px;height:20px;padding:0;} #slideshow-nav a.prevLink {background:url(../images/arrow-left.png) 0 3px no-repeat;} #slideshow-nav a.nextLink {background:url(../images/arrow-right.png) 0 3px no-repeat;} #slideshow-nav a.activeSlide {color:#ffffff;} #nt-slideshow-controls { position:absolute; width:36px;height:18px; right:10px;top:196px; z-index:101; padding:2px 0 0 5px;} #nt-slideshow-controls a { float:left; } #nt-slideshow-controls a.pause { display:block; width:12px; height:12px; background:url(../images/icon-pause.gif) no-repeat 0 0; text-indent:-9999999px;} #nt-slideshow-controls a.play { display:block; width:12px; height:12px; background:url(../images/icon-play.gif) no-repeat 0 0; text-indent:-9999999px;} #nt-slideshow-controls a.paused { background:url(../images/icon-paused.gif) no-repeat 0 0; } /* --------------------------------------------- BODY (2 column) --------------------------------------------- */ #bodyWrap {width:1000px; padding:5px 0 0 0;} #leftColumn {float:left;width:577px;margin:0px 0 0 3px; padding:0px 0 0 0 ;} #bodyContent {width:577px;padding-top:20px;background:url(../images/home-body-bg.png) repeat-y;} #bodyContent h1 {display:block;width:522px;margin:0 0 10px 7px;padding:5px 20px;background:#c42f3b;} #bodyContent p {margin:0 30px;padding-bottom:18px;} /* THIRD LEVEL MENU */ #thirdMenu { float:left; margin:0 0 10px -5px; padding:0; clear:both; } #thirdMenu li { display:inline; float: left; margin:0 !important; padding:0px; } #thirdMenu li a { padding:2px 5px 1px 5px; border-right:1px solid #666;} #thirdMenu li.active a { color:#666; } #bodyFooter {width:577px;height:8px;background:url(../images/home-body-bottom.png);} #twoColBodyWrap {width:577px;padding-bottom:10px;} #buttons {float:left;width:263px;padding-left:6px;} #buttons ul {display:block;width:269px;} #buttons ul li {display:block;width:269px;height:37px;padding-top:5px;} #buttons ul li a {display:block;width:254px;height:27px;padding:10px 0 0 15px;font-size:14px;color:#ffffff;} #buttons ul li a:hover {text-decoration:none;} .button-arrow a {background:url(../images/BTNarrow.png);} /*.button-one a {background:url(../images/BTNheadmaster.png);} .button-two a {background:url(../images/BTNadmissions.png);} .button-three a {background:url(../images/BTNprospectus.png);} .button-four a {background:url(../images/BTNalumni.png);}*/ #promoBox {float:right;width:269px;height:145px;margin:5px 7px 0 0;padding:9px;background:url(../images/promobox-bg.png);} #promoBox img {display:block;float:left;margin-right:10px;border:1px solid #000000;} #Promo-Content {float:left;width:270px;} #Promo-Content p {color:#ffffff;line-height:16px;padding-bottom:5px;} #Promo-Content p a {color:#0fa1f5;} #Promo-Content .Promo-Title {padding-bottom:5px;color:#ffffff;font-size:13px;line-height:18px;font-weight:bold;} #rightColumn { float:right; width:406px;/* height:auto; */ min-height:510px; margin:0px 10px 0 0; padding:0px; background:url(../images/rightcolumn-bg.gif) no-repeat; } * html #rightColumn {height:520px;} #rightColumnInt { float:right; width:406px;height:auto; margin:0px 10px 0 0; padding:0px; background:url(../images/rightcolumn-bg.gif) no-repeat; } #searchBox {height:54px;padding-top:20px;font-family:Georgia, Times, serif;font-size:21px;color:#4b74b4;} #searchBox label {float:left;margin:0 10px 0 15px;padding-top:4px;} #searchBox input { float:left; width:253px;height:29px; padding:5px 0 0 5px; font-family:Georgia, Times, serif; font-size:21px; border:none; background:url(../images/search-input-bg.png) no-repeat; } #searchBox input.btnSearch { display:block; position:relative; width:35px;height:34px; margin:0; border:none; text-indent:-9999px; cursor:pointer; background:url(../images/search-button-bg.gif) no-repeat; } #newsBox {width:376px;margin-left:15px;} #eventsBox {width:376px;margin-left:15px; padding-top: 20px;} #termsBox {width:376px;margin-left:15px;padding:5px 0px 10px 0px;} #newsBox h3, #eventsBox h3, #termsBox h3 {padding:3px 10px;background:#4b74b4;} #newsBox img, #eventsBox img, #termsBox img {display:block;float:left;margin:15px 15px 0 0;border:3px solid #ffffff;} .newsCopyHold {width:220px;float:left;} .NE-Padding {padding: 15px 0 5px;} #NE-Content2 {float:left; width:205px;} #NE-Content2 p {color:#ffffff;line-height:16px;padding-bottom:5px;} #NE-Content2 p a {color:#0fa1f5;} #NE-Content2 .NE-Date {font-family:Georgia, Times, serif;font-size:16px;color:#cccccc;padding:15px 0 5px 0;} #NE-Content {float:left;width:380px;} #NE-Content p {color:#ffffff;line-height:16px;padding-bottom:5px;} #NE-Content p a {color:#0fa1f5;} #NE-Content .NE-Date {font-family:Georgia, Times, serif;font-size:16px;color:#cccccc;padding:15px 0 5px 0;} .lstPicBack {width:130px; height:auto; min-height:90px; max-height:95px; margin:20px 20px 0px 0px;float:left;border:3px solid #ffffff;} .eventsFormat .dateLink {font-weight:bold;} /* --------------------------------------------- LINKS (4 column) --------------------------------------------- */ #links {width:980px;background:url(../images/linkbox-bg.gif) repeat-y;margin-left:10px;} #linkWrapTop {width:940px;height:auto;padding:20px;background:url(../images/linkbox-top.gif) top no-repeat;} #linkWrapBottom {width:940px;height:auto;padding:0 20px 20px 20px;background:url(../images/linkbox-bottom.gif) bottom no-repeat;} .linkColumn {float:left;width:235px;} .linkColumn .raquo {margin-left:10px;} .linkColumn a {margin-left:6px; color:#ffffff;} .linkColumn h4 {font-family:Georgia, Times, serif;font-size:20px;color:#c42f3b;padding-bottom:15px; line-height:23px; color: #2d4974; width:220px; } .linkColumn ul {margin-left:10px;} .linkColumn ul li {color:#2c4874;font-weight:bold;line-height:20px; list-style-type: none; background:url("../images/list-home.gif") no-repeat 0 3px; padding-left:10px; } .linkColumn ul li a {color:#ffffff;margin-left:10px;} .linkColumn ul li.last a {color:#2c4874;} /* --------------------------------------------- FOOTER --------------------------------------------- */ #footerWrap {width:100%;margin-top:20px;padding-top:20px;min-height:80px;background:url(../images/footer-bg.png) repeat-x #a5b7d3; } #footerWrap ul {display:block;width:900px;margin-left:auto;margin-right:auto;} #footerWrap ul li {display:block;float:left;color:#ffffff;padding-right:15px;} .archive-list { list-style:none; padding:0; margin:0 30px 0 0; } #bodyContent .archive-list li { list-style:none; padding:0 0 9px 0; margin:0 0 20px 20px; border-bottom:1px dashed #ccc; } .archive-list h3 a { color:#000; } #bodyContent .archive-list p { margin:5px 0 10px 0 ; padding:0; } #bodyContent .archive-list em { font-style:italic; }