@charset "UTF-8";
/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background: #E8EAEE;
}

.clear {
clear: both;
height: 0;
font-size: 0px;
overflow: hidden;
}

.accessibility {
display: none;
}

a {
text-decoration: none;
}

/* ******************************* */

#container {
background: url(/images/interface/shadow_bg.gif) 0 0 no-repeat;
width: 960px;
margin: 30px auto 0 auto;
}

/* **************** top *************** */

#top {
height: 134px;
width: 940px;
margin: 0 0 0 10px;
/*background: url(/images/interface/general_top.gif) 0 0 no-repeat;*/
background: url(/images/interface/general_top_old.gif) 0 0 no-repeat;
position: relative;
}

#top p {
width: 200px;
height: 134px;
position: relative;
float: left;
}

#anniversary {
position: absolute !important;
top: 108px;
left: 0;
width: 200px;
height: 58px !important;
text-indent: -9999px;
z-index: 10000;
}

#anniversary span {
width: 200px;
height: 58px;
background: url(/images/anniversary.png) 0 0 no-repeat;
}

#top p span {
width: 200px;
height: 134px;
position: absolute; top: 0; left: 0;
}

#top p#contact-button {
position: absolute;
left: 720px;
top: 108px;
font-size: 0.6875em;
width: auto;
height: auto;
float: none;
text-transform: lowercase;
}

#top p#contact-button a {
color: #FFF;
line-height: 26px;
padding: 0 7px 0 7px;
display: block;
background: #63626D;
}

#top p#contact-button a:hover {
color: #CCC;
background: #86888E;
}

#top form {
width: 250px;
height: 130px;
float: right;
text-align: right;
}

#top form fieldset {
position: relative;
width: 250px;
height: 130px;
}

#top form fieldset legend {
display: none;
}

#top form fieldset label {
position: absolute;
right: 157px;
top: 50px;
font-size: 0.6875em;
line-height: 16px;
color: #87939C;
}

#top form fieldset #search-input {
width: 100px;
border: 1px solid #DCDFE1;
background: #F2F1F1;
padding: 0 0 0 0;
height: 14px;
position: absolute;
right: 47px;
top: 50px;
}

#top form fieldset #search-submit {
position: absolute;
right: 27px;
top: 50px;
}

#top form fieldset #quick-jump-label {
display: none;
}

#top form fieldset #quick-jump-select {
position: absolute;
right: 50px;
top: 73px;
font-size: 0.6875em;
}


/* **************** main nav *************** */

#main-nav-container {
width: 466px;
height: 134px;
float: left;
background: #9CB1C3;
margin: 0 0 0 200px;
}

/* -------- breadcrumb --------- */

#breadcrumb {
width: 425px;
margin: 75px 0 0 41px;
}

#breadcrumb li {
display: inline;
float: left;
font-size: 0.6250em;
line-height: 33px;
}

#breadcrumb li a {
color: #FFF;
background: url(/images/interface/breadcrumb_divider.png) 100% 50% no-repeat;
margin: 0 4px 0 0;
padding: 0 8px 0 0;
line-height: 33px;
display: block;
}

#breadcrumb li, #breadcrumb li a:hover {
color: #556168;
}

/* -------- nav --------- */

#main-nav {
clear: left;
width: 425px;
height: 26px;
margin: 0 0 0 41px;
position: relative;
background: url(/images/interface/general_main_nav.gif) 0 0 no-repeat;
}

#main-nav li {
position: absolute;
top: 0;
height: 26px;
display:block;
}

#about-li { left: 0; width: 48px; }
#research-li { left: 47px; width: 58px; }
#programmes-li { left: 104px; width: 79px; }
#courses-li { left: 182px; width: 51px; }
#resources-li { left: 232px; width: 63px; }
#people-li { left: 294px; width: 49px; }
#news-li { left: 342px; width: 39px; }
#events-li { left: 380px; width: 45px; }


#main-nav li a {
position: relative;
display: block;
height: 26px;
font-size: 0.6875em;
text-align: center;
line-height: 26px;
}

#main-nav li a span {
display: block;
height: 26px;
position: absolute;
top: 0;
left: 0;
background-image: url(/images/interface/general_main_nav.gif);
background-repeat: no-repeat;
z-index: 998;
cursor: pointer;
}

#main-nav li a span:hover, #main-nav li a.current-nav {
z-index: 999;
}

#about-li a span { background-position: 0 0; width: 48px; }
#research-li a span { background-position: -47px 0; width: 58px; }
#programmes-li a span { background-position: -104px 0; width: 79px; }
#courses-li a span { background-position: -182px 0; width: 51px; }
#resources-li a span { background-position: -232px 0; width: 63px; }
#people-li a span { background-position: -294px 0; width: 49px; }
#news-li a span { background-position: -342px 0; width: 39px; }
#events-li a span { background-position: -380px 0; width: 45px; }

