@import url(admin/admin-style.css); /*-- DO NOT REMOVE --*/
@import url(menu.css);

/* Standard tag overides */
* {
	font-family: Arial, Verdana, sans-serif;
}

body {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 70%;
	color: #0E3860;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

input, textarea, select {
	font-size: 100%;
}

a, a * {
	color: #003E7F;
}

h1 {
	font-size: 120%;
}

h2 {
	font-size: 115%;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 105%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.8em 0px;
}

p {
	margin-top: 0px;
}
/* end standard tags override tags */

/* Simple classes - dereferencing single style parameters to avoid inline styles */
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.nobold {
	font-weight: normal;
}
.noborder {
	border:none;
}

.clearboth {
	clear: both;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.invisible {
	display: none;
}

.hoverlink a, .hoverlink * a, .hoverlink {
	text-decoration: none;
}

.hoverlink a:hover, .hoverlink * a:hover, .hoverlink:hover {
	text-decoration: underline;
}

.small {
	font-size: 95%;
}

.ieitalicfix {
	/* Stop italics making the page wrap in IE */
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
	/* end if hack */
}

.htagnostyle {
	display: inline;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
}
/* end simple classes */

/* Site wide classes */
.sitecontainer {
	width: 967px;
	margin-left: auto;
	margin-right: auto;
}

.sitecontainernoadvert {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.adcontainer {
	display:inline; /* ie double margin fix - all other browsers ignore it */ 
	float: right;
	width: 160px;
	margin-left: 27px;
}

.contentcontainer {
	display:inline; /* ie double margin fix - all other browsers ignore it */ 
	float: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.sitecontent {
	width: 770px;
	border-style: solid;
	border-color: white;
	border-width: 0px 1px 1px 1px;
	background: #E1F1FF;
}

.homepagebg {
	background: white;
}

.headerimage_align {
	vertical-align:top;
}

/* ****************************************************************
* NOTE: These shadow filters don't work in anything other than IE *
*	but its better than nothing at all                           *
******************************************************************/
.rightshadow {
	/* NON IE stuff */
	border-style: solid;
	border-color: #8BABCA;
	border-width: 0px 1px 1px 1px;
	padding: 0px;
	/* end */
	_border: none;
	_padding-right: 4px; /* Co-incides with the strength */
	_padding-bottom: 4px;
	float: left; /* You must have this or the shadow doesn't work */
	_filter: shadow(color:#9EADB6, strength:4, direction:135);
}

.leftshadow {
	_padding-left: 4px; /* Co-incides with the strength */
	float: left; /* You must have this or the shadow doesn't work */
	_filter: shadow(color:#9EADB6, strength:4, direction:225);
}

.redarrowlink {
	padding-left: 8px;
	display: block; /* Need this and the next line as padding doesn't really work on inline elements */
	float: left;
	background-image: url(images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
}

.contentcol {
	float: left;
	width: 608px;
	font-size: 105%;
}

.breadcrumb {
	background: #004990;
	color: white;
	padding: 3px 18px 3px 18px;
	border-bottom: 1px solid white;
	font-size: 95%;
}

.breadcrumb a {
	color: white;
}

.content {
	float: left;
	width: 572px; /* Total of  608 inc padding */
	padding: 12px 18px 18px 18px;
}

.contentbg {
	background-repeat: repeat-y;
	background-position: 161px 0px;
}

.leftcontentbg {
	background-image: url(images/white1px.gif);
}

.rightcontentbg {
	background-image: url(images/right_content_bg.gif);
}

.doublecontentbg {
	background-image: url(images/double_content_bg.gif);
}

.content img {
	border: 5px solid white;
	float: left;
	margin: 0px 10px 10px 0px;
}

.narrowcontent {
	width: 370px; /* Total of 406 inc padding */
}

.toplevelh1 {
	color: #004990;
	font-size: 140%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 12px;
}

.pagelevelh1 {
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 120%;
	font-weight: bold;
}

.rhcol {
	float: left;
	width: 200px;
	margin-left: 2px;
	border-bottom: 1px solid white;
}

.rhtopline {
	border-top: 21px solid #D2E6F7;
}

.rhtextblock {
	border-top: 1px solid white;
	padding: 16px 12px 0px 12px;
}

.rhfeaturetextblock {
	padding-bottom: 16px;
}

.rhlist {
	border-top: 1px solid white;
	font-weight: bold;
	font-size: 95%;
	background-color: #D2E6F7;
}

.rhdoc {
	padding: 6px 10px 6px 31px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

.rhlink {
	padding: 6px 10px 6px 12px;
}
/* end site wide */

/* footer */
.footer {
	float: left;
	width: 491px;
	padding: 12px 10px 12px 16px;
}

.address {
	float: left;
	width: 230px;
	border-right: 1px solid #BABABA;
	margin-right: 15px;
}

.standardfooter {
	background: white;
	padding: 3px 0px 17px 0px
}
/* end footer */

/* Site header */
.headerbar {
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	padding: 3px 17px 12px 17px;
	background-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.headerlogo {
	width: 179px; /* Width of the logo image */
	margin-top: 8px;
	float: left;
}

.searchandquicklinks {
	width: 215px;
	padding-top: 10px;
	padding-left: 30px;
	float: right;
}

.headerrhsrow {
	margin-bottom: 11px;
}

.headerinput {
	color: #003E7F;
	padding: 0px 0px 0px 4px;
}

.headersmall {
	font-size: 90%;
}
/* end site header */

/* Homepage specific */
.homepageleftcol {
	float: left;
	width: 517px;
	border-right: 3px solid white;
}

.homepagerightcol {
 	float: left;
	width: 250px;
}

.homepageimage {
	border-left: 1px solid white;
	width: 354px;
	float: left;
}

.homepageintrobox {
	background: #013E7F;
	padding-bottom: 7px !important;
	padding-bottom: 1px; /* PC IE ONLY */
	border-bottom: 1px solid white;
	/* The bottom padding just causes the bottom margin on the p do something, but it behaves differently on browsers */
}

.homepageintrotitle {
	background: #83A6C7;
	padding: 7px 12px;
	color: white;
	font-size: 110%;
	margin: 0px;
}

.homepageintro {
	color: white;
	padding-bottom: 20px;
	padding: 13px 13px 0px 13px;
}

.homepageintro a {
	color: white;
}

.newsheadlinecontainer {
	background: #BCD8F1;
	float: left;
	width: 516px;
	border-right: 1px solid #90AECA;
}

.newsheadlinesboxoutline {
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

.newsheadlinesbox {
	background: #E2373E;
	border-top: 1px solid #EA6F74;
	border-right: 1px solid #AD2C34;
	border-bottom: 1px solid #8E262E;
	border-left: 1px solid #E65359;
	padding: 1px 10px 2px 177px;
	color: white;
	font-weight: bold;
	font-size: 100%;
	float: left;
	width: 287px;
}

.rssimage {
	float: right;
	padding: 3px;
	border-top: 1px solid #CFE3F5;
}

.firstnewsitem {
	float: left;
	width: 495px;
	background: #BCD8F1;
	border-right: 1px solid #90AECA;
	border-left: 1px solid #C5DEF3;
	border-bottom: 1px solid #7694B3;
	padding: 6px 10px;
}

.homepagethumbnail {
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	border-left: 5px solid white;
	border-right: 5px solid white;
	float: left;
	width: 140px;
}

.homepagetextwiththumbnail {
	display: inline; /* Due to IE bug */
	margin-left: 17px;
	float: left;
	width: 328px;
	padding-top: 4px;
}

.homepagetextnothumbnail {
	display: inline; /* Due to IE bug */
	float: left;
	width: 488px;
	padding-top: 4px;
	padding-left: 7px;
}

.homepagelightbluebox {
	float: left;
	width: 505px;
	margin-top: 1px;
	border-top: 1px solid #DFEDF9;
	border-bottom: 1px solid #859EB7;
	border-left: 1px solid #D9EAF7;
	border-right: 1px solid #A2B9CE;
 	background: #D3E6F6;
	padding: 10px 0px 10px 10px;
}

.homepagesubnews {
	float: left;
	width: 150px;
	padding-right: 17px;
}

.homepagesubnewsitem {
	padding: 5px 2px;
	width: 146px;
}

.homepagefeaturetitle {
	margin-top: 1px;
	border-top: 1px solid #487CAF;
	border-bottom: 1px solid #00326B;
	border-left: 1px solid #2463A0;
	border-right: 1px solid #003B79;
 	background: #004990;
	color: white;
	font-weight: bold;
	padding: 2px 10px 2px 16px;
}

.homepagepolltitle {
	margin-top: 1px;
	border-top: 1px solid #49BD74;
	border-bottom: 1px solid #25B059;
	border-left: 1px solid #018334;
	border-right: 1px solid #018334;
 	background: #01A33E;
	color: white;
	font-weight: bold;
	padding: 2px 10px 2px 16px;
}

.homepagepoll {
	float: left;
	width: 495px;
	border-bottom: 1px solid #7EA19F;
	border-left: 1px solid #D1EDDC;
	border-right: 1px solid #9ABCB3;
 	background: #C9EAD6;
	color: #004018;
	padding: 10px;
}

.pollform {
	width: 240px;
}

.pollbutton {
	float: right;
	margin-top: -20px;
	padding-right: 10px
}

.homepagecalendartitle {
	background: #1D99B9;
	color: white;
	font-weight: bold;
	padding: 3px 12px;
	border-bottom: 1px solid white;
}

.homepagecalendarcontent {
	background: #9FDFEF;
	color: #015166;
	padding: 10px 12px;
	border-bottom: 1px solid white;
}

.homepagecalendarcontent a {
	color: #015166 !important;
}

.countdowncontainer {
	margin: 1px 0;
	border: 1px solid #BABABA;
}

.countdowncontainer a {
	text-decoration:none;
}

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

.countdowncontainer table {
	border-collapse: collapse;
	margin:1px 0 1px 1px;
	width: 246px;
	border-left: 1px solid #013E7F;
	border-top: 1px solid #013E7F;
	border-right: 1px solid #013E7F;
}

.countdowncontainer th {
	background: #013E7F;
	color: white;
	font-weight: bold;
	padding: 2px 3px;
	border-right: 1px solid white;
	text-align: left;
}

th.last, td.last {
	border-right: none;
}

td.number {
	text-align: right;
}

.countdowncontainer td {
	color: #013E7F;
	padding: 2px 3px;
	border-right: 1px solid #013E7F;
	border-bottom: 1px solid #013E7F;
}

.countdowncontent {
	border-top: 6px solid #F0F0F0;
	padding: 5px 12px 7px 12px;
}

.countdowndays {
	margin-top: 2px;
	float: left;
	border: 1px solid #515F8E;
	padding: 1px 0px 1px 1px;
}

.countdownnum {
	float: left;
	width: 21px;
	padding-right: 1px;
}

.homepagelogos {
	margin-top: 3px;
	border: 1px solid #BABABA;
	padding: 10px;
	margin-bottom: 1px;
}

.featurelogo {
	border-top: 2px solid white;
}
/* end hompage */

/* Landing pages */
.landingseperator {
	height: 5px;
	border-top: 1px solid white;
}

.landingcontainer {
	width: 608px; /* NOTE: This works with "content" so you must resize both */
	float: left;
}

.narrowlanding {
	width: 406px;
}

.landingfeaturesbox {
	background-color: #B7D6F1;
	border-top: 1px solid white;
	background-image: url(images/landing_features_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.landingfeaturescontainer {
	margin: 22px 0px 0px 0px;
	background-image: url(images/white1px.gif);
	background-position: 203px 0px;
	background-repeat: repeat-y;
	float: left;
	width: 406px;
}

.landingfeaturesbottomspace {
	/* Need to do this as bottom margin on div above just does't work cross-browser */
	padding-top: 40px;
}

.landingfeaturescol {
	float: left;
	display: inline; /* Due to IE double margin bug */
	width: 160px;
	padding-right: 25px;
	margin-left: 18px;
}

.landingfeatureimg {
	border: 5px solid #D7E9F7;
	margin-bottom: 15px;
	float: left;
}
/* end landing */

/* News & events */
.calendar {
	background: #D2E6F7;
	float: left;
	width: 608px;
	border-bottom: 1px solid white;
}

.calendartitle {
	width: 131px;
	padding: 18px 12px 12px 18px;
	float: left;
}

.calendarmonthlist, .calendarmonthlist_m, .calendarmonthlist_q, .calendarmonthlist_a {
	border-left: 2px solid white;
	float: left;
	width: 324px;
}

.calendarmonthlist_a {
	border-color: transparent;
}

.calendarseperator {
	border-top: 2px solid white;
	clear: both;
}

.calendarmonth, .calendarmonth_m, .calendarmonth_q {
	border-right: 2px solid white;
	width: 40px;
	padding: 6px 2px 6px 10px;
	float: left;
	font-weight: bold;
	font-size: 90%;
}

.calendarmonth_q {
	width: 63px;
	height: 3.9em;
	padding: 12px 6px 0px 10px;
}

.calendaryearlist {
	float: left;
	width: 121px;
}
.calendar_news_selected {
	background-color:#eec8ca;
}
.calendar_news_selected a {
	color:#cc000b;
}
.calendar_events_selected {
	background-color:#e4c8dd;
}
.calendar_events_selected a {
	color:#870866;
}

.calendaryear {
	background: #004990;
	color: white;
	text-align: center;
	border-right: 1px solid white;
	width: 60px;
	font-weight: bold;
	padding: 6px 0px;
	float: left;
	font-size: 90%;
}

.calendaryear a, .nextyear a {
	color: white;
}

.currentyear {
	background: #004990;
	color: white;
	width: 121px;
	font-weight: bold;
	padding: 5px 0px;
	text-align: center;
	float: left;
	font-size: 120%;
}

.nextyear {
	background: #7799BA;
	float: left;
	width: 108px;
	clear: both;
	color: white;
	font-weight: bold;
	padding: 2px 5px 2px 8px;
	font-size: 90%;
}

.nocalrightborder {
	border-right: none !important;
}

.newseventsheadlinelist {
	width: 583px; /* Total of  608 inc padding */
	padding: 12px 12px 12px 13px;
	margin:0px;
	background: white;
	float:left;
}

.newseventsthumbnail {
	border: 5px solid #D0E0EF;
	width: 140px;
	margin-right: 10px;
	float: left;
}

.mainnewsevent {
	float: left;
	width: 422px;
	border-bottom: 1px solid #C1CBD6;
	padding-bottom: 10px;
	padding-top: 5px;
}

.mainnewseventnothumbnail {
	width: 582px;
}

.inbrieftitle {
	background-image: url(images/inbrief_bg.gif);
	background-repeat: repeat-y;
	border-top: 1px solid #C1CBD6;
	border-bottom: 1px solid #C1CBD6;
	padding: 2px 18px 5px 18px;
	font-weight: bold;
	clear: both;
	background-color: #F3F9FF;
	letter-spacing: 0.25em;
}

.newseventslist {
	width: 577px; /* Total of  608 inc padding */
	padding: 12px 12px 30px 18px;
	background: #F3F9FF;
}

.newseventitem {
	border-bottom: 1px solid #C1CBD6;
	background: white;
}

.newseventitem img {
	border: 5px solid #D0E0EF;
	float: left;
	margin: 0px 10px 10px 0px;
}

.newseventfooter {
	background: #F3F9FF;
}
/* end news & events */

/* organisations */
.organisation ul {
	margin:0px;
	padding:0px;
}
.organisation li {
	list-style:none;
	padding:0px;
	margin:0px;
	display:inline; /* Weird IE Bug */
}
.organisation li a {
	text-decoration:none;
	border-top: 1px solid white;
	display:block;

	font-weight: bold;
	clear:both;
	font-size: 95%;
	background-color: #D2E6F7;
	padding: 6px 10px 6px 12px;
	margin:0px;
}
.organisation li a:hover *, .organisation li a:hover {
	text-decoration:underline;
}
/* End of organisations */

/* Contact */
.contact_form {
	float:left;
	width:588px;
	clear:both;
	padding-left: 20px;
}
.contact_left {
	float:left;
	width:220px;
	padding:5px 5px 5px 0px;
}
.contact_right {
	float:right;
	width:350px;
	padding:5px;
}
.contact_right_drop_down {
	width:332px;
	margin-top:-35px;
	padding:0px;
}
.contact_form label {
	font-weight:bold;
}
.form_fields {
	display:block;
	float:left;
	margin-top:5px;
	width:180px;
}
.contact_textarea {
	width:320px;
}

.contact_textarea_wide {
	width:420px;
}
.row {
	float:left;
	padding-top:5px;
}

.contact_button  {
	float:right;
	margin-top:10px;
	margin-right:40px;
	display:inline;
}


/* Sitemap Styles START */
.sitemaplists {

}
.sitemapcontainer {

}
.sitemapelement {
	clear:both;
	padding:5px;
	padding-left:25px;
}
.sitemap_item {
	width:540px;
	display:block;
	background-color:#C2E0FD;
	padding: 5px 10px 5px 10px;
	font-weight:bold;
	margin:5px 0px 5px 0px;
}
.sitemap_item a, .sitemapelement a {
	text-decoration:none;
}
.sitemap_item a:hover, .sitemapelement a:hover {
	text-decoration:underline;
}
.level1, .level2 {
	font-weight:bold;
}
/* Sitemap Styles END */

.searchsection {
	float:left;
	width:450px;
	display:block;
	background-color:#C2E0FD;
	padding: 5px 10px 5px 10px;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	border-bottom:1px solid #7A9ABC;
	border-right:1px solid #94B3D3;
	border-top:1px solid #D3E9FE;
	border-left:1px solid #CBE4FD;
}
.searchsection_results {
	float:left;
	width:70px;
	display:block;
	background-color:#C2E0FD;
	padding: 5px 10px 5px 10px;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	border-bottom:1px solid #7A9ABC;
	border-right:1px solid #94B3D3;
	border-top:1px solid #D3E9FE;
	border-left:1px solid #CBE4FD;
	margin-left:1px;
	text-align:center;
}
.searchsection a, .search-result-summary a, .search_paging a {
	text-decoration:none;
}
.searchsection a:hover, .search-result-summary a:hover, .search_paging a:hover {
	text-decoration:underline;
}
.search_keyword {
	color:#C6141B;
	font-weight:bold;
}
.search-result-summary {
	float:left;
	margin-top:15px;
	padding-left:25px;
	width:540px;
}
.search_paging {
	float:left;
	display:block;
	padding-left:25px;
	clear:both;
	width:540px;
}
#searchlist {
	float:left;
	margin-bottom:15px;
}

/* Organisation and Board Styles ADJUST COLUMN SIZES */

.wide_right {
	width:260px;
}
.small_left { /* Adjustment from 406 */
	width:346px;

}
.small_left_content { /* adjustment from 370 */
	width:310px;
}
.wide_right_line { /* changes the position of the white dividing line between columns to adjust for different column widths */
	background-repeat: repeat-y;
	background-position: 101px 0px;
}
.red_text_title {
	color:#D20009;
	font-weight:bold;
}
.item_display {
	margin-top:103px;
	background-color:white;
	display:block;
	padding:3px 15px 3px 15px;
	font-weight:bold;
}
.board_image {
	float:left;
	border: 5px solid white;
	margin: 10px 0px 0px 0px;
	clear:both;
}
.selected {
	background-color:#004990 !important;
	color:white;
}
.selected .nobold {
	color:white;
}
li a .selected {
	background-color:#004990;
}

/* END */

/* Shadow Button (Left) */
.shadow_button {
	background-image: url(images/shadow_button/shadow_repeat_left.gif);
	background-position: left;
	background-repeat: repeat-y;
	cursor:pointer;
	float:left;
}
.shadow_button a {
	text-decoration:none;
}
.shadow_button img {
	margin:0px;
	border:none;
}
.shadow_button_top_left {
	float:left;
}
.shadow_button_content {
	margin-left:2px;
	border:1px #346195 solid;
	color:white;
	font-weight:bold;
	text-align:center;
}
.shadow_button_content a {
	color:white;
}
.shadow_button_bottom {
	background-image: url(images/shadow_button/shadow_repeat_bottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height:2px;
}
.shadow_button_bottom_left {
	width:2px;
	float:left;
}
.shadow_button_bottom_right {
	width:2px;
	float:right;
}
/* END  Shadow Button (Left) */
.gallery {
	float:left;
	padding:0px;
	margin:0px;
}
.gallery_clear {
	clear:both;
	padding-bottom:10px;
}
.gallery_text {
	clear:both;
}

.gallery_paging {
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	clear:both;
	padding:1px;

}
.paging_numbers {
	float:left;
	margin: 0px 20px 0px 20px;
	padding:1px;
}
.paging_number a {
/*	float:left; */
	background-color:#326192;
	border: 1px solid #CFDEEB;
	margin-left:2px;
	margin-right:2px;
	padding: 0px 4px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}

.paging_number_selected {
	font-weight:bold;
	background-color:#CFDEEB;
	border: 1px solid #326192;
	margin-left:2px;
	margin-right:2px;
	padding: 0px 4px;

}
.galleryphoto {
	clear:both;
}
.gallery_paging {
	clear:both;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
}
.gallery img {
	margin:0px 9px 0px 0px;
}

.homepagevideotitle{
	background: #FFBF00;
	color: #004990;
	font-weight: bold;
	padding: 3px 12px;
	border-top: 1px solid white;
}

.homepagevideotitle a {
	color: #004990;
	text-decoration: none;
}

.homepagevideocontent{
	/*text-align:left;
	padding:10px;
	background: #E1DCCE url(images/video-background.gif) top left no-repeat;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px 0px 8px 52px;
	height: 125px;
	min-height: 125px;
	*/
	width: 250px;
	overflow: hidden;
	margin-bottom: 1px;
}

.homepagevideocontent iframe {
	margin-left: -7px;
	margin-top: -5px;
}

.nemplayer-container{
	margin:0px;
	width:153px;
	height:160px;
	overflow: hidden;}

.nemplayer{ /*JH*/
	margin:0px;
	padding:0px;
	/*border: 1px solid #FFFFFF;*/  /*NEW VID PLAYER IS BIGGER THAN VISIBLE SIZE BORDER BAD*/
}

.videoobject{
	margin:0px;
	padding:0px;
	border: 1px solid #FFFFFF;
	width: px;
}



.pdp_form table {
	border-collapse:collapse;
}
.pdp_form table,.pdp_form th, .pdp_form td {
	border: 1px solid black;
}

.pdp_form table {
	width:420px;
}
.pdp_form th {
	height:50px;
	width:150px;
}
.pdp_form td {
	height:20px;
	vertical-align:middle;
	padding:5px;
}