body {color: #333333;
background-color: #0076bf;
padding: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
line-height: 1.2em;
text-align: left;
background-image: url(Images/page_back.gif);
background-repeat: repeat-y;
margin: 0em;}

.clearfix:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */

a:link {color: #0076bf;
text-decoration: underline;}

a:hover {color: #0076bf;
text-decoration: none;}

a:visited {color: #0076bf;}

h1 {font-size: 2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: left;
color: #0076bf;}

h2 {font-size: 1.4em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: left;
color: #0076bf;}

h3 {font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: left;
color: #0076bf;}

h4 {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: left;}

h5 {font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

/*Page Layout*/

#wrapper {width: 900px;
margin-left: 0px;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding: 0em;}

#contentContainer
{
	clear:both;
}

#header {height: 125px;
background-image: url(Images/header.jpg);
background-repeat: no-repeat;}

#leftPanel {width: 137px;
float: left;
padding-left: 15px;
background-image: url(Images/SubNavBack.gif);
background-repeat: no-repeat;
min-height: 646px;}

#advertising
{
    margin-top: 39px;
    padding: 0 18px;
}

#advertising a, #advertising img
{
    border: none;
}

#contentBody {float: right;
background-color: #ffffff;
padding: 15px;
background-image: url(Images/ContentAreaBack.gif);
background-repeat: no-repeat;
min-height: 572px;
width: 718px;}

#footer {background-image: url(Images/footer.gif);
background-repeat: no-repeat;
height: 44px;
margin-bottom: 15px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
float: right;
width: 718px;}

/*Header*/

#priNav {margin-left: 152px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding: 0px;}

#header h1 {background-image: url(Images/logo.gif);
background-repeat: no-repeat;
height: 100px;
font-size: 1px;
margin: 0px 0px 0px 490px;}

/*Main Content area styles*/

.crumbs {font-size: 0.8em;
padding-bottom: 5px;
margin-bottom: 25px;
display: block;
color: #666666;}

.greyBorder {border: 5px #CCCCCC none;
display: block;
padding: 5px;
background-color: #CCCCCC;}

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

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

#contentBody h1 {border-bottom: 1px #CCCCCC solid;
padding-bottom: 10px;
margin-top: 0em;}

#contentBody p, #contentBody li {line-height:1.6em}

.backtotop {margin-top: 15px;
padding-top: 5px;
border-top: 1px #CCCCCC solid;
text-align: right;
clear: both;}

.arrowList {margin-left: 0px;
padding-left: 15px;
padding-right: 15px;
list-style: none;}

.arrowList li {padding-left: 10px;
background: url(Images/arrow.gif) no-repeat 0em 0.6em;}

.top {background-image: url(Images/i_backtotop.gif);
background-repeat: no-repeat;
padding-left: 14px;
min-height: 12px;
font-size: 11px;
background-position: left 1px;
margin-top: 0.6em;}

/*Home*/

#threeColumns {width: 100%;
margin-top: 25px;
clear: both;}

#threeColumns .column {vertical-align: top;
width: 33%;}

#threeColumns p, #threeColumns img, #threeColumns .indent {padding-left: 15px;
padding-right: 15px;}

.border {border-right: 1px #CCCCCC dashed;}

.column h3 {background-image: url(Images/columnHeading.gif);
background-repeat: repeat-x;
margin: 0px;
height: 25px;
padding-top: 0.4em;
padding-left: 15px;
padding-right: 15px;}

h3.feature {background-image: url(Images/featureBack.gif);
color: #FFFFFF;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
background-repeat: repeat-x;}

/*News*/

.newsdate {font-size: 0.8em;
color: #666666;}

a.nolink {color: #333333;
text-decoration: none;}

a.nolink:hover {text-decoration: underline;}

div.two-columns {border-bottom: solid 1px #e2e2e2;}

div.two-columns img.feature-image {display: block;
float: right;
margin: 12px 20px 0 0;}

div.two-columns div.two-columns-left {height: 70px;
width: 154px;
float: left;}

div.two-columns div.two-columns-right {background: #fbfbfb;
height: 60px;
border-left: solid 1px #efefef;
padding: 5px 0 5px 28px;
margin: 0px 0em 0em 154px;
vertical-align: middle;}

div.two-columns div.two-columns-right a {font-size: 1em;
padding-bottom: 0.6em;
line-height: normal;}

div.two-columns div.two-columns-right p {margin: 0em;
color: #666666;}

#contentBody .post {
	margin-bottom: 8px;
	background: #B9DFF4 url(images/img08.jpg) repeat-x 0 0;
	-webkit-border-radius: 5px; /* for Safari */
	-moz-border-radius: 5px;
}

#contentBody .post h2 {
	padding: 15px 0 0 20px;
	margin: 0;
	color: #000000;
}

#contentBody .post h2 a {
	color: #000000;
	border: none;
	text-decoration: none;
}
#contentBody .post h2 a:hover {
	text-decoration: underline;
}

#contentBody .post .meta {
	border-bottom: 1px dashed #B5DEF4;
	padding-left: 20px;
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