#about-li a span:hover, #about-li a.current-nav span { background-position: 0 -26px; }
#research-li a span:hover, #research-li a.current-nav span { background-position: -47px -26px; }
#programmes-li a span:hover, #programmes-li a.current-nav span { background-position: -104px -26px; }
#courses-li a span:hover, #courses-li a.current-nav span { background-position: -182px -26px; }
#resources-li a span:hover, #resources-li a.current-nav span { background-position: -232px -26px; }
#people-li a span:hover, #people-li a.current-nav span { background-position: -294px -26px; }
#news-li a span:hover, #news-li a.current-nav span { background-position: -342px -26px; }
#events-li a span:hover, #events-li a.current-nav span { background-position: -380px -26px; }

/* **************** content *************** */

#content {
width: 940px;
margin: 0 0 0 10px;
background: #FFF url(/images/interface/main_content_bg.gif) -45px 0 repeat-y;
position: relative;
}

#content-map {
width: 940px;
margin: 0 0 0 10px;
background: #FFF url(/images/interface/main_content_bg_map.gif) -45px 0 repeat-y;
position: relative;
}

/* **************** sub nav *************** */

#sub-nav {
background: #E0E5E7 url(/images/interface/general_subnav_bg.gif) 0 0 no-repeat;
width: 200px;
float: left;
padding: 171px 0 0 0;
margin: 0 0 30px 0;
}

.ann-page #sub-nav {
padding: 181px 0 0 0;
}

#sub-nav h2 {
color: #7B7B89;
font-size: 0.7500em;
border-bottom: 1px dotted #7B7B89;
line-height: 30px;
padding: 0 10px 0 20px;
text-transform: uppercase;
}

#sub-nav ul {
width: 200px;
}

#sub-nav ul li {
width: 200px;
display: block;
border-bottom: 1px dotted #7B7B89;
}

#sub-nav ul li a {
width: 160px;
color: #7B7B89;
display: block;
font-size: 0.6875em;
padding: 5px 10px 5px 30px;
/*text-transform: lowercase;*/
line-height: 1.3em;
background: url(/images/interface/subnav_arrow.png) 20px 9px no-repeat;
/*font-weight: bold;*/
}

#sub-nav ul li a:hover, #sub-nav ul li.current-subnav a {
background-color: #C6D0D5;
}

#sub-nav ul li.current-subnav a {
font-weight: bold;
border-bottom: 0;
}

#sub-nav ul li ul {
display: none;
/*border-bottom: 1px dotted #7B7B89;*/
}

#sub-nav ul li.current-subnav ul {
display: block;
}

/*#sub-nav ul li ul li {
border-bottom: 0;
font-size: 0.6875em;
padding: 5px 0 5px 31px;
}*/

#sub-nav ul li ul li {
border-bottom: 0;
}

#sub-nav ul li ul li a {
width: 150px;
text-transform: none;
padding: 5px 10px 5px 40px;
background: url(/images/interface/subnav_arrow.png) 30px 9px no-repeat;
font-weight: normal;
border-bottom: 0;
}

#sub-nav ul li ul li a.current-subnav {
font-weight: bold !important;
}

#sub-nav ul li.current-subnav ul li a {
background-color: transparent;
font-weight: normal;
}

#sub-nav ul li.current-subnav ul li a:hover {
background-color: #C6D0D5;
}

#sub-nav ul li ul li h3 {
font-size: 0.6875em;
padding: 10px 10px 5px 31px;
color: #666;
}

#sub-nav ul li ul li ul {
border-bottom: 0;
padding: 0 0 10px 0;
}

#sub-nav ul li ul li ul li a {
width: 140px;
text-transform: none;
padding: 3px 10px 3px 50px;
background: none;
font-size: 0.6250em;
}

#sub-nav ul li ul li ul li a.current-subnav {
font-weight: bold;
}

/*#sub-nav ul li ul li ul li {
padding: 0 0 0 0;
font-size: 1em;
}

#sub-nav ul li ul li ul li a {
font-size: 1em;
}*/


/* **************** main content *************** */

#main-content {
width: 425px;
float: left;
padding: 24px 0 30px 41px;
min-height:580px;
}

#main-content-map {
width: 600x;
float: left;
padding: 24px 0 30px 41px;
min-height:580px;
}

#main-content-map h1 {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
font-size: 0.7500em;
text-transform: uppercase;
margin: 0 0 1em 0;
line-height: 1.8em;
}

#main-content h1 {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
font-size: 0.7500em;
text-transform: uppercase;
margin: 0 0 1em 0;
line-height: 1.8em;
}

