@charset "utf-8";
* {margin:0; padding:0; outline:none;}
body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; background:#fff; height:100.01%}
#wrapper {width:977px; margin:8px auto 0 auto; padding:0; position:relative; }
#header {position:relative; margin:0 auto; padding:0; width:977px; height:118px; background:#fff url(../images/imageReady/bannerLogoNew.gif) no-repeat;}
#bannerPeople {width:530px; height:75px; float:right; clear:right; position:absolute; top:16px; right:12px; z-index:1; background:#fff url(../images/imageReady/bannerPeople.jpg) no-repeat;}
#navBar {width:977px; text-align:center; height:35px; position:absolute; top:86px; z-index:10; background:#fff;}
#topBtns {position:absolute; top:-8px; right:0; z-index:10; width:200px; float:right; height:17px; margin-right:0px; padding-left:5px; background-color:#fff;}
#topBtns  ul {margin:0; padding:0; list-style-type:none; }
#topBtns  ul li {display:inline; float:right;}
#topBtns  ul li a {text-decoration:none; height:16px; margin-left:2px; padding:3px 3px 0 3px; text-align:center; border:1px solid #999; border-top:none; display:block; width:74px; font-size:1.1em; line-height:.95em; color:#1C5187; background:#e5e5e5;}
#topBtns  ul li a:hover {background:#c9c9c9; color:#1C5187;}

#contentContainer {width:977px; margin:0 auto; position:relative;}
#mainContent {width:389px; float:left; margin:25px 0 20px 30px; line-height:1.4em; font-size:1.3em; position:relative; background:#fff; padding:5px;}
#mainContentInner {width:450px; float:left; margin:25px 0 20px 21px; line-height:1.4em; font-size:1.3em; position:relative; background:#fff; padding:5px; padding-bottom:10px;}
#indexAnnounceBox {width:365px; padding:10px; padding-bottom:0; border: 1px solid #59b; -moz-border-radius:10px; -webkit-border-radius:10px;}
.indexAnnounce {font-size:16px;}

#Whats_on {width:500px; float:left; margin:25px 0 20px 21px; line-height:1.4em; font-size:1.3em; position:relative; background:#fff; padding:5px; padding-bottom:10px;}
#latestNews {width:500px; float:left; }
#schoolCalendar {height:200px; background:#f7f7f7;}
#events {width:400px; height:450px; float:right; margin-top:73px; margin-right:20px;  line-height:1.4em; font-size:1.3em;}

#googleMap {width:440px; height:300px; background:#f7f7f7;}
.indexLeftImg {margin-left:0px;}

