/* -------------------------------------------------------------- Site Specific Stylesheet http://www.olab.org.uk 2010-04-26 Author: Jack Howell -------------------------------------------------------------- */ @import url(reset.css); /* Global Reset */ @import url(default.css); /* Sets sensible default styles */ h1, h2, h3, h4, h5, h6 { margin: 1.3em 0 0.5em; font-family: Arial, Helvetica, sans-serif; line-height: 1.25em; font-weight: normal; color: #6b244b; font-family: Georgia, "Times New Roman", Times, serif;} h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } a {text-decoration: none;} /* Site specific styling -------------------------------------------------- */ body {background: #ffe7f7 url(../images/design/background.jpg) no-repeat top;} #background {background: #ffe7f7 url(../images/design/background.jpg) no-repeat top;} #container {margin: 0 auto; width: 960px; padding: 0 10px; position: relative; background: #fff url(../images/design/background.jpg) no-repeat top; text-align: left;} #header {width: 960px; height: 130px; background: none; color: #FFF;} #header h1, #header h2 {display: none;} #accessibilityLinks {display: inline; font-size: 80%; position: absolute; top: 55px; left: 390px; width: 280px;} #accessibilityLinks li {display: inline;} #accessibilityLinks li a {margin: 0 5px; padding: 0; color: #fff;} #searchForm {width: 270px; height: 28px; float: right; padding: 12px 0 0 10px; display: inline; position: absolute; top: 43px; right: 15px;} #searchForm #searchValue {width: 165px; height: 15px; margin: 2px 10px 0 5px; float: left; display: inline; background: none; border: none; color: #999; font-size: 95%;} #searchForm #submitButton {width: 70px; height: 20px; padding: 0; float: left; display: inline; border: none; background: url(../images/design/icon_search.png) no-repeat center; cursor: pointer; color: #FFF; font-size: 95%;} #sectionmenu {float: left; display: inline; width: 190px;} #sectionmenu ul, #sectionmenu li {padding: 0; margin: 0; list-style: none;} #sectionmenu li {float: left; display: block;} #sectionmenu a {float: left; display: block; width: 150px; height: 40px; padding: 30px 20px 0 20px; margin-bottom: 1px; color: #fff; font-size: 140%; text-shadow: 1px 1px 1px #000; font-family: Georgia, "Times New Roman", Times, serif;} #sectionmenu a:hover {color: #3399FF;} #slideshow {width: 770px; height: 245px; float: right; display: inline;} #main {width: 960px; background: none;} /* ------------------ start menu classes for standard menus ----------------- */ #menu {float: right; width: 770px; height: 38px; background: none} #menu ul {margin: 0; padding: 0; width: 770px;} #menu li {margin: 0; padding: 0; float: left; list-style: none; background: url(../images/design/menuspacer.png) right no-repeat;} #menu li a {display: inline; float: left; padding: 10px 38px; margin: 0 0px; height: 18px; color: #fff; font-size: 150%; text-transform: uppercase; text-shadow: -1px -1px 1px #062d47;} #menu li a:hover {} #menu li.selected a {background: url(../images/design/menuarrow.png) center bottom no-repeat;} #menu li.last {background: none;} #menu li.menuitem_page_6, #menu li.menuitem_page_7, #menu li.menuitem_page_8, #menu li.menuitem_page_9 {display: none;} /* ------------------ ^^ end menu classes for standard menus ^^ ----------------- */ #contentWrapper {float: right; width: 740px; display: inline; position: relative;} #subnavWrapper {float: left; display: inline; padding: 15px 0 0 0; margin: 0; width: 210px; clear: left;} #subnavWrapper ul#subNav {margin: 0; padding: 0;} #subnavWrapper ul#subNav li {display: block; margin: 0; padding: 0; list-style: none;} #subnavWrapper ul#subNav li a {float: left; padding: 10px 10px 10px 30px; width: 150px; margin: 0 0 1px 0; display: block; background: #5b1543 url(../images/design/subarrow_off.png) 13px 14px no-repeat; color: #FFF; text-decoration: none;} #subnavWrapper ul#subNav li a:hover {color: #CCC;} #subnavWrapper ul#subNav li.selected a {background: #6b244b url(../images/design/subarrow_on.png) 10px 14px no-repeat;} #subnavWrapper ul#subNav li ul {margin: 0;} #subnavWrapper ul#subNav li ul li {background: none; float: left; display: block; margin: 0 0 1px 0} #subnavWrapper ul#subNav li ul li a {padding-left: 13px; width: 150px; margin-left: 12px; background: none; border-left: 5px solid #5b1543; color: #fff;} #subnavWrapper ul#subNav li ul li ul li {margin-left: 15px;} #subnavWrapper ul#subNav li ul li ul li a {border-left: 5px solid #ccc; } #subnavWrapper ul#subNav li.selected ul li a {background: none; color: #333;} #breadcrumbsWrapper {float: left; padding: 5px 0; margin: 10px 0 20px; width: 740px; font-size: 95%; color: #999; border-bottom: 1px dashed #ccc;} #breadcrumbsWrapper ul {margin: 0; padding: 0; list-style: none; float: left; width: 500px; display: inline;} #breadcrumbsWrapper p {float: left; display: inline; margin: 0;} #breadcrumbsWrapper li {display: inline; margin: 0; padding: 0;} #breadcrumbsWrapper li a {text-decoration: none; padding: 0 10px; color: #999;} #breadcrumbsWrapper .last .arrow {display: none;} #dateTime {float: right; width: 110px; margin: 0; text-align: right; color: #666; } #content {display: inline;} #content .e4eVideo {padding: 5px;} .forcer {float: left; width: 0; height: 250px;} iframe#embed {height: 600px;} #newsFeeds {margin: 30px 10px 0px; font-size: 90%;} #newsFeeds li {list-style: none;} #newsFeeds li a {font-size: 110%;} #newsFeeds img {margin: 0px 10px 0px 0px; padding: 0;} #footer {clear: both; padding: 10px; margin: 20px 0 0 0; width: 940px; background: url(../images/design/footer.png) repeat-x; font-size: 80%; color: #FFF;} #footer a {color: #FFF;} /* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */ #editor {margin: 0; padding: 0; width: 495px; min-height: 590px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left; color: 000;} #editor #mainContent, #editor #subContent {border-right: 1px solid #cacaca; min-height: 590px; } #mainContent {float: left; margin: 0; width: 400px;} #mainContent.twoColumns {width: 400px;} #mainContent.even {width: 300px;} #subContent {float: right; margin: 0; width: 200px;} #subContent.even {width: 300px;} /* icons and styles for file attachments -------------------------------------------------- */ ol.fileAttachmentList {padding: 0; margin: 0;} ol.fileAttachmentList li {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat; } ol.podcastList li {height: auto !important; } ol.podcastList li.attachmentDownload_mp3 {background-position: top left;} ol.fileAttachmentList li.attachmentDownload_doc {background-image: url(../images/icons/doc.gif) !important;} ol.fileAttachmentList li.attachmentDownload_mp3 {background-image: url(../images/icons/mp3.gif) !important;} ol.fileAttachmentList li.attachmentDownload_pdf {background-image: url(../images/icons/pdf.gif) !important;} ol.fileAttachmentList li.attachmentDownload_pub {background-image: url(../images/icons/pub.gif) !important;} ol.fileAttachmentList li.attachmentDownload_zip {background-image: url(../images/icons/zip.gif) !important;} ol.fileAttachmentList li.attachmentDownload_jpg {background-image: url(../images/icons/jpg.gif) !important;} ol.fileAttachmentList li.attachmentDownload_jpeg {background-image: url(../images/icons/jpeg.gif) !important;} ol.fileAttachmentList li.attachmentDownload_gif {background-image: url(../images/icons/gif.gif) !important;} ol.fileAttachmentList li.attachmentDownload_xls {background-image: url(../images/icons/xls.gif) !important;} ol.fileAttachmentList li.attachmentDownload_ppt {background-image: url(../images/icons/ppt.gif) !important;} ol.fileAttachmentList li.attachmentDownload_rar {background-image: url(../images/icons/rar.gif) !important;} ol.fileAttachmentList li.attachmentDownload_rtf {background-image: url(../images/icons/rtf.gif) !important;} ol.fileAttachmentList li.attachmentDownload_txt {background-image: url(../images/icons/txt.gif) !important;} ol.fileAttachmentList li.attachmentDownload_csv {background-image: url(../images/icons/csv.gif) !important;} ol.fileAttachmentList li.attachmentDownload_png {background-image: url(../images/icons/png.gif) !important;} /* Pagination - change border colours if necessary -------------------------------------------------- */ div#pagination {margin-top: 3px; height: 50px;} div#pagination .count {display: inline; float: left; padding: 5px;} div#pagination .pages {display: inline; float: right; padding: 5px;} div.pagination {display: inline; float: right; margin: 3px; padding: 3px;} div.pagination a, .Rows a {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #0c1a27; text-decoration: none;} div.pagination a:hover, div.pagination a:active, .Rows a:hover, .Rows a:active {border: 1px solid #999; color: #999;} div.pagination span.current {margin: 2px; padding: 2px 5px 2px 5px; background: #26537a; border: 1px solid #0c1a27; font-weight: bold; color: #FFF;} div.pagination span.disabled {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #EEE; color: #DDD;}