/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html {height: 100%;} body {height: 100%;} #wrapper {position: relative; min-height: 100%;} *html #wrapper {height: 100%;} #container{ position:relative; border:#000000 0px solid; padding:0px 0px 23px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:948px; } #header {position:relative; z-index:900; width:100%; height:145px; margin:0px; padding:0px; } #logo { width:462px; height:145px; position:absolute; top:0px; left:0px; margin:0px; padding:0px; } #search_box {width:289px; height:47px; position:absolute; top:0px; right:0px; background:url(/images/search_box.jpg) no-repeat left top;} #search_box form { display:block; margin:0px 0px 0px 0px; padding:13px 0px 0px 0px;} *html #search_box input { width:180px; display:block; float:left; font-size:11px; padding:4px 0px 4px 10px; margin:0px 0px 0px 24px;} #search_box input { width:180px; display:block; float:left; font-size:11px; padding:4px 0px 4px 10px; margin:0px 0px 0px 48px;} #search_box button { background:none; border:0px; padding:0px; margin:0px -5px 0px 0px; } #curriculum_award {width:620px; height:70px; position:absolute; bottom:34px; right:10px; } #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:131px; height:100%; float:left; margin:10px 0px 1px 5px; padding:0px; background:#ffffff; } #content_main { width:673px; position:relative; margin:0px 10px 106px 112px; float:left; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:300px; float:left;} #sidebar_right { width:266px; height:100%; float:right; margin:0px 10px 0px 10px; padding:0px;} #footer { position:relative; width:948px; background:#333333; height:23px; margin:30px auto 0px auto; padding:0px; } #footer { font-size:9px; color:#FFFFFF; } #copy { display:block; float:left; margin:4px 0px 0px 15px;} #rss { display:block; float:right; margin:4px 0px 0px 0px;} #rss a { background:url(/images/rss.jpg) no-repeat right top; font-size:11px; color:#fff; padding:0px 23px 0px 0px; margin:0px 9px 0px 0px;} /*------------------------------------ Text Page -----------------------------------------------------------*/ #pageheader { position:relative; width:100%; height:212px; background:url(/images/pageheader_top.jpg) no-repeat left top; padding:7px 0px 0px 7px; margin:-2px 0px 0px 0px;} #breadcrumb {font-size:11px; color:#333; display:block; margin:6px 0px 10px 9px;} #breadcrumb a {font-size:11px; color:#0DB6C4;} /*------------------------------------ News -----------------------------------------------------------*/ .news { width:100%; display:block; border-bottom:1px dashed #0FB6C4; position:relative; margin:0px 0px 10px 0px; clear:both; min-height:50px;} .news .text { width:622px; display:block; float:right;} a.header_link { font-size:11px; color:#333333; font-weight:bold; } a:hover.header_link { font-size:11px; color:#333333; font-weight:bold; } .news .date { background:url(/images/date.jpg) no-repeat left top; height:35px; width:36px; position:absolute; left:0px; top:0px; color:#fff; font-weight:bold; font-size:17px; padding:4px 0px 0px 0px; text-align:center;} .news .date sup { font-weight:normal; font-size:10px !important;} .news .date_small { font-size:11px; display:block; margin:-4px 0px 0px 0px; padding:0px; font-weight:normal !important;} .paging { display:block; float:right; margin:10px 10px 10px 0px; font-size:12px; color:#333333;} .paging a { font-size:12px; color:#333333; font-weight:bold;} .paging a:hover {color:#0EB6C4; } /*------------------------------------ Home Page -----------------------------------------------------------*/ #header_slide {width:932px; height:310px; display:block; position:relative; margin:10px 0 0 0; padding:0; } #header_slide ul { margin:0px; padding:0px;} #header_slide ul li { margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;} #header_slide ul li img {border:6px solid #ffffff;} #header_slide_below_border { background:url(/images/bottom_border.jpg) no-repeat left top; width:948px; height:8px; position:absolute; bottom:-16px; left:-2px; } #header_slide_below_left { background:url(/images/left_slide.jpg) no-repeat left top; width:2px; height:327px; position:absolute; left:-2px; top:0px; } #header_slide_below_right { background:url(/images/right_slide.gif) no-repeat left top; width:3px; height:327px; position:absolute; right:-3px; top:0px; } #slideshow_bg {background:url(/images/slideshow_bg.jpg) left top no-repeat; width:950px; height:327px; position:absolute; top:-6px; left:-9px;} #header_slide .slide_container {position:absolute; top:0; left:0;} #header_slide .slide {position:relative; width:932px; height:310px; z-index:900;} #header_slide .slide_text {position:absolute; right:0; bottom:25px; width:330px; padding:5px 20px; background:rgba(50,50,50,0.8); z-index:900;} #header_slide .slide_text h3 {color:#FFF; font-size:18px; font-family:georgia, serif;} #header_slide .slide_text p {font-size:12px; color:#FFF;} .slide img {position:absolute; top:0; left:0;} .column { width:202px; display:block; float:left; margin:15px 44px 40px 0px;} .column .title { display:block; margin:0px 0px 10px 0px;} .column img.img_m { display:block; margin:0px 0px 10px 0px;} .column p { font-size:11px; color:#333333;} .column a.learn_more { display:block; float:right;} #last.column {margin:15px 0px 40px 0px !important;} .latest_news {height:66px; width:35px; position:relative; min-height:81px; height:auto !important; height:81px; width:100%; margin:5px 0px -8px 0px; } .date { background:url(/images/date.jpg) no-repeat left top; height:35px; width:36px; position:absolute; right:0px; top:0px; color:#fff; font-weight:bold; font-size:17px; padding:4px 0px 0px 0px; text-align:center;} .date sup { font-weight:normal; font-size:10px !important;} .date_small { font-size:11px; display:block; margin:-4px 0px 0px 0px; padding:0px; font-weight:normal !important;} .latest_news a.more { display:block; float:right; margin:-5px 0px 0px 0px; color:#333333; font-size:11px; text-decoration:underline;} .latest_news p { margin:0px 0px 0px 0px;} .news_text { width:158px; display:block;} .news_text p { font-size:11px; color:#333; line-height:16px; margin:5px 0px 5px 0px;} .news_text a.news_title { color:#333333; font-size:11px; font-weight:bold;} .clear { clear:both; } /*------------------------------------ Curriculum -----------------------------------------------------------*/ #teachers th { font-weight:normal;} #teachers td { width:272px;} #teachers td.left { width:183px;} #links { display:block; margin:40px 0px 0px 0px;} #links a { width:202px; display:block; float:left; text-align:center; color:#fff; font-size:14px; font-weight:bold; height:26px; padding:10px 0px 0px 0px; margin:10px 17px 0px 0px;} #links a.light_green { background:url(/images/light_green.jpg) no-repeat left top; } #links a.light_blue { background:url(/images/light_blue.jpg) no-repeat left top;} #links a.light_orange {background:url(/images/light_orange.jpg) no-repeat left top;} #links a sup { margin:0px; padding:0px; vertical-align:top; font-size:10px;} #links a:hover {text-decoration:none;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { height:30px; display:block; float:right; margin:0px 0px 0px 0px; padding:102px 13px 0px 10px; background:url(/images/nav.jpg) repeat-x left bottom; position:relative; } #nav a { margin:6px 0px 4px 0px; padding:2px 5px 2px 5px; border-right: 1px dotted #fff; color:#ffffff; display:block; float:left; font-weight:normal; font-size:12px;} #nav_right { background:url(/images/nav_right.jpg) no-repeat left top; position:absolute; bottom:0px; right:0px; width:13px; height:30px;} #nav_left { background:url(/images/nav_left.jpg) no-repeat left top; position:absolute; bottom:0px; left:0px; width:10px; height:30px;} #nav a:hover { text-decoration:none; color:#ffffff; background:url(/images/nav_hover.jpg) no-repeat center top; } #nav a.active { text-decoration:none; color:#ffffff; background:url(/images/nav_hover.jpg) no-repeat center top; } #nav ul { margin:0px; padding:0px;} #nav li {display:block; float:left; font-size:12px; margin:0; position:relative;} #nav li a { float:left; color:#ffffff; display:block;} #nav li a:hover { text-decoration:none; color:#ffffff; background:url(/images/nav_hover.jpg) no-repeat center top; } #nav li a.active { text-decoration:none; color:#ffffff; background:url(/images/nav_hover.jpg) no-repeat center top; } #nav li ul {width:190px; margin:0px; padding:10px; float:none; display:none; position:absolute; left:0px; top:25px; background:url(/images/drop_nav_bg.png) left top repeat; z-index:1100;} #nav li ul li {float:none;} #nav li ul li a {width:190px; display:block; float:none !important; border:none; } #nav li ul li a:hover { text-decoration:none; text-decoration:underline; background-image:none;} #nav li ul li a.active { text-decoration:underline; } #nav ul li:hover ul { display:block;} #nav ul ul:hover { display:block;} #sub_nav {} #sub_nav ul { margin:0px; padding:0px;} #sub_nav ul li { margin:0px; padding:0px; list-style:none; position:relative; margin:0px 0px 5px 0px } #sub_nav ul li a {background:url(/images/arrow.jpg) no-repeat 5% center; padding:2px 0px 2px 17px; display:block; font-size:12px; color:#333; width:114px; min-height:10px; height:auto !important; height:10px; position:relative; } #sub_nav ul li a span.top {width:131px; height:4px; position:absolute; top:0px; left:0px; } #sub_nav ul li a span.below { width:131px; height:4px; position:absolute; bottom:0px; left:0px;} *html #sub_nav ul li a span.below { width:131px; height:4px; position:absolute; bottom:-12px; left:0px;} #sub_nav ul li a:hover span.top { background:url(/images/sub_nav_top.jpg) no-repeat left top;} #sub_nav ul li a:hover span.below { background:url(/images/sub_nav_below.jpg) no-repeat left top;} #sub_nav ul li a:hover {background:url(/images/arrow_hover.jpg) #0FB6C4 no-repeat 5% center; text-decoration:none; color:#fff;} #sub_nav ul li a.active span.top { background:url(/images/sub_nav_top.jpg) no-repeat left top;} #sub_nav ul li a.active span.below { background:url(/images/sub_nav_below.jpg) no-repeat left top;} #sub_nav ul li a.active {background:url(/images/arrow_hover.jpg) #0FB6C4 no-repeat 5% center; text-decoration:none; color:#fff;} /*------------------------------- Homepage - Amends 19/9/11 -----------------------------------*/ #home_content {display:block; margin:25px 0 0 0; width:940px;} .spread-home h2 {padding:8px 15px;} .spread-home h2.title1 {background: url('/images/light_green_large.jpg'); color:#FFF;} .spread-home h2.title2 {background: url('/images/light_blue_large.jpg'); color:#FFF;} .spread-home h2.title3 {background: url('/images/light_orange_large.jpg'); color:#FFF;} .row {padding:15px 0 40px 0; overflow:hidden;} .row .spread {background:url(/images/spread-new.jpg) no-repeat top; width:705px; float:left; padding:45px 0 0 0; position:relative;} .row .spread-home {width:670px; float:left; padding:0; position:relative;} .row .right-col {background:url(/images/right-col-new.jpg) no-repeat top; float:right; width:208px; padding:45px 0 0 0; position:relative;} .row .spread .content {height:200px; overflow:auto; padding:0 0 10px 0;} .row .spread .title, .row .right-col .title {position:absolute; top:7px; left:50px; color:#fff; font-size:18px; margin:0px; padding:0px;} .row .spread .learn_more {float:right;} .right-column {float:right; width:250px; padding:0; position:relative;} #twitter_feed {background:#333; width:230px; padding:10px; position:relative;} #twitter_feed_header {width:220px; padding:0 5px 12px 5px; background:url(/images/up_arrow_bg.png) 170px bottom no-repeat;} #twitter_feed_header h3 {color:#FFF; font-size:18px; margin-bottom:5px; font-weight:normal;} #twitter_feed_header p {color:#CCC; font-size:12px; margin:5px 0 0 0;} #twitter_feed_content {width:230px;} #twitter_feed_footer {width:220px; padding:0 5px;} #twitter_feed_logo {position:absolute; top:10px; right:35px;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(/images/bac.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:18px; color:#333; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { font-size:17px; color:#89C50E; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { font-size:16px; color:#1FC1CE; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { font-size:15px; color:#F8B526; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { font-size:14px; color:#89C50E; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { font-size:13px; color:#333; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } ul { } ul li { font-size:12px; color:#333333; list-style:disc; } ol {} ol li {font-size:12px; color:#333333; list-style:decimal;} address {font-size:12px; color:#333333;} a { color:#0DB6C4; text-decoration:none; } a:hover { color:#0DB6C4; text-decoration:underline; } p { font-size:12px; color:#333333; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */