/* -------------------------------------------------------------- Site Specific Stylesheet http://www.ladymanners.net/ 2010-06-21 Author: Mike Armstrong - www.e4education.co.uk -------------------------------------------------------------- */ @import url(reset.css); /* Global Reset */ @import url(default.css); /* Sets sensible default styles */ @import url(fonts.css); /* load webfonts */ /* Site specific styling -------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {margin: 0 0 .2em 0; color: #A40000;} h1, h2 {font-size: 20px; font-family: Myriad Pro;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 15px;} h6 {font-size: 14px;} a:link {text-decoration: underline; color: #083194;} a:visited {text-decoration: underline; color: #083194;} a:hover {text-decoration: underline; color: #000;} a:focus {text-decoration: underline; color: #000;} a:active {text-decoration: underline; color: #000;} #container {width: 100%; background: url(../images/container_bg.jpg) no-repeat top; text-align: left;} #header {position: relative; margin: 0 auto; width: 940px; height: 392px; background: url(../images/header_bg.png) no-repeat left top; color: #FFF;} #header h1, #header h2 {display: inherit;} #searchBox {position: absolute; right: 10px; top: 50px;} #searchBox form {margin: 0; padding: 0;} #searchBox form label {display: none;} #searchBox form #searchValue {display: inline; float: left; margin: 0; padding: 2px; width: 170px; font-size: 11px; border: 1px solid #666;} #searchBox form #searchButton {display: inline; float: left;} #menuWrapper {position: absolute; top: 130px; left: 0; width: 940px; height: 291px; background: #FFF; -webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666;} #menu {display: block; clear: both; position: relative; width: 940px; height: 40px; background: url(../images/menu.png) no-repeat 0 0; border-bottom: 1px solid #FFF;} #menu ul {display: block; margin: 0; padding: 0; width: 940px; height: 40px; list-style-type: none;} #menu li {display: inline; float: left; margin: 0; padding: 0; height: 40px;} #menu li a {display: block; position: relative; width: 95px; height: 40px; text-decoration: none; overflow: hidden;} #menu li a span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: 0 0;} #menu .menuitem_page_1 a {width: 111px;} #menu .menuitem_page_1 a:link span, #menu .menuitem_page_1 a:visited span{background-position: 0 0;} #menu .menuitem_page_1 a:hover span, #menu .menuitem_page_1 a:focus span, #menu .menuitem_page_1 a:active span{background-position: 0 -40px;} #menu .menuitem_page_1.selected a span{background-position: 0 -80px; cursor: default;} #menu .menuitem_page_2 a {width: 123px;} #menu .menuitem_page_2 a:link span, #menu .menuitem_page_2 a:visited span{background-position: -111px 0;} #menu .menuitem_page_2 a:hover span, #menu .menuitem_page_2 a:focus span, #menu .menuitem_page_2 a:active span{background-position: -111px -40px;} #menu .menuitem_page_2.selected a span{background-position: -111px -80px; cursor: default;} #menu .menuitem_page_3 a {width: 114px;} #menu .menuitem_page_3 a:link span, #menu .menuitem_page_3 a:visited span{background-position: -234px 0;} #menu .menuitem_page_3 a:hover span, #menu .menuitem_page_3 a:focus span, #menu .menuitem_page_3 a:active span{background-position: -234px -40px;} #menu .menuitem_page_3.selected a span{background-position: -234px -80px; cursor: default;} #menu .menuitem_page_4 a {width: 166px;} #menu .menuitem_page_4 a:link span, #menu .menuitem_page_4 a:visited span{background-position: -348px 0;} #menu .menuitem_page_4 a:hover span, #menu .menuitem_page_4 a:focus span, #menu .menuitem_page_4 a:active span{background-position: -348px -40px;} #menu .menuitem_page_4.selected a span{background-position: -348px -80px; cursor: default;} #menu .menuitem_page_5 a {width: 263px;} #menu .menuitem_page_5 a:link span, #menu .menuitem_page_5 a:visited span{background-position: -514px 0;} #menu .menuitem_page_5 a:hover span, #menu .menuitem_page_5 a:focus span, #menu .menuitem_page_5 a:active span{background-position: -514px -40px;} #menu .menuitem_page_5.selected a span{background-position: -514px -80px; cursor: default;} #menu .menuitem_page_6 a {width: 163px;} #menu .menuitem_page_6 a:link span, #menu .menuitem_page_6 a:visited span{background-position: -777px 0;} #menu .menuitem_page_6 a:hover span, #menu .menuitem_page_6 a:focus span, #menu .menuitem_page_6 a:active span{background-position: -777px -40px;} #menu .menuitem_page_6.selected a span{background-position: -777px -80px; cursor: default;} #menu .menuitem_page_7, #menu .menuitem_page_8, #menu .menuitem_page_9, #menu .menuitem_page_10, #menu .menuitem_page_11 {display: none;} #slideshowWrapper {position: relative; clear: both; width: 940px; height: 250px;} #slideshow {display: inline; float: left; width: 740px; height: 250px;} #secondaryNav {display: inline; float: right; margin: 0; padding: 0; width: 200px; height: 250px; list-style-type: none;} #secondaryNav li {margin: 0; padding: 0; width: 200px; height: 50px;} #secondaryNav li a {display: block; position: relative; width: 200px; height: 50px; text-decoration: none; overflow: hidden;} #secondaryNav li a span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/sub_menu.png); background-repeat: no-repeat; background-position: 0 0;} #secondaryNav .menuitem_page_7 a:link span, #secondaryNav .menuitem_page_7 a:visited span{background-position: 0 0;} #secondaryNav .menuitem_page_7 a:hover span, #secondaryNav .menuitem_page_7 a:focus span, #secondaryNav .menuitem_page_7 a:active span{background-position: -200px 0;} #secondaryNav .menuitem_page_8 a:link span, #secondaryNav .menuitem_page_8 a:visited span{background-position: 0 -50px;} #secondaryNav .menuitem_page_8 a:hover span, #secondaryNav .menuitem_page_8 a:focus span, #secondaryNav .menuitem_page_8 a:active span{background-position: -200px -50px;} #secondaryNav .menuitem_page_9 a:link span, #secondaryNav .menuitem_page_9 a:visited span{background-position: 0 -100px;} #secondaryNav .menuitem_page_9 a:hover span, #secondaryNav .menuitem_page_9 a:focus span, #secondaryNav .menuitem_page_9 a:active span{background-position: -200px -100px;} #secondaryNav .menuitem_page_10 a:link span, #secondaryNav .menuitem_page_10 a:visited span{background-position: 0 -150px;} #secondaryNav .menuitem_page_10 a:hover span, #secondaryNav .menuitem_page_10 a:focus span, #secondaryNav .menuitem_page_10 a:active span{background-position: -200px -150px;} #secondaryNav .menuitem_page_11 a:link span, #secondaryNav .menuitem_page_11 a:visited span{background-position: 0 -200px;} #secondaryNav .menuitem_page_11 a:hover span, #secondaryNav .menuitem_page_11 a:focus span, #secondaryNav .menuitem_page_11 a:active span{background-position: -200px -200px;} .menuitem_news_category_2{display: none;} #breadcrumbs {margin: 0 auto; padding: 5px 0; width: 940px; font-size: 90%; color: #083194;} #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;} #main {clear: both; margin: 0 auto; width: 940px;} #slideshowWrapper #secondaryNav .menuitem_page_7.selected a span { cursor: default; background-position: -400px 0px; } #slideshowWrapper #secondaryNav .menuitem_page_8.selected a span { cursor: default; background-position: -400px -50px; } #slideshowWrapper #secondaryNav .menuitem_page_9.selected a span { cursor: default; background-position: -400px -100px; } #slideshowWrapper #secondaryNav .menuitem_page_10.selected a span { cursor: default; background-position: -400px -150px; } #slideshowWrapper #secondaryNav .menuitem_page_11.selected a span { cursor: default; background-position: -400px -200px; } #subnavWrapper {display: inline; float: left; padding: 10px; width: 198px; background: #FFF; border: 1px solid #083194; font-weight: bold; -webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666;} #subnavWrapper h2 {margin: -10px -10px 10px; padding: 10px; background: #083194; font-weight: normal; color: #FFF;} #subnav {margin: 0 5px; padding: 0; list-style-type: none;} #subnav li {margin: 5px 0; padding: 0;} #subnav a {padding: 0 0 0 20px; background: url(../images/subnav_bullet.gif) no-repeat 0 .3em;} #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;} #content {clear: both; padding: 10px; width: 678px; background: #FFF; border: 1px solid #999; -webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666;} .readMore {display: block; clear: both; text-transform: capitalize; text-align: left;} h1.mainHeading {margin: -10px -10px 1px; padding: 10px; font-weight: normal; color: #A40000;} h1.mainHeading a {display: block; font-weight: normal; text-decoration: none; color: #A40000;} h1#itemTitle {color: #083194;} #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;} #footer {clear: both; margin: 20px auto; padding: 10px 0; width: 440px; /*background: url(../images/footer_bg.png) no-repeat left;*/ font-size: 80%; text-align: center; color: #083194;} #footer p {margin: 0;} /* calendar */ #calendar_monthBlock {width: 200px; border-spacing: 1px; border-collapse: separate; text-align: center; color: #083194;} #calendar_monthBlock abbr {border-bottom: none; font-size: 10px;} #calendar_monthBlock th {font-weight: normal; text-align: center;} #calendar_monthBlock tbody {font-size: 10px;} #calendar_monthBlock td {background: #4565AE; text-align: center; width: 28px; height: 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #calendar_monthBlock td.calendar_inactive {background: #8397C9;} #calendar_monthBlock td.calendar_highlight{background: #032A91 url(../images/calendar_highlight_bg.gif) no-repeat right bottom; font-weight: bold;} #calendar_monthBlock td a {text-decoration: none; color: #FFF;} /* end calendar */ /* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */ #editor {margin: 0; padding: 0; width: 681px; 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: 440px;} #mainContent.even {width: 320px;} #subContent {float: right; margin: 0; width: 220px;} #subContent.even {width: 320px;} #homeMainContent.even {float: left; width: 300px;} #homeSubContent.even {float: right; width: 280px;} /* 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;} .Cheader{ color:#fff; font-weight:bold; } /*[align=right] {float: right !important;} *//*[align=left] {float: left !important;}*/