#main-content h2 {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
font-size: 0.7500em;
text-transform: uppercase;
margin: 2em 0 1em 0;
line-height: 1.8em;
color: #999;
}

#main-content h2 a {
color: #96C0E7;
}

#main-content h2 a:hover {
color: #63819C;
}

#main-content h3 {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
font-size: 0.7500em;
margin: 1em 0 0 0;
line-height: 1.8em;
color: #999;
}

#main-content h3 a {
color: #96C0E7;
}

#main-content h3 a:hover {
color: #63819C;
}


#main-content h4 {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
font-size: 0.7500em;
margin: 1em 0 0 0;
line-height: 1.8em;
font-style: italic;
}

#main-content h3 + h4 {
margin: 0 0 0 0;
}

#main-content p {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
font-size: 0.7500em;
margin: 0 0 1em 0;
line-height: 1.8em;
padding: 0 30px 0 0;
}

#main-content p a {
color: #96C0E7;
font-weight: bold;
}

#main-content p a:hover {
color: #63819C;
}

#main-content ul, #main-content ol {
padding: 0 0 1em 0;
}

#main-content ul + h2 {
margin: 0 0 1em 0;
}

#main-content ol {
list-style: decimal;
margin: 0 0 0 1em;
}

#main-content ul li {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
font-size: 0.7500em;
line-height: 1.4em;
background: url(/images/interface/general_featurelinks_arrow.gif) 0 3px no-repeat;
padding: 0 0 0.3em 10px;
}

#main-content ol li {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
font-size: 0.7500em;
line-height: 1.4em;
padding: 0 0 0.3em 0;
}

#main-content ul li a {
font-weight: bold;
line-height: 1.3em;
color: #96C0E7;
}

#main-content ol li a {
color: #96C0E7;
font-weight: bold;
}

#main-content ol li a:hover {
color: #63819C;
}

#main-content ul li a:hover {
color: #63819C !important;
}

#main-content table th, #main-content table td {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
}

#main-content table th {
background: #ABAFBF;
text-align: left;
font-weight: normal;
color: #FFF;
padding: 4px 0 4px 8px;
text-transform: lowercase;
}

#main-content table th a {
color: #FFF;
}

#main-content table th a:hover, #main-content table th a.selected {
font-weight: bold;
}


#main-content table td {
padding: 6px 8px 6px 8px;
color: #000;
line-height: 1.4em;
background: #DFE6EB;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

#main-content table#staff-list td {
color: #666;
background: #E2EAEB;
border-right: 0;
border-bottom: 0;
font-size: 0.6250em;
}

#main-content table tr.alt-row td {
background: #FFF !important;
}

#main-content table td a {
color: #96C0E7;
}

#main-content table#staff-list td a {
color: #000;
}

#main-content table td a:hover {
color: #666;
}

#main-content table#staff-list td a:hover {
color: #666;
}


#main-content table td.name {
width: 280px;
}

#main-content table#staff-list td.action {
text-align: right;
color: #96C0E7;
}

#main-content table#staff-list td.action a {
font-weight: bold;
color: #96C0E7;
text-transform: lowercase;
}

#main-content table#staff-list td.action a:hover {
color: #63819C;
}

#staff-box {
border: 1px solid #999;
width: 400px;
height: 150px;
margin: 6px 0 24px 0;
position: relative;
}

#staff-box img {
position: absolute; top: 0; left: 0;
display: block;
clip: rect(0, 155px, auto, 0);
clip: rect(0 155px auto 0);
}

#staff-box h2 {
font-size: 0.6250em;
color: #666;
line-height: 1.3em;
padding: 16px 0 0 170px;
margin: 0 0 0 0;
text-transform: none;
}

#staff-box h3 {
font-size: 0.6250em;
color: #666;
line-height: 1.3em;
padding: 0 0 0 170px;
margin: 0 0 0 0;
}

#staff-box h4 {
font-size: 0.6250em;
color: #666;
line-height: 1.3em;
padding: 0 0 0 170px;
font-style: normal;
}

#staff-box p {
font-size: 0.6250em;
color: #666;
line-height: 1.3em;
padding: 0 0 0.5em 170px;
}

#staff-box p a {
color: #666;
font-weight: normal;
}

#staff-box p a:hover {
color: #000;
}

#main-content p img {
margin: 0 7px 0 0;
}

#main-content img.image-right {
float: right;
margin: 0 0 1em 1em;
}

.news-item {
border-top: 1px dotted #DDD;
padding: 0 0 12px 0;
}

.news-item h2 {
padding: 0 30px 0 0;
}

.publications {
padding: 12px 0 6px 0;
}

.news-item img {
margin-top: 1em !important;
}

.news-item h3 a {
color: #96C0E7;
}

.news-item h3 a:hover {
color: #666;
}


/* **************** feature links *************** */