#contentBody .post .summary {
	padding: 10px 20px 15px 20px;
	text-align: justify;
}

/*programmes*/

.sf_list_expandable {margin-top:2em;
border-bottom:1px solid #E2E2C6;
_height:1%}

ul.sf_list_expandable {display: list-item;
list-style-type: none;
margin-left: 0em;
padding-left:0}

.sf_list_expandable li {border:1px solid #E2E2C6;
border-bottom:0}

.sf_list_expandable .sf_item_head a {display:block;
padding:3px 8px;
text-decoration:none;
margin: 0em;}

.sf_list_expandable .sf_item_head {margin: 0em;
padding: 0em;}

.sf_list_expandable .sf_item_head a:hover {display:block;
padding:3px 8px;
text-decoration:none;}

.sf_list_expandable .sf_item_headexp a {color:#030;
display:block;
padding:3px 8px;
text-decoration:none;
margin: 0em;}

.sf_list_expandable .sf_item_headexp {background:#EDEDDB url(images/listback.png) top left repeat-x}

.sf_list_expandable .sf_item_body {background:#F7F7EE;
border-top:1px solid #E2E2C6;
padding:1.2em 1.8em}

#contentBody .sf_list_expandable .sf_item_head a, #contentBody .sf_list_expandable .sf_item_head a:hover, #contentBody .sf_list_expandable .sf_item_headexp a {/*width:415px;
*/
padding-right:65px;}

#contentBody .sf_list_expandable .sf_item_head a {background:transparent url(images/expand.gif) right center no-repeat;}

#contentBody .sf_list_expandable .sf_item_head a:hover {background:#EDEDDB url(images/expand.gif) right center no-repeat;}

#contentBody .sf_list_expandable .sf_item_headexp a {background:transparent url(images/collapse.gif) right center no-repeat;}

a.exp {text-align:right;
width:80px;
float:right;
margin-right:5px}

.sf_list_expanded {background:none;
border:0;
_height:1%;
margin: 0em;}

.strips .sf_list_expanded .sf_item_head {background:#EDEDDB;
border:1px solid #E2E2C6;
border-bottom:0;
padding:1.1em 1.5em 0;
margin: 0em;}

.strips .sf_list_expanded .sf_item_body {background:#EDEDDB;
border:1px solid #E2E2C6;
border-top:0;
padding:0 1.5em 1.2em;
margin: 0em;}

/*Maps*/

.Map {background-color: #E2EDF7;
padding: 10px;
float: right;}

.MapAddress {background-color: #ECECEC;
padding: 10px;}

.selected {background-color: #E2EDF7;}

div#secondary_nav {width: 137px;}

div#secondary_nav ul {margin: 0;
padding: 0;
list-style-position: outside;
list-style-type: none;}

div#secondary_nav li {border-bottom: 1px solid #003D6C;
background-color: #ECECEC;
padding: 5px 5px 5px 10px;
text-align: left;
margin: 0px 0px 0px 0px;
text-indent: 0px;
line-height: 13px;
background-image: url(Images/catnav_back.gif);
background-repeat: repeat-y;}

div#secondary_nav a {text-decoration: none;
color: #333333;}

div#secondary_nav h3 {font-weight: bold;
color: #66CC33;
background-color: #ECECEC;
background-image: url(images/catnav_header.gif);
margin: 0px;
padding: 5px 5px 5px 10px;
background-position: left top;
background-repeat: no-repeat;
text-align: left;}

div#secondary_nav li.selected {background-image: url(images/SubNavArrow2.gif);
background-repeat: no-repeat;
background-position: center left;}

div#secondary_nav_footer {background-color: #ECECEC;
padding: 5px 5px 10px 10px;
text-align: left;
margin: 0px;
text-indent: 0px;
line-height: 13px;
background-image: url(images/catnav_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;}

/*Forms*/

form {}

button {}

.userbutton {font-family: verdana, arial, serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
border: 1px #003D6C solid;
background-image: url(Images/ButtonBack.gif);
height: 22px}

.input {border: 1px solid #9FBDDC;
padding: 5px 2px 5px 2px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

.input_50 {border: 1px solid #9FBDDC;
width: 50px;
padding: 5px 2px 5px 2px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

.input_276 {border: 1px solid #9FBDDC;
padding: 5px 2px 5px 2px;
width: 276px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

.input_multi {border: 1px solid #9FBDDC;
width: 276px;
padding: 5px 2px 5px 2px;
height: 60px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

#formsbody fieldset {margin: 1.5em 0 0 0;
padding: 0;}

#formsbody legend {margin-left: 1em;
color: #000000;
font-weight: bold;}

#formsbody fieldset ol {padding: 1em 1em 0 1em;
list-style: none;}

#formsbody fieldset li {padding-bottom: 1em;}

#formsbody fieldset.submit {border-style: none;}

#formsbody label {display: block;}

#formsbody label {float: left;
width: 15em;
margin-right: 1em;
text-align: right;}

#formsbody fieldset.submit, #formsbody .indent {float: none;
width: auto;
border: 0 none #FFF;
padding-left: 17em;}

#formsbody fieldset {float: left;
clear: left;
width: 100%;
margin: 0 0 1.5em 0;
padding: 0;}

