/*----------------------------------------------------------------------------- Copyright: Copyright (C) 2008 St Davids College. All rights reserved. Filename: main.css Description: Main / Basic styles Version: 1.0 Author: Matt Richards Date Created: 13 March, 2008 Last Updated: 21 July, 2008 Last Updated By: Helen Meyer ------------------------------------------------------------------------------- Email: web [at] viewcreative [dot] co [dot] uk Website: www.stdavidscollege.co.uk ------------------------------------------------------------------------------- This file is not a template and may not be reproduced. :0 ------------------------------------------------------------------------------*/ 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, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } strong {font-weight:bold;} /* =reset.css many thanks to Mr Meyer. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -----------------------------------------------------------------------------*/ hr {display: none;} /* =setup -----------------------------------------------------------------------------*/ body {font: 62.5%/150% verdana, geneva, sans-serif; background: #C8C8C8;} em {font-style:italic;} /* =typography -----------------------------------------------------------------------------*/ #container {width: 810px; margin: 5px auto; position: relative; z-index: 1;} /* =#container -----------------------------------------------------------------------------*/ #header {height: 400px;position:relative; background:#000;} #header h1 {height: 0; line-height: 0; padding: 0; width: 0;text-indent: -99999em;margin: 0;} #header h1 img {position: absolute; top: 4px; left: 20px; z-index:100; border:none;} #header h1 span {position: absolute; left: -99999em;} #header h2 {position: absolute; left: -99999em;} #header img {position: absolute; top:57px; border-top:3px solid #000000;} /*#header #grid {background:url(/images/grid.png) no-repeat -8px 0px;position:absolute;top:49px;left:0px;width:810px;height:273px;}*/ /* =#header -----------------------------------------------------------------------------*/ #content {background: #fff; float: left; width: 810px; clear: both; padding: 0 0 45px 0; font-size: 120%;} #content a {text-decoration:none; color:#000;} .two-column #content #first-column {width: 631px; border-right: 1px solid #eee;} .two-column #content #first-column h2 {font-size:140%;} .two-column #content #second-column {width: 178px; font-size: 83%;} .two-column #content .column {min-height: 200px; float: left;} .two-column #content #second-column h2 {background: #000; margin-bottom: 11px; font-size: 140%;} .two-column #content #second-column h3 { color: #000; font-size: 1.2em; padding: 2px 0 2px 22px; margin: 0 0 25px 0;background: transparent; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: normal; background: #eee;} .one-column #content #first-column {width: 810px; border-right: 1px solid #eee;} .one-column #content #first-column h2 {font-size:140%;} .one-column #content #second-column {width: 178px; font-size: 83%;} .one-column #content .column {min-height: 200px; float: left;} .one-column #content #second-column h2 {background: #000; margin-bottom: 11px; font-size: 140%;} .one-column #content #second-column h3 { color: #000; font-size: 1.2em; padding: 2px 0 2px 22px; margin: 0 0 25px 0;background: transparent; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: normal; background: #eee;} .three-column #content .column {width: 270px; float: left;} .three-column #content #latest-news {margin-left: -540px; width: 270px; background: url(../images/content-column-greyfade-bg.jpg) scroll repeat-x 0 0;} .three-column #content #welcome {margin-left: 270px; width: 270px;} .three-column #content #events {background: url(../images/content-column-greyfade-bg.jpg) scroll repeat-x 0 0; width: 270px;} .two-column #content h3, .two-column #content h4, .two-column #content h5, .two-column #content h6 {margin: 0 22px 0 22px; clear: left;} .two-column #content img {margin: 0 11px 11px 0; border: 5px solid #eee;} .two-column #content img.pic-l {float: left; display:block} .two-column #content img.pic-r {float: right; margin-right : 0; margin-left : 11px; } .pic-l-clear { clear:both; display:block; } .two-column #content img.noborder {border: none;} /*.two-column #content img*/ .two-column #content p {margin: 1.5em 22px 1.5em 22px;} .two-column #content p.summary {width: 562px; background: #efefef; border: 1px solid #ccc; padding: 11px 11px 11px 11px; margin: 0 0 0 22px;} .one-column #content h3, .one-column #content h4, .one-column #content h5, .one-column #content h6 {margin: 0 22px 0 22px; clear: left;} .one-column #content img {margin: 0 11px 11px 0; border: 5px solid #eee;} .one-column #content img.pic-l {float: left; display:block} .one-column #content img.pic-r {float: right; margin-right : 0; margin-left : 11px; } .one-column #content img.noborder {border: none;} /*.one-column #content img*/ .one-column #content p {margin: 1.5em 22px 1.5em 22px;} .one-column #content p.summary {width: 562px; background: #efefef; border: 1px solid #ccc; padding: 11px 11px 11px 11px; margin: 0 0 0 22px;} #content h2 {background: #FF5300; color: #fff; font-size: 1em; padding: 5px 0px 7px 22px; margin: 0 0 25px 0;} .two-column #content h3 {font-size: 1.2em; line-height: 1.286em; margin: 1.286em 22px 1.286em 22px; color: #1EA7DC; font-weight: bold; border-bottom: 1px solid #A5DCF1;} .two-column #content h4 {font-weight: bold; color: #ff5300; text-transform: uppercase;} .two-column #content h5 {color: #999; border-bottom: 1px dotted #ccc; margin-left: 22px; margin-right: 22px; font-weight: bold;} .two-column #content h6 {color: #666; font-style: italic;} .two-column #content ul {margin: 1.5em 0 1.5em 44px;} .two-column #content ul li {background: url(../images/content-ul-li-img.gif) scroll no-repeat 0 5px; padding: 0 0 0 15px} .two-column #content ol {margin: 1.5em 0 1.5em 66px; list-style-type: decimal;} .two-column #content a {font-weight:bold; text-decoration:none; color:#000;} .two-column #content a:hover {font-weight:bold; text-decoration:none; color:#FF5300;} .two-column #content ul li.currentmonth a{ color:#FF5300;} .two-column #content ul li.currentmonth a:hover{ color:#000;} .two-column #content #second-column ul {margin-left: 11px;} .two-column #content #second-column .subnav ul a { padding: 0 2px 0 2px; width: auto;} .two-column #content #second-column .subnav ul a:hover {background: #FF5300; color: #fff;} .two-column #content table {width: 583px; margin: 0 0 3em 22px; padding: 0; border-spacing: 1px;} .two-column #content table caption {text-align: right; font-style: italic; padding: 0 0 0 22px;} .two-column #content table th {background: #666; color: #fff; padding: 0 0 0 6px} .two-column #content table td {padding: 0 0 0 6px;} .two-column #content table tr.odd {background: #efefef; border-bottom: 1px solid red;} .one-column #content h3 {font-size: 1.2em; line-height: 1.286em; margin: 1.286em 22px 1.286em 22px; color: #1EA7DC; font-weight: bold; border-bottom: 1px solid #A5DCF1;} .one-column #content h4 {font-weight: bold; color: #ff5300; text-transform: uppercase;} .one-column #content h5 {color: #999; border-bottom: 1px dotted #ccc; margin-left: 22px; margin-right: 22px; font-weight: bold;} .one-column #content h6 {color: #666; font-style: italic;} .one-column #content ul {margin: 1.5em 0 1.5em 44px;} .one-column #content ul li {background: url(../images/content-ul-li-img.gif) scroll no-repeat 0 5px; padding: 0 0 0 15px} .one-column #content ol {margin: 1.5em 0 1.5em 66px; list-style-type: decimal;} .one-column #content a {font-weight:bold; text-decoration:none; color:#000;} .one-column #content a:hover {font-weight:bold; text-decoration:none; color:#FF5300;} .one-column #content #second-column ul {margin-left: 11px;} .one-column #content #second-column .subnav ul a { padding: 0 2px 0 2px; width: auto;} .one-column #content #second-column .subnav ul a:hover {background: #FF5300; color: #fff;} .one-column #content table {width: 583px; margin: 0 0 3em 22px; padding: 0; border-spacing: 1px;} .one-column #content table caption {text-align: right; font-style: italic; padding: 0 0 0 22px;} .one-column #content table th {background: #666; color: #fff; padding: 0 0 0 6px} .one-column #content table td {padding: 0 0 0 6px;} .one-column #content table tr.odd {background: #efefef; border-bottom: 1px solid red;} table.routine {width: 383px; margin: 0 0 3em 22px; padding: 0; border-spacing: 1px;} table.routine caption {text-align: right; font-style: italic; padding: 0 0 0 22px;} table.routine th {background: #666; color: #fff; padding: 0 0 0 6px} table.routine td {padding: 0 0 0 6px;} table.routine tr.odd {background: #efefef; border-bottom: 1px solid red;} .two-column #content form fieldset {width: 583px; margin: 0 0 3em 22px; padding: 1em 0 1em 0; border: 1px solid #efefef;} .two-column #content form fieldset fieldset {width: 539px; float: left; clear: left; margin: 1em 0 1em 22px;} .two-column #content form fieldset legend {margin: 0 0 0 11px; padding: 0 11px 0 11px; font-weight: bold; color: #ff5300; text-transform: uppercase;} .two-column #content form .form-row {float: left; clear: both; margin: 0.5em 0 0.5em 0; width: 100%;} .two-column #content form .form-row label {width: 139px; float: left; clear: left; text-align: right; padding: 0 6px 0 0; line-height: 2em; font-weight: bold; color: #333} .two-column #content form .form-row .form-field {float: left; line-height: 1.5em; padding: 0;} .two-column #content form .form-row .text {width: 360px; background: transparent url(../images/footer-signup-input-text-bg.png) scroll no-repeat 0 0; background: #fff url(../images/search-box-input-text-bg.jpg) repeat-x scroll 0 0; border: 1px solid #ccc; padding: 2px;} .two-column #content form .form-row input:focus, .two-column #content form .form-row textarea:focus, .two-column #content form .form-row select:focus, .two-column #content form .form-row input:hover, .two-column #content form .form-row textarea:hover, .two-column #content form .form-row select:hover {border: 1px solid #A5DCF1; color: navy;} .two-column #content form .form-row select.text {width: 364px;} .two-column #content form .form-row input.submit {color: #fff; background: #1193C5; font-weight: bold; border: 3px solid #eee; padding: 5px; width: 583px; text-align: center; margin: 0 0 0 22px; cursor: pointer;} .two-column #content form .form-row.required input, .two-column #content form .form-row.required select, .two-column #content form .form-row.required textarea {border: 1px solid red;} .two-column #content .validation-error {color: red;} .one-column #content form fieldset {width: 583px; margin: 0 0 3em 22px; padding: 1em 0 1em 0; border: 1px solid #efefef;} .one-column #content form fieldset fieldset {width: 539px; float: left; clear: left; margin: 1em 0 1em 22px;} .one-column #content form fieldset legend {margin: 0 0 0 11px; padding: 0 11px 0 11px; font-weight: bold; color: #ff5300; text-transform: uppercase;} .one-column #content form .form-row {float: left; clear: both; margin: 0.5em 0 0.5em 0; width: 100%;} .one-column #content form .form-row label {width: 139px; float: left; clear: left; text-align: right; padding: 0 6px 0 0; line-height: 2em; font-weight: bold; color: #333} .one-column #content form .form-row .form-field {float: left; line-height: 1.5em; padding: 0;} .one-column #content form .form-row .text {width: 360px; background: transparent url(../images/footer-signup-input-text-bg.png) scroll no-repeat 0 0; background: #fff url(../images/search-box-input-text-bg.jpg) repeat-x scroll 0 0; border: 1px solid #ccc; padding: 2px;} .one-column #content form .form-row input:focus, .one-column #content form .form-row textarea:focus, .one-column #content form .form-row select:focus, .one-column #content form .form-row input:hover, .one-column #content form .form-row textarea:hover, .one-column #content form .form-row select:hover {border: 1px solid #A5DCF1; color: navy;} .one-column #content form .form-row select.text {width: 364px;} .one-column #content form .form-row input.submit {color: #fff; background: #1193C5; font-weight: bold; border: 3px solid #eee; padding: 5px; width: 583px; text-align: center; margin: 0 0 0 22px; cursor: pointer;} .one-column #content form .form-row.required input, .one-column #content form .form-row.required select, .one-column #content form .form-row.required textarea {border: 1px solid red;} .one-column #content .validation-error {color: red;} /* =#content -----------------------------------------------------------------------------*/ .two-column #second-column #news-archive ul {margin: 0 0 0 11px;} .two-column #second-column #news-archive ul li {background: url(../images/news-archive-li-bg.gif) scroll no-repeat 0 2px; padding: 0 0 0 22px; margin: 0 0 0.5em 0;} .two-column #second-column #news-archive h3 {margin: 0; padding: 0 0 0 0; background: none; border: none;} .two-column #second-column #news-archive h3 a, .two-column #second-column #news-archive h3 a:link, .two-column #second-column #news-archive h3 a:visited {color: #FF5300; text-decoration: none;} .two-column #second-column #news-archive p {margin: 0; padding: 0; color: #666;} /* =#second-column -----------------------------------------------------------------------------*/ #content #welcome {background: #fff;} #content #welcome img {margin: 0 0 0 36px;} #content #welcome h3 {margin: 1em 0 1em 36px; font-size: 140%; color: #1EA7DC; font-weight: bold;} #content #welcome p {margin: 0 0 1em 36px; width: 225px; font-size: 110%;} #content #welcome p.cite {font-size: 110%; font-weight: bold;} #content #welcome cite {color: #1EA7DC;} /* =#welcome -----------------------------------------------------------------------------*/ #content #latest-news {} #content #latest-news .hentry {float: left; clear: both; min-height: 66px; margin-bottom: 22px; position: relative;} #content #latest-news .hentry h3 {float: left; padding-left: 96px; width: 172px; color: #1EA7DC; font-weight: bold;} #content #latest-news .hentry p {float: left; margin: -50px 0 0 0;padding: 0 16px 0 96px;width: 156px;} #content #latest-news .hentry a.more {padding: 0 2px 0 2px;} #content #latest-news .hentry a.more, #content #latest-news .hentry a.more:link, #content #latest-news .hentry a.more:visited {color: #FF5300; text-decoration: none;} #content #latest-news .hentry a.more:hover, #content #latest-news .hentry a.more:active {color: #fff; background: #ff5300;} #content #latest-news .hentry img {float: left; margin: -1.5em 0 0 22px;} .news_download_icon { background:url(../images/news_download_icon.jpg) no-repeat; text-indent:40px; display:block; height:42px; line-height:47px; margin-left:20px; } /* =#latest-news -----------------------------------------------------------------------------*/ #calendar { background:url(../images/events-calendar-bg.gif) no-repeat; height: 190px; margin-left:50px; margin-bottom:20px; } #calendar p#loading { text-align: center; color: #74BECF; font-size: .9em; padding-top: 80px; text-transform: uppercase; font-weight: bold; } #calendar p#backnext { font: 1.2em Arial, Helvetica, sans-serif; text-align: center; color: #fff; padding: 10px 0; position: relative; width: 180px; } p#event-info { background: #007694; color: #fff; font: .9em Georgia, "Times New Roman", Times, serif; padding: 10px; margin: 0 0 10px 0; } p#event-info strong { color:white; } #calendar p#loading { text-align: center; color: #74BECF; font-size: .9em; padding-top: 80px; text-transform: uppercase; font-weight: bold; } #content #events #calendar #back-next li.month-back {margin:0 10px 0 10px; text-align: left; display:inline;} #content #events #calendar #back-next li.month-forward {display:inline} #content #events #calendar table {width: 140px; margin: 0 0 10px 10px;} #content #events #calendar table th, #content #events #calendar table td {font-size: 90%; color: #aaa;text-align: center;} #calendar td:hover { cursor: default; } #calendar td.event, #calendar td.event:hover { background: url(../images/events-event-calendar-td-event-bg.gif) scroll no-repeat center center; } #calendar td.event:hover a, #calendar td.event:hover a:hover { color:white; } #calendar td.today a { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; } #calendar td.today a:hover, #calendar td.today:hover a { color: #fff; } #calendar th { color: #53C4DF; height: 22px; padding-top: 2px; } #calendar th:hover { color: #fff; cursor: default; } #calendar td a { color: #FFF; display: block; height: 15px; padding-top:0; text-align: center; } #calendar td a:hover { color: #fff; } #calendar td .info { display: none; width: 120px; background:gurl(../images/bubble-left.png) no-repeat; padding: 0px; position: absolute; text-align: left; } #calendar .event-container { position: relative; z-index: 1; } #calendar .event-container:hover {z-index: 2; } #calendar .event-container:hover .info { display: block; top: 0; left: -120px; background:black; z-index: 1000;border:1px solid white; padding:0px} #calendar .event-container .info a { display: inline; text-align: left; color: white; letter-spacing: normal; text-transform:capitalize } #calendar td .info h3 { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333; margin:0; padding:0; padding:4px; line-height:15px; font-weight: bold; } #calendar td .info h3.top-event { border: none; margin: 0; padding:3px !important;} #calendar td .info h4 { font-size:1em !important; font-weight:normal !important; color: #fff; padding:7px 4px 4px 4px; margin:0 !important; text-align:left; line-height: 11px; } #content #events #calendar h3 {font-size: 120%; color: #fff; text-transform: uppercase; padding: 20px 0 0 10px; font-weight:bold} #content #events #calendar h4 {font-size: 120%; text-transform: lowercase; color: #fff; margin: 0 0 0.5em 10px; font-weight:bold} #content #events {border: none;} #content #events #event-calendar thead th span {position: absolute; left: -99999em; z-index:} #content #events #event-calendar .event .info {position: absolute; left: -99999em; display:block; width:200px; height:200px; z-index:1000} /*#content #events #event-calendar {float: right; clear: both; width: 156px; height:100%; overflow:auto; background: url(../images/events-calendar-bg.png) scroll no-repeat; padding: 25px 25px 10px 0; margin-bottom:5px;}*/ #content #events #event-calendar {float: right; clear: both; width: 156px; background: url(../images/events-calendar-bg.gif) scroll no-repeat; padding: 25px 25px 10px 0; margin-bottom:5px;} #content #events #event-calendar table {width: 140px; margin: 0 0 10px 10px;} #content #events #event-calendar table a:link, #content #events #event-calendar table a:visited {color: #aaa; text-decoration: none;} #content #events #event-calendar table a:hover, #content #events #event-calendar table a:active {color: #fff;} #content #events #event-calendar table th, #content #events #event-calendar table td {font-size: 90%; color: #aaa;text-align: center;} #content #events #event-calendar td.event {background: url(../images/events-event-calendar-td-event-bg.gif) scroll no-repeat center center; overflow: visible;} #content #events #event-calendar table th abbr {text-transform: lowercase;} #content #events #event-calendar h3 {font-size: 160%; color: #fff; text-transform: uppercase; margin: 0 0 0 10px;} #content #events #event-calendar h4 {font-size: 120%; text-transform: lowercase; color: #fff; margin: 0 0 0.5em 10px;} #content #events #event-calendar #back-next {display: inline; width: 185px;} #content #events #event-calendar #back-next li {display: inline;} #content #events #event-calendar #back-next li.month-back {margin-left:10px; text-align: left;} #content #events #event-calendar #back-next li.month-forward {margin-right:10px;text-align: right;} #content #events #upcoming-events {float: left; width: 240px; padding: 0 25px 0 0; margin: 0 0 20px 0; font-size:100%} #content #events #upcoming-events .event-details {float:left; width:110px; margin-left:5px; font-size:80%} #content #events #upcoming-events h3 {position: absolute; left: -99999em;} #content #events #upcoming-events .vevent {position: relative; width:200px; float: right; clear: both; padding: 10px 0 10px 10px; border-top: 2px solid #626160; margin-right:-5px; margin-top:20px; } #content #events #upcoming-events .vevent.last-child {border-bottom: 2px solid #626160;} #content #events #upcoming-events .vevent h5 {display:block; text-transform: uppercase; font-variant: small-caps; color:#FF5300; font-weight: bold; margin-top:-2px; font-size:110%; margin:0} #content #events #upcoming-events .vevent p {display: inline;} /*#content #events #upcoming-events .vevent .date {position: absolute; left: 0; bottom: 0; padding: 0 5px 13px 0; width: 80px; text-align: right; font-size:180%; font-weight: bold;}*/ #content #events #upcoming-events .vevent .date {padding: 0 5px 13px 0; width: 80px; text-align: right; font-size:180%; font-weight: bold; float:left; width:80px; } #content #events #upcoming-events .vevent a:link, #content #events #upcoming-events .vevent a:visited {color: #FF5300; text-decoration: none;} #content #second-column #events #upcoming-events {width: 178px;} #content #second-column #events #upcoming-events .vevent {background: none;width: 155px; padding: 0 10px 0 10px; margin: 0; border-top: none; border-bottom: 1px dotted #eee; padding-bottom: 11px; margin-bottom: 11px;} #content #second-column #events #upcoming-events .vevent p {margin: 0;} #content #second-column #events #upcoming-events .vevent .date {position: static; font-size: 100%; left: auto; padding: 0; width: auto; text-align: left;} #content #events #event-calendar td.event:hover {z-index:1001;background:black;} #content #events #event-calendar td.event:hover a {color:white;} #content #events #event-calendar td.event:hover div div {text-align:left;z-index:1000;width:140px;margin-left:-138px;margin-top:0px;left:auto;background:black;border:solid 1px white;padding:4px;} #content #events #event-calendar td.event:hover div div h3, #content #events #event-calendar td.event:hover div div h4 {color:white;margin:0px;padding:0px;} #content #events #event-calendar td.event:hover div div h3 {font-size:1.2em;font-weight:bold;text-transform:none;} #content #events #event-calendar td.event:hover div div h4 {font-size:1em;} #content .event-list .event {float: left; clear: both; width: 100%;padding-left:10px;} #content .event-list h3 {padding:14px 0 5px 0;font-size:1.3em;} #content .event-list h5 {font-size:0.9em;} #eventsearch {width:130px;} #eventsearchgo {font-size:0.8em;padding:3px;} #news-search h2 {margin-bottom:3px;} #news-search {padding-bottom:5px;} #news-search form .txt {width: 115px; background: transparent url(../images/footer-signup-input-text-bg.png) scroll no-repeat 0 0; background: #fff url(../images/search-box-input-text-bg.jpg) repeat-x scroll 0 0; border: 1px solid #ccc; padding: 2px;} #news-search form input.submit {background: #1EA7DC scroll no-repeat 1px 5px; color: #fff; font-weight: bold; border: 1px solid #eee; padding: 3px; width: 40px; text-align: center; float: right; margin-right: 8px; margin-top:-23px;} #back-next a {color:white;text-decoration:none;} #routine {width:400px;} /* =#events -----------------------------------------------------------------------------*/ #footer {float: left; clear: both; width: 810px;z-index: 100; background:#eee;} #footer #sign-up {float: left; width: 180px; background: #666; min-height: 100px; height: 12.5em; } #footer #sign-up h2 {position: absolute; left: -99999em;} #footer #sign-up fieldset {margin: 0 0 0 25px;} #footer #sign-up fieldset legend {line-height: 2.5em; display: block; color: #eee; font-weight: bold;} #footer #sign-up input.text {background: transparent url(../images/footer-signup-input-text-bg.png) scroll no-repeat 0 0; border: none; width: 111px; margin: 0 0 2px 0;} #footer #sign-up input.submit {width: 73px; height: 16px; border: none;} #footer #sign-up label {position: absolute; left: -99999em;} #footer #site-information {float: left; width: 143px; padding: 5px 10px 0 0; background: #eee; min-height: 100px; height: 12em; font-family: geneva, arial, sans-serif; text-transform: lowercase;} #footer #site-information h2 {position: absolute; left: -99999em;} #footer #site-information li {text-align: right;} #footer #site-information #legal {margin: 0 0 10px 0;} #footer #site-information #legal, #footer #site-information #legal a:link, #footer #site-information #legal a:visited {text-decoration: none; color: #000;} #footer #site-information #about, #footer #site-information #about a:link, #footer #site-information #about a:visited {text-decoration: none; color: #999;} #footer #gallery {position: relative; float: left; width: 358px; border-left: 1px solid #fff; background: #666 url(../images/footer-gallery-bg.png) scroll repeat-x 0 0; min-height: 100px; height: 12.5em;} #footer #gallery h2 {background: url(../images/footer-gallery-h2-bg.png) scroll no-repeat 0 0; color: #fff; font-weight: bold; line-height: 2em; padding: 0 0 0 10px; font-weight: bold;} #footer #gallery .csw {width: 100%; height: 380px; background: #fff; overflow: scroll} #footer #gallery .csw .loading {margin: 200px 0 300px 0; text-align: center} #footer #gallery .stripViewer {position: relative;overflow: hidden;margin: 15px auto; width: 280px;height: 80px;clear: both; background: transparent;} #footer #gallery .stripViewer .panelContainer {position: relative; left: 0; top: 0; width: 100%; list-style-type: none;} #footer #gallery .stripViewer .panelContainer .panel {float:left; height: 100%; position: relative; width: 380px;} #footer #gallery .stripViewer .panelContainer .panel .wrapper {padding: 10px;} #footer #gallery .stripViewer ul li {float: left; height: 42px; margin: 0 1px 0 0; border: 5px solid #7C7C7C;} #footer #gallery .stripNav {position: absolute; left: -99999em;} #footer #gallery .stripNavL, #footer #gallery .stripNavR { position: absolute; top: 40px; text-indent: -9000em; } #footer #gallery .stripNavL a, #footer #gallery .stripNavR a {display: block; height: 50px; width: 40px;} #footer #gallery .stripNavL {left: 0;} #footer #gallery .stripNavR {right: 0;} #footer #gallery .stripNavL {background: url("../images/arrow-left.png") no-repeat center;} #footer #gallery .stripNavR {background: url("../images/arrow-right.png") no-repeat center;} #footer #request-prospectus {position: relative; float: left; width: 114px;background: #666 url(../images/footer-gallery-bg.png) scroll repeat-x 0 0; min-height: 100px; height: 12.5em; border-right: 1px solid #fff;} #footer #request-prospectus h2 {position: absolute; top: -40px; display: block; width: 102px; height: 111px; background: url(../images/footer-prospectus-h2-bg.png) scroll no-repeat 0 0; text-indent: -99999em; z-index: 500;} #footer #request-prospectus a { display: block; position: absolute; height: 100px; width: 110px; z-index: 999;} #footer #request-prospectus a span {width: 110px; height: 39px; display: block; background: url(../images/footer-prospectus-a-bg.png) scroll no-repeat 0 0;position: absolute; left: 25px; top: 70px; text-indent: -99999em;} /* =#footer -----------------------------------------------------------------------------*/ #navigation {position: absolute; top: 374px; left:0; z-index: 100; font-family: geneva, arial, sans-serif; font-size:12px; width:810px; margin:0 auto; background-color: #000;} #navigation h2 {position: absolute; left: -99999em;} #navigation li {float: left; background: #000; color: #fff; line-height: 20px;} #navigation li a:link, #navigation li a:visited {color: #fff; text-decoration: none; display: block; padding: 3px 10px 3px 10px; } #navigation li a:hover, #navigation li a:active {background: #FC5200; padding: 3px 10px 3px 10px;} #navigation ul ul {position: absolute; left: -99999em;} #navigation li:hover ul, #navigation li.sfhover ul {left: auto;width:auto;} /* Subnav */ #navigation li ul {border:solid 1px white;background:black;display:block;} #navigation li li {float:none;border:none;width:auto;} #navigation li li a {width:150px;} /* =#navigation -----------------------------------------------------------------------------*/ #quick-links {position: absolute; top: 0; left: 0;} #quick-links li {display: block; width: 89px; height: 89px; background: #009DDA;} #quick-links #skip-to-nav {position: absolute; left: -99999em;} #quick-links #academic-life {position: absolute; top: 53px; left: 452px; background: url(../images/quick-links-academic-life-bg.jpg) scroll no-repeat 0 0;} #quick-links #beyond-the-classroom {position: absolute; top: 233px; left: 92px;; border-left: 1px solid #fff; background: url(../images/quick-links-beyond-the-classroom-bg.jpg) scroll no-repeat 0 0;} #quick-links #learning-and-dyslexia {position: absolute; top: 143px; left: 632px;background:url(../images/quick-links-learning-and-dyslexia-bg.jpg) scroll no-repeat 0 0;} #quick-links li a {display: block; margin-left:-17px;width: 91px; height: 89px; text-indent: -99999em;} #quick-links h4 {display:none;} /* =#quick-links -----------------------------------------------------------------------------*/ #access-links {display:none;} #access-links {position: absolute; top: 7px; right: 0px; z-index: 100; padding: 2px 0px 1px 0px; text-align: center; width: 100px; } #access-links ul {margin: 0 auto; width: 48px;} #access-links li {float: left; margin: 0px 3px 0 0;} #access-links h2 {background-color:white;opacity:0.5;margin:0px;padding:0px;position: absolute;top: 16px; left: 5px; color:#000; width: 90px; text-align: center; font-size: 86%;} #access-links #increase-textsize {display: block; float: left; width: 13px; height: 13px; text-indent: -99999em; background: url(../images/access-links-increase-textsize.png) scroll no-repeat 0 0;} #access-links #decrease-textsize {display: block; float: left;width: 13px; height: 13px; text-indent: -99999em; background: url(../images/access-links-decrease-textsize.png) scroll no-repeat 0 0;} #access-links #toggle-textonly {display: block; float: left; width: 13px; height: 13px; text-indent: -99999em; background: url(../images/access-links-toggle-textonly.png) scroll no-repeat 0 0;} /* =#access-links -----------------------------------------------------------------------------*/ #search-box {position: absolute; top: 5px; left: 16px; z-index: 100;} #search-box h2 {position: absolute; left: -99999em;} #search-box input.text {width: 105px; border: 1px solid #ccc; color: #999; text-align: right; background: #fff url(../images/search-box-input-text-bg.jpg) scroll repeat-x 0 0; line-height: 1.5em; height: 1.5em; padding: 0 5px 0 0; margin: 0; font-size: 100%;} #search-box input.submit {background: #009DDA; border: none; height: 2em; line-height: 1.5em; font-weight: bold; font-size: 100%; padding: 0; margin: 0;} /* =#search-box -----------------------------------------------------------------------------*/ #event-info {display:none;} #featured-events-heading {display:none;} /* Jon - Daily routine table */ .two-column #content table.routine {border-collapse: collapse;font-size:0.8em;} .two-column #content table.routine td, .two-column #content table.routine th {border:solid 1px #444;padding:2px 4px 2px 4px;} .two-column #content table.routine th {white-space: nowrap;font-weight:bold;} blockquote { margin-left : 2em; margin-right : 2em; border-top : 1px dotted #ccc; border-bottom : 1px dotted #ccc; padding-bottom : 1.4em; } blockquote p, .two-column #content blockquote p { font-size : 1.2em; font-weight : normal; line-height : 1.3em; margin-bottom : .5em; font-style : italic; } blockquote em { font-weight : bold; display : block; margin : 24px 0 0 24px; font-family : georgia; text-transform : uppercase; font-style : normal; } #adminbar { background: #fff; padding: 10px 0; position: relative; border-bottom: 1px solid #ccc; width: 100% } #adminbar ul { font: normal 1.1em/1.2em Georgia, "Times New Roman", Times, serif; } #adminbar .back { position: absolute; top: 10px; left: 10px; float: left; } #adminbar .out { position: absolute; top: 10px; right: 10px; } #adminbar p { font: normal .9em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #666; padding: 10px 0 5px 0; } .middle { clear:both; } #content a.orange { padding-left:43px; color:#FF5300; font-weight:bold; }