#feature-links {
position: absolute;
bottom: 0;
left: 241px;
/*border-left: 1px solid #CCC;*/
width: 425px;
padding: 0 0 30px 0;
}

.real-home .monkey {
position: relative !important;
bottom: auto !important;
left: auto !important;
padding-bottom: 0 !important;
padding-top: 4px !important;
border-left: 0 !important;
}

.real-home .monkey dl {
margin-top: 2em !important;
padding-left: 0 !important;
width: 421px !important;
}

.real-home .monkey dl dt {
border-left: 1px solid #FFF;
padding-left: 20px !important;
margin-bottom: 0 !important;
padding-bottom: 20px !important;
}

.real-home .monkey dl .last {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}


#feature-links h3 {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
line-height: 1.4em;
padding: 0 20px 0 20px;
}

#feature-links ul {
padding: 0 0 20px 20px;
width: 400px;
}

#feature-links ul li {
/*font-size: 0.6250em;*/
font-size: 0.6875em;
background: url(/images/interface/general_featurelinks_arrow.gif) 0 3px no-repeat;
padding: 0 20px 0 10px;
line-height: 1.4em;
}

#feature-links ul li a {
font-weight: bold;
color: #96C0E7;
}

#feature-links ul li a:hover {
color: #63819C !important;
}

#feature-links dl {
padding: 0 0 20px 20px;
width: 400px;
/*font-size: 0.6250em;*/
font-size: 0.6875em;
}

#feature-links dt, #feature-links dd {
line-height: 22px;
float: left;
margin: 0 0 18px 0;
}

#feature-links dt {
clear: left;
width: 40px;
height: 22px;
margin: 0 5px 0 0;
text-align: center;
}

#feature-links dd {
width: 350px;
}

#home-page #feature-links a {
color: #FFF;
}

#home-page #feature-links a:hover {
color: #333;
}

#feature-links dt a {
width: 40px;
height: 22px;
display: block;
position: relative;
}

#feature-links dt a span {
width: 40px;
height: 22px;
display: block;
position: absolute; top: 0; left: 0;
cursor: pointer;
background-image: url(/images/interface/home_centres_buttons.gif);
background-repeat: no-repeat;
}

#cjcr_dt a span { background-position: 0 0; }
#cmjr_dt a span { background-position: -40px 0; }
#cpe_dt a span { background-position: -80px 0; }

#cjcr_dt a span:hover { background-position: 0 -22px; }
#cmjr_dt a span:hover { background-position: -40px -22px; }
#cpe_dt a span:hover { background-position: -80px -22px; }


/* **************** sidebar *************** */

#sidebar {
width: 251px;
float: right;
}

#video-link {
margin: 0 0 20px 30px;
width: 190px;
height: 142px;
position: relative;
}

#video-link img {
width: 190px;
height: auto;
}

#video-link a {
width: 190px;
height: 142px;
position: relative;
display: block;
}

#video-link a span {
position: absolute;
top: 0;
left: 0;
display: block;
width: 190px;
height: 142px;
background: url(/images/interface/video_play.png) 10px 10px no-repeat;
}

#video-link p {
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.25);
color: #FFF;
font-size: 12px;
padding: 5px;
}

#sidebar #logo {
width: 172px;
height: 121px;
position: relative;
padding: 0 0 40px 0;
background: #FFF;
text-align: center;
}

#sidebar #logo span {
width: 172px;
height: 121px;
position: absolute; top: 0; left: 0; cursor: pointer;
background: url(/images/interface/logo_right.gif) 0 0 no-repeat;
}

#sidebar #centres_ul {
width: 121px;
height: 18px;
background: #FFF;
padding: 24px 0 24px 58px;
}

#sidebar #centres_ul li {
display: inline;
float: left;
margin: 0 2px 0 0;
}

#sidebar #centres_ul li a {
width: 37px;
height: 18px;
display: block;
position: relative;
font-size: 0.7500em;
text-align: center;
line-height: 18px;
}

#sidebar #centres_ul li a span {
width: 37px;
height: 18px;
display: block;
position: absolute; top: 0; left: 0;
cursor: pointer;
background-image: url(/images/interface/sidebar_centres_buttons.gif);
background-repeat:  no-repeat;
}

#cjcr_li a span { background-position: 0 0; }
#cmjr_li a span { background-position: -39px 0; }
#cpe_li a span { background-position: -78px 0; }

#cjcr_li a span:hover { background-position: 0 -18px; }
#cmjr_li a span:hover { background-position: -39px -18px; }
#cpe_li a span:hover { background-position: -78px -18px; }

#sidebar h2 {
font-size: 0.6875em;
line-height: 1.4em;
margin: 0 0 1em 0;
padding: 0 0 0 30px;
text-transform: uppercase;
}

#sidebar .sidebar-news-item {
width: 190px;
margin: 0 0 10px 30px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #666;
}

#sidebar .sidebar-news-item img {
margin-bottom: 0 !important;
}

#sidebar .sidebar-news-item h3 {
font-size: 0.6875em;
line-height: 1.4em;
font-weight: normal;
}

#sidebar .sidebar-news-item p.readmore-link {
font-size: 0.6250em;
line-height: 1.4em;
font-weight: bold;
padding: 0.5em 0 0 0;
}

#sidebar .sidebar-news-item p.readmore-link a {
color: #333;
}

#sidebar .sidebar-news-item p.readmore-link a:hover {
color: #999;
}

#sidebar p.further-link {
margin: 0 0 20px 30px;
font-size: 0.6875em;
font-weight: bold;
border-bottom: 1px solid #999;
width: 190px;
padding-bottom: 10px;
}

#sidebar p.further-link a {
color: #96C0E7;
line-height: 23px;
display: block;
}
#sidebar p.further-link a:hover {
color: #333;
}

.events-calendar a {
padding: 0 0 0 54px;
background: url(/images/interface/calendar_icon.png) 0 2px no-repeat;
line-height: 48px !important;
font-size: 12px;
}


#sidebar .sidebar-news-item img {
float: left;
margin: 2px 7px 5px 0;
display: block;
width: 60px;
}

#share-page {
padding: 0 0 18px 28px;
}

#sidebar-feature {
width: 158px;
background: #D5DDE0;
margin: 0 0 0 16px;
padding: 16px 16px 0 16px;
border: 1px dotted #91A9BC;
}

#sidebar-feature h3 {
font-size: 0.6250em;
color: #2B2F40;
line-height: 1.4em;
padding: 0 0 1em 0;
}

#sidebar-feature p {
font-size: 0.6250em;
color: #2B2F40;
line-height: 1.4em;
padding: 0 0 1em 0;
}

#sidebar-feature p.sidebar-feature-link {
padding: 0 0 16px 0;
}

#sidebar-feature p.sidebar-feature-link a {
color: #2B2F40;
text-transform: uppercase;
padding: 0 0 0 12px;
background: url(/images/interface/sidebar_arrow.gif) 0 3px no-repeat;
}

#sidebar-feature p.sidebar-feature-link a:hover {
color: #000;
}


/* **************** Home page *************** */

#home-page {
background: #FFF;
}

#home-page #container {
background: url(/images/interface/home_shadow_bg.gif) 0 0 no-repeat;
}

#home-page #top {
margin: 0 0 24px 10px;
background: none;
}

#home-page #content {
background: #91A9BC url(/images/interface/home_main_content_bg.gif) -46px 100% no-repeat;
position: relative;
min-height: 670px;
height: auto!important;
height: 670px;
}

.real-home #content {
min-height: 0 !important;
height: auto!important;
}

.real-home #main-content {
padding: 0 0 20px 241px !important;
}

#home-page #main-content {
padding: 0 0 170px 241px;
}

#perspectives {
width: 111px;
position: absolute;
bottom: 45px;
left: 70px;
}

#perspectives p {
font-size: 0.6250em;
color: #FFF;
line-height: 1.3em;
padding: 5px 0 8px 0;
}

#perspectives p a {
color: #C8DFF5;
}

#perspectives p a:hover {
color: #FFF;
}

#perspectives p#download a {
line-height: 16px;
background: #DCE3E5 url(/images/interface/perspectives_arrow.gif) 100% 50% no-repeat;
display: block;
color: #8DA1AD;
padding: 0 0 0 4px;
}

#home-page #main-nav-container {
background: none;
}

#home-page #main-nav {
margin: 108px 0 0 41px;
}

#home-page #top #main-nav {
background: url(/images/interface/home_main_nav.gif) 0 0 no-repeat;
}

#home-page #top #main-nav li a span {
background-image: url(/images/interface/home_main_nav.gif);
}

#home-page #top form fieldset label {
color: #FFF;
}

#home-page #main-content h1 {
color: #FFF;
}

#home-page #main-content h2 {
color: #C8D4DE;
}

#home-page #main-content p {
color: #FFF;
}

#home-logo {
width: 135px;
height: 123px;
position: absolute; top: 0; left: 40px;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
}

.ann-page #home-logo {
top: 15px !important;
}

.real-home #home-logo {
width: 135px;
height: 123px;
position: relative; !important;
top: auto;
left: auto;
margin: 0 0 30px 0 !important;
padding: 0 0 0 0 !important;
float: left !important;
}

#home-logo span {
width: 135px;
height: 123px;
position: absolute; top: 0; left: 0; cursor: pointer;
background: url(/images/interface/homepage_logo_alt.png) 0 0 no-repeat;
}