#formsbody fieldset li {float: left;
clear: left;
width: 100%;
padding-bottom: 1em;}

/* Contact List */

#contentBody .contact-list .list {list-style-type: none;
margin: 0;
padding: 0;
font-family: Arial;
}

#contentBody .contact-list .list .contact {list-style-type: none;
list-style-image: none;
margin: 0;
padding: 15px 10px 10px 78px;
position: relative;
border-bottom: 1px dotted #bfbfbf;
min-height: 80px;
color: #555555;}

#contentBody .contact-list .list .last {border-bottom: none;}

#contentBody .contact-list .list .contact .image {position: absolute;
left: 10px;
top: 10px;}

#contentBody .contact-list .list .contact .image a {border: 1px solid #ffffff;
display: block;
width: 60px;
height: 80px;}

#contentBody .contact-list .list .contact .image a:hover {border-color: #97c0d5;}

#contentBody .contact-list .list .contact .image img {display: block;}

#contentBody .contact-list .list .contact ul {list-style-type: none;
list-style-image: none;
margin: 5px 5px 0 0;
padding: 0;
float: left;
width: 200px;}

#contentBody .contact-list .list .contact ul.toggle {list-style-type: none;
list-style-image: none;
padding-top: 20px;
float: none;
width: 100%;}

#contentBody .contact-list .list .contact li {list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
min-height: 1em;
position: static;
border-bottom: none;
clear: both;}

#contentBody .contact-list .list .even {background-color: #f7f7f7;}

.contact-list .list .contact .fn {color: #333333;
font-size: 16px;
text-decoration: none;
font-weight: bold;}

.contact-list .list .contact .title {color: #666666;
font-size: 11px;}

.contact-list .list .contact .lbl {display: none;}

.contact-list .list .contact .type {width: 27px;
height: 0;
padding-top: 11px;
overflow: hidden;
background-repeat: no-repeat;
display: block;}

#contentBody .contact-list .list .contact .tel,
#contentBody .contact-list .list .contact .address {padding-left: 32px;
position: relative;
display: block;}

.contact-list .list .contact .tel .type,
.contact-list .list .contact .address .type {position: absolute;
left: 0;
top: 3px;}

.contact-list .list .contact .tel-fax .type {background-image: url(images/ico_fax.gif);}

.contact-list .list .contact .tel-external .type {background-image: url(images/ico_ext.gif);}

.contact-list .list .contact .tel-mobile .type {background-image: url(images/ico_mob.gif);}

.contact-list .list .contact .address .type {background-image: url(images/ico_loc.gif);}

#contentBody .contact-list .list .contact .tel-internal {padding-left: 0;
padding-top: 5px;}

.contact-list .list .contact .tel-internal .type {display: none;}

#contentBody .contact-list .list .contact .tel-internal .value {font-size: 24px;
color: #555555;}

#contentBody .contact-list .list .contact .email {font-size: 11px;}

.contact-list .organisational-group {background-color: #f1f1f1;
font-size: 11px;
border: 2px solid #dddddd;
padding: 2px;
position: relative;
margin-top: 10px;}

.contact-list .organisational-group h2 {font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;}

.contact-list .organisational-group .label {display: none;}

.contact-list .organisational-group a {background-color: #aeaeae;
color: #ffffff;
text-decoration: none;
margin-right: 0.1em;
padding: 4px 0.6em;
display: block;
float: left;
position: relative;}

.contact-list .organisational-group a:hover {background-color: #999999;
color: #ffffff;}

.contact-list .organisational-group .tl,
.contact-list .organisational-group .tr,
.contact-list .organisational-group .bl,
.contact-list .organisational-group .br {position: absolute;
width: 4px;
height: 4px;
display: block;
background-repeat: no-repeat;}

.contact-list .organisational-group .tl {top: -2px;
left: -2px;
background-image: url(images/bg_organisational-group-tl.gif);}

.contact-list .organisational-group .tr {top: -2px;
right: -2px;
background-image: url(images/bg_organisational-group-tr.gif);}

.contact-list .organisational-group .bl {bottom: -2px;
left: -2px;
background-image: url(images/bg_organisational-group-bl.gif);}

.contact-list .organisational-group .br {bottom: -2px;
right: -2px;
background-image: url(images/bg_organisational-group-br.gif);}

.contact-list .organisational-group a .tl {top: 0;
left: 0;
background-image: url(images/bg_organisational-group-tab-tl.gif);}

.contact-list .organisational-group a .tr {top: 0;
right: 0;
background-image: url(images/bg_organisational-group-tab-tr.gif);}

.contact-list .organisational-group a .bl {bottom: 0;
left: 0;
background-image: url(images/bg_organisational-group-tab-bl.gif);}

.contact-list .organisational-group a .br {bottom: 0;
right: 0;
background-image: url(images/bg_organisational-group-tab-br.gif);}

.contact-list .organisational-group a:hover .tl,
.contact-list .organisational-group a:hover .tr,
.contact-list .organisational-group a:hover .bl,
.contact-list .organisational-group a:hover .br {background-position: 0 -4px;}