#alumniLogin {width:280px; float:left; color:#666; text-align:left; padding-right:150px; margin-bottom:10px; margin-left:5px;}
.alumniLoginForm {padding-bottom:5px; font-size:1.2em; color:#666; text-align:right;}
#pagePic_caption {float:left; height:250px; width:194px; margin-right:15px; margin-bottom:10px;}
#pagePic_caption .quoteCaption {margin-top:10px; font-size:.8em; font-style:italic; text-align:center; color:#999; line-height:12px;}
#rightSidebarMain {width:241px; padding:0px; margin-top:25px; margin-left:30px; margin-bottom:20px; float:left; line-height:1.4em; font-size:1.2em;  color:#666;}
#rightSidebarMainHome {width:261px; padding:0px; margin-top:25px; margin-left:15px; margin-bottom:20px; float:left; line-height:1.5em; font-size:1.3em; color:#333;}
#johnSidebarHome {width:256px; padding:0px; float:left; line-height:1em; font-size:1em; color:#333; margin-top:23px;}

#rightSidebarInside1 {width:241px; padding:0px; margin-top:0px; background:#f7f7f7; border:1px solid #d9d9d9;}
#rightSidebarInside2 {width:241px; padding:0px; margin-top:10px; background:#f7f7f7; border:1px solid #d9d9d9;}
#rightSidebarInside3 {width:241px; padding:0px; margin-top:10px; background:#f7f7f7; border:1px solid #d9d9d9;}
#rightSidebarMain li a {text-decoration:none; color: #996600;}
#rightSidebarMain li a:hover {color: #FF3300;}
#rightSidebar1 a, #rightSidebar2 a, #rightSidebar3 a, #leftSidebar a {color:#000; text-decoration:none;}
#rightSidebar1:hover, #rightSidebar2:hover, #rightSidebar3:hover {background:#fff;}
#rightSideProj {width:218px;/* height:300px;*/ background:#f7f7f7; margin:0 10px 10px 10px; border:1px solid #999;}
#leftSidebarMain {width:253px; margin-top:25px; margin-bottom:20px; float:left; clear:left; color:#333;}
#publications {width:241px; height:350px; background:#f7f7f7; padding:5px; border: 1px solid #59b; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:30px;}
.publicationsText {font-size:12px; line-height:1.4em;}
.pubTextCentre {font-size:12px; line-height:1.4em; text-align:center;}
.pubPic {margin-left:10px; margin-right:10px;}
#leftSidebarMainInner {width:190px; margin-top:30px; float:left; clear:left; color:#333; margin-bottom:10px;}

#leftSidebarThumbs {width:190px; height:380px; background:#fff; position:relative; float:left; margin-top:10px;}
#leftSidebarRollImg {width:180px; height:250px; background:#fff; position:absolute; top:120px; left:0px;}
#leftSidebarThumbsShrt {width:190px; height:320px; background:#fff; position:relative; float:left; margin-top:10px;}
#leftSidebarRollImgShrt {width:180px; height:250px; background:#fff; position:absolute; top:60px; left:0px;}
#rightSidebarRollImg {width:180px; height:250px; background:#fff; position:absolute; top:55px; right:170px;}
.ltSideTh {border:1px solid #999; margin: 0 5px 5px 0;}
.ltSideRoll{border:1px solid #999;}

#about_view, #about_canoe, #about_audit, #about_runner, #about_clap, #about_christineM, #resid_jump, #resid_climb, #resid_guitar, #resid_ski, #resid_vill, #resid_libr, #alumni_01, #alumni_02, #alumni_03, #alumni_04, #alumni_05, #alumni_06 {position:absolute; top:0px; left:0px; visibility:hidden; width:180px; height:250px;}
#acad_bio, #acad_smart, #acad_chem {position:absolute; top:0px; left:0px; visibility:hidden; width:180px; height:250px;}
#links_01, #links_02, #links_03, #links_04, #links_05, #links_06, #links_07, #links_08, #links_09, #links_10, #links_11, #links_12, #links_13, #links_14, #links_15 {position:absolute; top:0px; left:0px; visibility:hidden; width:180px; height:250px;}

#leftSidebarMain a, #rightSidebarMain a, #rightSidebarMainHome a {text-decoration:none; color:#000;}
#leftSidebarMainInner ul li {float:left; list-style:none; margin-right:1px; margin-left:10px;  }
#leftSidebarMainInner ul li a {padding:2px 5px; margin:0 0 2px 0; border-left:#fff 3px solid;  display:block; width:150px; text-decoration:none; text-align:left; background:#fff; font-size:1.2em; color:#808080;}
#leftSidebarMainInner ul li a:hover {padding:2px 5px; display:block; background:#e5e5e5; color:#4d4d4d;}

.rtSideImg {margin-left:5px; float:left; }
.sidebarthumbs {}
.sidebarContent {margin:5px; margin-top:0px;}
.sideBarTitle {display:block; background:#e5e5e5; text-align:center; font-size:1em; padding-bottom:3px; color:#1C5187;}
.sideBarTitleWhats_on {display:block; background:#e5e5e5; text-align:left; font-size:1em; padding-bottom:3px; padding-left:10px; color:#1C5187;}

#homeLatestNews {padding:0px; margin-top:0px; margin-bottom:10px; background:#f7f7f7; border:1px solid #d9d9d9; color:#666; line-height:1.5em;}
#homeLatestNews p {font-size:1em; line-height:1.4em;}
#homeEvents {padding:0px; margin-top:0px; background:#f7f7f7; border:1px solid #d9d9d9; color:#666; line-height:1.5em;}
#footer {position:relative; width:977px; height:77px; margin-top:20px; clear:both; border-bottom:1px solid #666; padding-bottom:5px; border-top:1px solid #999; color:#666;  background:#e5e5e5; }
#footer #missionStatement h4 {padding:0; padding-right:130px; margin:0; margin-bottom:3px; color:#1C5187; font-size:1.4em; text-align:right; font-weight:normal;}
#footer #missionStatement p {padding:0; margin:0; text-align:right; font-size:1.1em; line-height:1.2em; padding-right:130px;}
#footer h4 {text-align:left; padding:5px; color:#1C5187; font-size:1.2em; margin:0;}
#footer p {padding:0 5px 5px 5px; text-align:left; line-height:normal;}
#missionStatement {position:absolute; top:10px; right:10px; background:#e5e5e5 url(../images/imageReady/UWCLogoNew.gif) no-repeat right top; width:500px; height:65px; font-size:1.2em;}
.footerLogo {padding-top:5px;}
#homeLatestNews a {text-decoration:none; color:#900;}
#homeLatestNews a:hover {color:#060;}
p {padding:0 5px 10px 5px;}
h1 {text-indent:-9999px; font-size:1.5em;}/*off-left to make the page header only appear if accessibility is required*/
h2 {color:#1C5187; font-size:1.4em; font-weight:normal; margin-bottom:7px; padding-left:5px;}
h3 {color:#1C5187; font-size:1.3em; font-weight: normal; margin:2px 2px 5px;}
h4 {color:#1C5187; font-size:1.2em; font-weight: normal; margin:8px 0; padding-left:5px;}
h5 {color:#1C5187; font-size:1.1em; font-weight: normal; margin:0; padding-left:5px;}
.sitemap {color:#1C5187; font-size:1.2em; font-weight: normal; margin:0; padding-left:5px; }
.index {line-height:1.5em; font-size:1.1em; margin-bottom:5px; margin-right:20px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.smallText {font-size:.9em;}
.menuHeaders {font-size:1.3em; line-height:15px; display:block; width:150px; text-align:left; color:#1C5187; margin:5px 0 5px 0;}
.listSpace {margin-bottom:10px;}
.announce {padding:0; margin:0; margin:0 5px 10px 10px; padding-left:1.4em; list-style-type:square;} /*for all ul lists*/
.ajaxList li {margin-left: 30px;}
.ajaxImg {float:left; margin:6px 7px 0 5px; border:2px solid #999;}

#mainContentInner a:link, #mainContentInner a:visited {color:#00c; text-decoration:none;}
#mainContentInner a:hover {color:#c00; text-decoration:underline;}
#mainContentInner a:active {color:#c00}
#mainContentBody label{margin-left:15px; float:left; width:100px; font-size:.9em;}
#mainContentBody input, textarea{width:180px; margin-bottom:5px;}
#mainContentBody textarea{width:250px; height:150px;}
#mainContentBody .boxes{width:1em;}
#mainContentBody #submitbutton{margin-left:114px; margin-top:5px; width:90px;}

.quoteMission {text-align:center;}
.missionQuote {color:#666; font-style:italic; font-size:1.2em; line-height:1.4em; text-align:center; margin:0 10px 0 10px;}
.quote {color:#666; font-style:italic; font-size:1.1em; line-height:1.4em; text-align:center; margin:5px 10px 0 10px; background:url(../images/imageReady/quotes2.jpg) no-repeat;}
.quoteImg {text-align:center; margin-bottom:0px; margin-top:-10px;}
.quoteCaption {font-size:.9em; font-style:italic; text-align:center; margin-left:10px; color:#999; line-height:16px; margin-top:-10px;}
.homeQuote {color:#666; font-style:italic; font-size:1.15em; line-height:1.6em; text-align:center; margin:5px 10px 0 10px; background:url(../images/imageReady/quotes2.jpg) no-repeat;}
.imgLeft {border:2px solid #ccc; border-left:1px solid #ccc; margin-left:0px; margin-bottom:3px;}
.imgLeftMinister {border:2px solid #ccc; border-left:1px solid #ccc; margin-left:0px; margin-bottom:3px; float:left; margin-right:5px;}
.IBbtn {border:none;}
.italic {font-style:italic; }
a.footer {text-decoration:none; color:#666;}
#about #leftSidebarMainInner ul li a:hover {border-left:#b36b9b 3px solid; background:#f7f7f7;}
#about #leftSidebarMainInner a.current {padding:2px 5px; border-left:#b36b9b 3px solid; background:#f7f7f7; color:#000;}
#academics #leftSidebarMainInner ul li a:hover {border-left:#9b6bb3 3px solid; background:#f7f7f7;}
#academics #leftSidebarMainInner a.current {padding:2px 5px; border-left:#9b6bb3 3px solid; background:#f7f7f7; color:#000;}
#extra-ac #leftSidebarMainInner ul li a:hover {border-left:#6b6bb3 3px solid; background:#f7f7f7;}
#extra-ac #leftSidebarMainInner a.current {padding:2px 5px; border-left:#6b6bb3 3px solid; background:#f7f7f7; color:#000;}
#residential #leftSidebarMainInner ul li a:hover {border-left:#6b9bb3 3px solid; background:#f7f7f7;}
#residential #leftSidebarMainInner a.current {padding:2px 5px; border-left:#6b9bb3 3px solid; background:#f7f7f7; color:#000;}
#projects #leftSidebarMainInner ul li a:hover {border-left:#6bb39b 3px solid; background:#f7f7f7;}
#projects #leftSidebarMainInner a.current {padding:2px 5px; border-left:#6bb39b 3px solid; background:#f7f7f7; color:#000;}
#alumni #leftSidebarMainInner ul li a:hover {border-left:#6bb36b 3px solid; background:#f7f7f7;}
#alumni #leftSidebarMainInner a.current {padding:2px 5px; border-left:#6bb36b 3px solid; background:#f7f7f7; color:#000;}
#colList {width:430px;}
#col1List {width:130px; float:left;}
#col2List {width:130px; float:left;}
#col3List {width:140px; float:right; margin-right:25px;}
#slides {width:430px; float:left; margin:25px 0 20px 21px; line-height:1.4em; font-size:1.3em; position:relative; background:#fff; padding:5px; padding-bottom:10px;}
.comingSoon {font-size:16px; margin:30px; color:#999;}
.vacancyList {padding-left:45px;}
.JohnWithQueenPhoto {float:right; margin:5px; margin-right:0; border: 1px solid #999;}
.indexPubLink {color: #900;}