.real-home #home-logo span {
background: url(/images/interface/homepage_logo.png) 0 0 no-repeat;
}

.ann-home #home-logo {
position: absolute !important;
top: 0 !important;
left: 65px !important;
float: none !important;
margin: 0 0 0 0 !important;
}

.ann-home #anniversary {
top: 295px !important;
left: 17px !important;
}

.ann-home #anniversary span {
background: url(/images/anniversary_white.png) 0 0 no-repeat;
}

.main-image {
margin: 0 0 30px 0;
}

.ann-home .main-image {
width: 425px;
height: auto;
}

#home-page #sidebar {
border-left: 1px solid #FFF;
}

#home-page #sidebar h2 {
color: #FFF;
}

#home-page #sidebar .sidebar-news-item {
border-bottom: 1px dotted #FFF;
}

#home-page #sidebar .sidebar-news-item h3 {
color: #FFF;
}

#home-page #sidebar p.readmore-link a {
color: #FFF;
}

#home-page #sidebar p.readmore-link a:hover {
color: #333;
}

#home-page #sidebar p.further-link {
border-bottom: 1px solid #FFF;
}
#home-page #sidebar p.further-link a {
color: #C8DFF5;
}
#home-page #sidebar p.further-link a:hover {
color: #FFF;
}


#home-page #sidebar #feature-news {
width: 140px;
margin: 0 0 16px 30px;
padding: 0 0 16px 0;
border-bottom: 1px solid #FFF;
}

#home-page #sidebar #feature-news h2 {
padding: 0 0 0 0;
}

#home-page #sidebar #feature-news p {
font-size: 0.6250em;
line-height: 1.4em;
margin: 0 0 1em 0;
color: #FFF;
}

#home-page #sidebar #feature-news p.readmore-link {
font-size: 0.5625em;
line-height: 1.4em;
font-weight: bold;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#home-page #feature-links {
border-left: 1px solid #FFF;
}

#home-page #main-content p a {
color: #C8DFF5;
font-weight: bold;
}

#home-page #main-content p a:hover {
color: #FFF;
}

#home-page #top p#contact-button a {
background: #ADBFCD;
}

#home-page #top p#contact-button a:hover {
color: #ADBFCD;
background: #DEE5EB;
}


/* **************** Centres home *************** */

.centres-page #top {
background: url(/images/interface/general_top.gif) 0 0 no-repeat !important;
/*background: #A7B8C7 !important;*/
}

.centres-page #main-nav-container {
background: #9CB1C3 !important;
}

.centres-page #sub-nav ul li a {
text-transform: none !important;
}

.centres-page #sub-nav {
background-image: none !important;
background-color: #A7B8C7 !important;
position: absolute !important;
top: -24px !important;
left: 0 !important;
}

.centres-page #sub-nav ul li a {
color: #FFF;
background: url(/images/interface/centres_subnav_arrow.png) 20px 9px no-repeat;
font-weight: normal;
}

.centres-page #sub-nav ul li a:hover {
background-color: #D5DCDF !important;
color: #A1B1B9 !important;
}

.centres-page #main-nav {
margin: 0 0 0 41px !important;
}


/* **************** CPE *************** */

.cpe-page #top p span {
background: url(/images/interface/cpe_top.gif) 0 0 no-repeat;
}

.cpe-page #main-nav-container {
background: #BDCED2;
margin: 0 0 0 0;
}

.cpe-page #top #main-nav {
background: url(/images/interface/cpe_main_nav.gif) 0 0 no-repeat;
}

.cpe-page #top #main-nav li a span {
background-image: url(/images/interface/cpe_main_nav.gif);
}

.cpe-page #content #sub-nav {
background:  #EAF1DA url(/images/interface/cpe_subnav_bg.gif) 0 0 no-repeat;
}

.cpe-page #sub-nav ul li a:hover, .cpe-page #sub-nav ul li.current-subnav a {
background-color: #D2DEC2;
}

.cpe-page #sub-nav ul li.current-subnav ul li a {
background-color: transparent !important;
}

.cpe-page #sub-nav ul li.current-subnav ul li a:hover {
background-color: #D2DEC2 !important;
}

.cpe-page #breadcrumb li, .cpe-page #breadcrumb li a:hover {
color: #8B9697;
}

.cpe-page #sidebar h2 {
color: #9CAC56;
}

.cpe-page #feature-links ul li a, .cpe-page #main-content ul li a {
color: #9CAC56;
}

.cpe-page #feature-links ul li, .cpe-page #main-content ul li {
background: url(/images/interface/cpe_featurelinks_arrow.gif) 0 3px no-repeat;
}

.cpe-page #top p#contact-button a {
background: #A5B052;
}

