body, html {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1em;
}
html {
background-image: url('images/body_back.jpg');
background-repeat: repeat-x;
background-color: #b3b3b3;
}
body {
padding-bottom: 20px;
}
hr {
display: none;
}
a {
color: #666;
}
#access {
position: absolute;
right: 0;
display: none;
}
#container {
position: relative;
width: 960px;
margin: 0 auto;
padding-bottom: 10px;
background-color: #D6D8DA;
}
#header {
background-image: url('images/header_back.jpg');
background-repeat: repeat-x;
height: 100px;
}
#header #accessibility {
position: absolute;
right: 10px;
top: 10px;
font-size: 80%;
color: #fff;
text-decoration: none;
}
#header #accessibility:hover {
color: #000;
}
#header h2 {
margin: 15px 0 0 20px;
padding: 0;
position: absolute;
width: 236px;
height: 64px;
}
#header h2 a {
outline: none;
display: block;
width: 236px;
height: 64px;
text-indent: -10000px;
background-image: url('images/logo.gif');
}
#header h3 {
position: absolute;
margin: 0;
padding: 0;
left: 300px;
top: 38px;
font-weight: normal;
font-size: 120%;
color: #fff;
}
#search_form {
position: absolute;
left: 720px;
margin-top: 5px;
}
#search_form fieldset {
border: none;
margin: 0;
padding: 0;
}
#search_form fieldset input.text {
}
#search_form fieldset input.clickable {
cursor: pointer;
}
#nav {
background-image: url('images/nav_back.jpg');
background-repeat: repeat-x;
margin: 0;
padding: 4px 0 10px 20px;
}
#nav li {
margin: 0 20px 0 0;
padding: 0;
display: inline;
}
#nav li a {
font-size: 80%;
color: #666;
text-decoration: none;
}
#nav li a:hover {
color: #999;
text-decoration: underline;
}
#wrapper {
margin-top: 20px;
padding-bottom: 20px;
}
#side_left {
display: inline;
float: left;
margin-left: 20px;
width: 240px;
}
#side_left h3#side_left_h3 {
background-image: url('images/nav_back.jpg');
background-repeat: repeat-x;
font-weight: normal;
margin: 0;
padding: 5px 20px;
font-size: 100%;
}
#side_left ul {
margin: 0;
padding: 0;
}
#side_left ul li {
margin: 0;
padding: 0;
list-style: none;
background-repeat: repeat-x;
}
#side_left ul li.subject { background-image: url('images/subject_back.jpg'); background-color: #D8006D; }
#side_left ul li.topic { background-image: url('images/topic_back.jpg'); background-color: #FF6A03;}
#side_left ul li.resource { background-image: url('images/resource_back.jpg'); background-color: #40B040;}
#side_left ul li.search { background-image: url('images/search_back.jpg'); background-color: #762D86;}
#side_left ul li a {
display: block;
font-size: 120%;
color: #fff;
text-decoration: none;
padding: 12px 20px 20px 20px;
}
#side_left ul li a span {
font-size: 60%;
color: #eee;
display: block;
}
#side_left #mailing_list {
margin-top: 20px;
background-color: #fff;
padding-bottom: 10px;
}
#side_left #mailing_list h3 {
margin: 0;
padding: 8px 20px;
background-image: url('images/colours/bar-blue-back.jpg');
background-repeat: repeat-x;
background-color: #4FACCB;
color: #fff;
font-size: 90%;
font-weight: normal;
}
#side_left #mailing_list p {
padding-left: 20px;
padding-right: 20px;
font-size: 80%;
line-height: 1.4em;
}
#side_left #mailing_list form {
margin: 0;
padding: 0;
}
#side_left #mailing_list form fieldset {
border: none;
margin: 0 20px;
padding: 0;
}
#side_left #mailing_list form fieldset p.error {
margin: 0 0 10px 0;
padding: 0;
color: #DF3737;
}
#side_left #mailing_list form fieldset label {
display: none;
}
#side_left #mailing_list form fieldset input.text {
margin-bottom: 5px;
color: #999;
width: 195px;
}
#side_left #mailing_list form fieldset input.telno {
display: none;
}
#side_left #mailing_list form fieldset input.clickable {
cursor: pointer;
}
#breadcrumbs {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
background-image: url('/images/breadcrumb-back.jpg');
background-repeat: no-repeat;
background-position: right center;
}
#breadcrumbs li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
font-size: 80%;
}
#breadcrumbs li a {
padding: 2px 15px 2px 10px;
background-image: url('/images/breadcrumb.gif');
background-repeat: no-repeat;
background-position: right center;
}
#breadcrumbs li a {
color: #777;
text-decoration:none;
}
#breadcrumbs li a:hover {
color: #999;
}
#content {
margin-left: 20px;
float: left;
font-size: 90%;
line-height: 1.4em;
width: 660px;
}
#content div.content_box {
background-color: #fff;
margin-bottom: 20px;
}
#content div.content_box h1.title, #content div.content_box h2.title {
margin: 0;
padding: 8px 20px;
background-image: url('images/colours/bar-blue-back.jpg');
background-repeat: repeat-x;
background-color: #4FACCB;
color: #fff;
font-size: 110%;
font-weight: normal;
}
#content div.content_box div.content_box_text {
padding: 0 20px 10px 20px;
}
#content div.content_box div.content_box_text img.content_box_img {
float: right;
margin: 0 0 20px 20px;
}
#content div.content_box div.content_box_text h2 {
font-size: 120%;
padding-top: 20px;
}
#content form.filter {
margin: 0;
padding: 0;
}
#content form.filter fieldset {
border: none;
margin: 10px 0;
background-color: #f5f5f5;
padding: 10px;
}
#content form.filter fieldset p {
margin: 0;
padding: 0;
}
#footer {
width: 900px;
padding: 20px 10px;
margin: 0 auto 10px auto;
background-color: #999;
background-image: url('images/logo_footer.gif');
background-position: 98% center;
background-repeat: no-repeat;
}
#footer p {
margin: 0;
padding: 0 10px;
color: #fff;
font-size: 70%;
}
#footer p a {
text-decoration: none;
}
#footer p img {
vertical-align: text-bottom;
margin-left: 5px;
}
p#credits {
margin: 0;
padding: 10px 0 0 0;
text-align: right;
width: 960px;
margin: 0 auto;
color: #888;
font-size: 70%;
}
p#credits a {
color: #888;
text-decoration: none;
}
p#credits a:hover {
color: #333;
}
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */