/* -------------------------------------------------------------- Site Specific Stylesheet http://www.wadedeacon.co.uk 2010-02-11 Author: Mike Armstrong - www.e4education.co.uk -------------------------------------------------------------- */ @import url(reset.css); /* Global Reset */ @import url(default.css); /* Sets sensible default styles */ /* Site specific styling -------------------------------------------------- */ body {background: #EAEAFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00006C;} h1, h2, h3, h4, h5, h6 {margin: 0 0 .2em; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #0000CD;} h1 {font-size: 2em;} h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.4em;} h5 {font-size: 1.2em;} h6 {font-size: 1.1em;} a:link {text-decoration: underline; color: #1510C8;} a:visited {text-decoration: underline; color: #1510C8;} a:hover {text-decoration: underline; color: #000;} a:focus {text-decoration: underline; color: #000;} a:active {text-decoration: underline; color: #000;} #container {margin: 0; width: 100%; border-top: 1px solid #000066; text-align: left;} #accessibilityBar {position: relative; padding: 5px 0; width: 100%; background: #B1B0FE; border-top: 1px solid #C9C8FE; border-bottom: 1px solid #58587F; font-size: 10px;} #accessibilityWrapper {margin: 0 auto; width: 940px;} #accessibilityLinks {display: inline; float: left; margin: 0; padding: 0; list-style-type: none;} #accessibilityLinks li {display: inline; margin: 0; padding: 0 .6em; border-right: 1px solid #1510C8;} #accessibilityLinks li.mapLink {border: none;} #accessibilityLinks li a:link {text-decoration: none; color: #1510C8;} #accessibilityLinks li a:visited {text-decoration: none; color: #1510C8;} #accessibilityLinks li a:hover {text-decoration: underline; color: #000;} #accessibilityLinks li a:focus {text-decoration: underline; color: #000;} #accessibilityLinks li a:active {text-decoration: underline; color: #000;} #selectLanguages {display: inline; float: right;} #selectLanguages #flagList {display: inline; margin: 0; padding: 0; list-style-type: none;} #selectLanguages #flagList li {display: inline; margin: 0 5px; padding: 0;} #selectLanguages #flagList li img {border: none; vertical-align: middle;} #selectLanguages form {display: inline; margin: 0 0 0 1em; padding: 0;} #selectLanguages form label {display: none;} #selectLanguages form select {font-size: 100%;} #header {position: relative; width: 100%; background: #0000CD url(../images/design/header_bg.jpg) repeat-x top; color: #FFF; border-top: 1px solid #8080B3; border-bottom: 1px solid #000066;} #header h1, #header h2 {display: none;} #headerWrapper {margin: 0 auto; width: 980px; height: 126px; background: url(../images/design/headerwrapper_bg.jpg) no-repeat left top;} #headerLinks {display: inline; float: right; margin: 5px 0 0; padding: 0; list-style-type: none;} #headerLinks li {margin: 0; padding: 0; width: 218px; height: 40px; overflow: hidden;} #headerLinks li a {display: block; margin: 0; padding: 0 10px 10px 40px; width: 170px; background-image: url(../images/design/headerlink_bg.png); background-repeat: no-repeat; background-position: left top; line-height: 30px; overflow: hidden;} #headerLinks li a:link {text-shadow: #000 -2px -2px 0; text-decoration: none; color: #D7D7FF;} #headerLinks li a:visited {text-shadow: #000 -2px -2px 0; text-decoration: none; color: #D7D7FF;} #headerLinks li a:hover {background-position: left bottom; text-shadow: #000 2px 2px 0; text-decoration: none; color: #FFF;} #headerLinks li a:focus {background-position: left bottom; text-shadow: #000 2px 2px 0; text-decoration: none; color: #FFF;} #headerLinks li a:active {background-position: left bottom; text-shadow: #000 2px 2px 0; text-decoration: none; color: #FFF;} #headerLeftWrapper {display: inline; float: left; width: 350px;} #headerLeftWrapper form {display: inline; float: right; margin: 0;} #headerLeftWrapper form label {display: none;} #headerLeftWrapper form input {width: auto; border: 1px solid #1510C8; background: #1510C8; color: #FFF; font-size: 10px;} #headerLeftWrapper form #searchValue{width: 150px; font-style: italic; background: #FFF; color: #1510C8;} #menu {width: 100%; height: 40px; background: #0000CD url(../images/design/menu_bg.jpg) repeat-x top; border-top: 1px solid #4D4D95; font-size: 14px; font-family: Arial, Helvetica, sans-serif;} #menu ul {margin: 0 auto; padding: 0 0 0 2px; width: 958px; height: 40px; background: url(../images/design/nav_separator.gif) no-repeat left;} #menu li {display: inline; float: left; margin: 0; padding: 0; list-style: none;} #menu li a {display: block; padding: 0 17px 0 15px; background: url(../images/design/nav_separator.gif) no-repeat right; line-height: 40px;} #menu li a:link {text-shadow: #000 -2px -2px 0; text-decoration: none; color: #D7D7FF;} #menu li a:visited {text-shadow: #000 -2px -2px 0; text-decoration: none; color: #D7D7FF;} #menu li a:hover {text-shadow: #000 -2px -2px 0; text-decoration: underline; color: #FFF;} #menu li a:focus {text-shadow: #000 -2px -2px 0; text-decoration: underline; color: #FFF;} #menu li a:active {text-shadow: #000 -2px -2px 0; text-decoration: underline; color: #FFF;} #main {clear: both; margin: 0 auto; padding: 10px 10px 75px; width: 940px; background: #FFF url(../images/design/footer_logos.jpg) no-repeat bottom; border: 10px solid #B1B0FF; border-top: none; border-bottom: none;} #slideshow {margin: 0 0 10px; width: 940px; height: 245px;} #subnavWrapper {display: inline; float: left; width: 220px; font-weight: bold;} #subnavWrapper h2 {margin: 0; padding: 10px 20px; background: #0000CD url(../images/design/menu_bg.jpg) repeat-x top; font-size: 16px; text-shadow: #000 -2px -2px 0; text-decoration: none; color: #D7D7FF; color: #D7D7FF;} #subnav {margin: 0; padding: 10px; list-style-type: none; background: #D8D7FF;} #subnav li {margin: 0; padding: 0;} #subnav a:link {text-decoration: none;} #subnav a:visited {text-decoration: none;} #subnav a:hover {text-decoration: underline;} #subnav a:focus {text-decoration: underline;} #subnav a:active {text-decoration: underline;} #contentWrapper {display: inline; float: right; width: 700px; background: #FFF;} #breadcrumbs {padding: 5px 0; border-bottom: 1px dotted #CCC; font-size: 90%;} #breadcrumbs ul {display: inline; margin: 0; padding: 0; list-style: none;} #breadcrumbs li {display: inline; margin: 0; padding: 0;} #breadcrumbs a:link {text-decoration: none;} #breadcrumbs a:visited {text-decoration: none;} #breadcrumbs a:hover {text-decoration: underline;} #breadcrumbs a:focus {text-decoration: underline;} #breadcrumbs a:active {text-decoration: underline;} #breadcrumbs li.last .navSeparator{display: none;} #dateTime {display: inline; float: right; text-align: right;} #content {clear: both; width: 700px;} #content .e4eVideo {padding: 5px;} 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;} #footerSitemap {display: block; clear: both; margin: 0 auto; padding: 0 0 250px; width: 960px; background: #8CC7FB url(../images/design/footer_sitemap_bg.jpg) no-repeat bottom; border: 10px solid #B1B0FF; border-top: none;} #footerSitemap ul {margin: 0; padding: 40px 0 0; width: 960px; background: url(../images/design/footer_sitemap_list_bg.jpg) repeat-x top;} #footerSitemap ul li {display: inline; float: left; margin: 0 10px; width: 140px; font-weight: bold;} #footerSitemap ul li ul {display: block; margin: 0; padding: 0; width: 140px; background: none;} #footerSitemap ul li ul li {display: block; float: none; margin: 0; font-weight: normal;} #footerSitemap a:link {text-decoration: none;} #footerSitemap a:visited {text-decoration: none;} #footerSitemap a:hover {text-decoration: underline;} #footerSitemap a:focus {text-decoration: underline;} #footerSitemap a:active {text-decoration: underline;} #footerSitemap ul li#footermap_1, #footerSitemap ul li#footermap_267{display: none;} #footer {clear: both; margin: 0 auto 20px; padding: 10px; width: 960px; background: #B1B0FF; font-size: 10px; color: #1510C8;} #footer a:link {color: #1510C8;} #footer a:visited {color: #1510C8;} #footer a:hover {color: #000;} #footer a:focus {color: #000;} #footer a:active {color: #000;} /* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */ #editor {margin: 0; padding: 0; width: 703px; 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;} #mainContent.twoColumns {width: 480px;} #mainContent.even {width: 340px;} #subContent {float: right; margin: 0; width: 200px;} #subContent.even {width: 340px;} /* icons and styles for file attachments -------------------------------------------------- */ ol.fileAttachmentList {min-height: 40px; padding: 0 0 20px 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;} #content td {vertical-align:top}