.cpe-page #top p#contact-button a:hover {
color: #868F43;
background: #CDD39E;
}

.cpe-page #main-content p a {
color: #A5B052;
}

.cpe-page #main-content p a:hover {
color: #666;
}


.cpe-page #sidebar p.further-link a {
color: #9CAC56;
}
.cpe-page #sidebar p.further-link a:hover {
color: #333;
}

/* **************** CJCR *************** */

.cjcr-page #top p span {
background: url(/images/interface/cjcr_top.gif) 0 0 no-repeat;
}

.cjcr-page #main-nav-container {
background: #BDCED2;
margin: 0 0 0 0;
}

.cjcr-page #top #main-nav {
background: url(/images/interface/cjcr_main_nav.gif) 0 0 no-repeat;
}

.cjcr-page #top #main-nav li a span {
background-image: url(/images/interface/cjcr_main_nav.gif);
}

.cjcr-page #content #sub-nav {
background:  #DFDFE2 url(/images/interface/cjcr_subnav_bg.gif) 0 0 no-repeat;
}

.cjcr-page #sub-nav ul li a:hover, .cjcr-page #sub-nav ul li.current-subnav a {
background-color: #BBBDCA;
}

.cjcr-page #sub-nav ul li.current-subnav ul li a {
background-color: transparent !important;
}

.cjcr-page #sub-nav ul li.current-subnav ul li a:hover {
background-color: #BBBDCA !important;
}

.cjcr-page #breadcrumb li, .cjcr-page #breadcrumb li a:hover {
color: #8B9697;
}

.cjcr-page #sidebar h2 {
color: #777892;
}

.cjcr-page #feature-links ul li a, .cjcr-page #main-content ul li a {
color: #777892;
}

.cjcr-page #feature-links ul li, .cjcr-page #main-content ul li {
background: url(/images/interface/cjcr_featurelinks_arrow.gif) 0 3px no-repeat;
}

.cjcr-page #top p#contact-button a {
background: #393A60;
}

.cjcr-page #top p#contact-button a:hover {
color: #393A60;
background: #BAB8BD;
}

.cjcr-page #main-content p a {
color: #393A60;
}

.cjcr-page #main-content p a:hover {
color: #666;
}

.cjcr-page #sidebar p.further-link a {
color: #777892;
}
.cjcr-page #sidebar p.further-link a:hover {
color: #333;
}


/* **************** CMJR *************** */

.cmjr-page #top p span {
background: url(/images/interface/cmjr_top.gif) 0 0 no-repeat;
}

.cmjr-page #main-nav-container {
background: #BDCED2;
margin: 0 0 0 0;
}

.cmjr-page #top #main-nav {
background: url(/images/interface/cmjr_main_nav.gif) 0 0 no-repeat;
}

.cmjr-page #top #main-nav li a span {
background-image: url(/images/interface/cmjr_main_nav.gif);
}

.cmjr-page #content #sub-nav {
background:  #E6EFEB url(/images/interface/cmjr_subnav_bg.gif) 0 0 no-repeat;
}

.cmjr-page #sub-nav ul li a:hover, .cmjr-page #sub-nav ul li.current-subnav a {
background-color: #B7CBBC;
}

.cmjr-page #sub-nav ul li.current-subnav ul li a {
background-color: transparent !important;
}

.cmjr-page #sub-nav ul li.current-subnav ul li a:hover {
background-color: #B7CBBC !important;
}

.cmjr-page #breadcrumb li, .cmjr-page #breadcrumb li a:hover {
color: #8B9697;
}

.cmjr-page #sidebar h2 {
color: #357472;
}

.cmjr-page #feature-links ul li a, .cmjr-page #main-content ul li a {
color: #357472;
}

.cmjr-page #feature-links ul li, .cmjr-page #main-content ul li {
background: url(/images/interface/cmjr_featurelinks_arrow.gif) 0 3px no-repeat;
}

.cmjr-page #top p#contact-button a {
background: #357472;
}

.cmjr-page #top p#contact-button a:hover {
color: #357472;
background: #7AABAB;
}

.cmjr-page #main-content p a {
color: #357472;
}

.cmjr-page #main-content p a:hover {
color: #666;
}

.cmjr-page #sidebar p.further-link a {
color: #357472;
}
.cmjr-page #sidebar p.further-link a:hover {
color: #333;
}


/* **************** footer *************** */

#footer {
width: 940px;
margin: 0 0 30px 10px;
background: #63626D;
position: relative;
height: 25px;
}

#footer p {
color: #FFF;
font-size: 0.6250em;
position: absolute;
top:0;
left: 12px;
}

#footer p strong {
font-weight: normal;
padding: 0 24px 0 0;
}

#footer p a {
color: #FFF;
line-height: 25px;
}

#footer p a:hover {
color: #B1B1B6;
}

#footer p#social-links, #footer p#share-button {
right: 12px !important;
left: auto;
}

#footer p#share-button {
padding-top: 4px;
}

#social-links h2 {
padding: 0 0 0 0;
}


#footer p a.icon-link {
display: inline-block;
vertical-align: middle;
padding-top: 4px;
}

/* **************** Additional *************** */

#map {
margin: 1em 0 0 0;
border: 1px solid #666;
}

#calendar-table {
margin-left: 29px;
margin-bottom: 20px;
}

#calendar-table td {
background: #E0E5E7;
text-align: center;
font-size: 10px;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

#calendar-months {
height: 27px;
}

#calendar-months td {
font-size: 11px;
font-weight: bold;
line-height: 26px;
border-right: 1px solid #E0E5E7;
border-bottom: 1px solid #AEBFCC;
height: 26px;
}

#calendar-months .month-nav {
width: 26px;
}

#calendar-months .month-nav a {
width: 26px;
height: 26px;
display: block;
position: relative;
}

#calendar-months .month-nav a span {
width: 26px;
height: 26px;
display: block; position: absolute; top: 0; left: 0; cursor: pointer;
}

#month-back a span {
background: url(/images/interface/calendar_back.gif) 0 0 no-repeat;
}

#month-next a span {
background: url(/images/interface/calendar_next.gif) 0 0 no-repeat;
}

#month-back a span:hover {
background: url(/images/interface/calendar_back.gif) 0 -26px no-repeat;
}

#month-next a span:hover {
background: url(/images/interface/calendar_next.gif) 0 -26px no-repeat;
}

#month-next {
border-right: 1px solid #FFF !important;
}

#calendar-days td {
line-height: 26px;
width: 26px;
height: 26px;
}

#calendar-days .notthismonth {
color: #999;
}

#calendar-days a {
display: block;
width: 26px;
height: 26px;
line-height: 26px;
margin-right: 0 !important;
}

#calendar-days .notthismonth-event a, #calendar-days .event a {
font-weight: bold;
color: #FFF;
background: #AEBFCC;
}

#calendar-days .notthismonth-event a {
background: #D5D9DB;
}

#calendar-days #today a {
background: #E3B55D;
}

#calendar-days #today {
background: #E3B55D;
}

#calendar-days a:hover {
background: #899CAD !important;
}

.left {
float: left;
margin-right: 9px;
}

.right {
float: right;
margin-left: 9px !important;
margin-right: 0 !important;
}

form fieldset legend {
display: none;
}

form fieldset label {
font-size: 0.7500em;
display: block;
padding-bottom: 0.25em;
}

form fieldset p label {
font-size: 1em;
}

form fieldset .textfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 300px;
margin-bottom: 1em;
height: 21px;
}

form fieldset textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 300px;
margin-bottom: 1em;
height: 100px;
}

form fieldset .button {
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
.required { color: #F63; }



/* standard styles */
span.underline
{
	text-decoration: underline;
}

span.highlight
{
	background-color: yellow;
}

character
{
	font-weight: bold;
}

kbd
{
	padding: 0px 1px 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
}

abbr
{
	border-bottom: 1px dashed;
	cursor: help;
}

acronym
{
	border-bottom: 1px dashed;
	cursor: help;
}

dfn
{
	font-style: normal;
	border-bottom: 1px dashed;
	cursor: help;
}

code
{
	font-family: courier, monospace;
	border: 1px solid #cccccc;
	background-color: #ffffcc;
	padding-left: 1px;
	padding-right: 1px;
}

samp
{
	font-family: courier, monospace;
	border: 1px solid #cccccc;
	background-color: #ccffcc;
	padding-left: 1px;
	padding-right: 1px;
}

p.indent
{
	margin-left: 40px;
}

p.left
{
	text-align: left;
}

p.center
{
	text-align: center;
}

p.right
{
	text-align: right;
}

span.underline
{
	text-decoration: underline;
}

span.strikethrough
{
	text-decoration: line-through;
}

#perspectives .icon-block {
	width: 100px;
	
	border-top: 1px solid #fff;	
	font-size: 0.6250em;
	color: #fff;
	font-weight: bold;
	padding: 10px 0 5px 45px;
	margin: 5px 0 5px 0;
	line-height:1.2em;
}

.i-wp {
	background :url(../images/perpectives/icon-wordpress.jpg) no-repeat 0 10px;
}
.i-pc {
	background :url(../images/perpectives/icon-podcast.jpg) no-repeat 0 10px;
	
}
.i-em {
	background :url(../images/perpectives/icon-email.jpg) no-repeat 0 10px;
}

.i-do {
	padding: 10px 0 10px 0;
	border-top: 1px solid #fff;	
	width: 146px;
}