/*** Colours ***
lightblue 	- #134E8E (banner bg's)
Yellow 		- #FFC20E (text highlight)
greyblue	- #7896A6 (text headers)
purple		- #91278F (link highlighting)
darkblue	- #001350 (link highlighting)
darkblack	- #231F20 (text)
lightgray	- #BDCED8 (table bg's)
solidblue	- #0054A6 (bold text)
greenbue	- #436879 (table header)
*/


* {margin:0; padding:0;}

/* standard tags */

	body {font-family:  Myriad, 'Myriad Pro',Helvetica, Arial, sans-serif; color: #436879;}
	h1 {margin:10px 0px; font-weight:normal; font-size:26px; color:#7896A6;}
	h2 {margin:10px 0px; color:#7896A6; font-weight:normal; font-size:18px;}
	h3 {margin:10px 0px; color:#7896A6; font-weight:normal; font-size:16px;}
	h4 {margin:10px 0px;  color:#7896A6; font-weight:normal; font-size:14px;}
	h5 {margin:10px 0px;}
	h6 {margin:10px 0px;}
	p{margin:10px 0px; line-height:1.4em;}
	
/* page structure */

	#container {margin: 0 auto; width: 900px; }
	#headercontainer {float: left; width: 900px; clear: both; position:relative;}
	#logo {float: left; width: 262px; margin: 20px 18px 10px 0px; _margin: 20px 10px 20px 0px; border: none;}
	#navcontainer {float: right; width: 580px; padding-top: 30px; font-size: 14px; margin-right:20px;}
	#uppernavbar, #lowernavbar {float: right; width: 580px; padding-top: 10px; _margin-top:5px;}

		
	#topnav.menu, #bottomnav.menu {list-style:none; margin:0; padding:0;}
	#topnav.menu a, #bottomnav.menu a {display:block; color: #2E3192; text-decoration:none;}
	#topnav.menu a:hover, #bottomnav.menu a:hover, #navOver1 {color: #0071BC!important;}
	#topnav.menu li, #bottomnav.menu li {position:relative; float:right; text-align: center; border-bottom: 1px solid #2E3192; }
	#topnav.menu ul, #bottomnav.menu ul {position:absolute; top:28px; right:0px; background:#7896A6; display:none; opacity:0; list-style:none;}
	#topnav.menu ul li, #bottomnav.menu ul li  {position:relative; border-bottom:1px solid #FFF; width:150px;; margin:0; text-align: center;}
	#topnav.menu ul li a, #bottomnav.menu ul li a  {display:block; padding:3px 7px 5px; background-color:#7896A6; color: #FFF; font-size: 12px; }
	#topnav.menu ul li a:hover, #bottomnav.menu ul li a:hover {color:#FFDA55!important;}
	#topnav.menu ul ul, #bottomnav.menu ul ul {right:150px; top:-1px; border-top: 1px solid #FFF; }
	#topnav.menu ul li ul li, #bottomnav.menu ul li ul li {border-right: 1px solid #FFF; border-left: 1px solid #FFF; }
	#topnav.menu .menulink {padding:5px 10px; z-index: 100!important;}
	#topnav.menu .menulink:hover, ul.menu .menuhover {color:#0071BC; z-index: 120!important;}
	
	#bottomnav.menu .menulink {padding:5px 10px; z-index: 0!important;}
	#bottomnav.menu .menulink:hover, ul.menu .menuhover {color:#0071BC; z-index: 10!important;}	
	
	#searchform, #label {float: right; margin: 0px 0px 0px 10px; padding:5px 0 0px; }
	#searchform input {width: 80px; border: 1px solid #636467; padding:3px 3px; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
	#searchform fieldset {float: right; border: none; }
	#searchform label {float: left; color: #636467; font-weight: 500; padding: 2px 10px 0 0;}
	#seclist {float:right; width: 348px;}
	#searchnavform {float: right; width: 160px;}
	#gosearch {width:50px !important; font-weight:bold; font-size:11px; background:#FFC20E; color:#001350; border:1px solid #001350; -moz-border-radius: 5px;
-webkit-border-radius: 5px; margin-left:10px; margin-top:2px; padding:2px 0px; cursor:pointer; }
	
	#navOver2 {color: #FFDA55!important;}
	#subNavOver {color: #436879;}
	.headlink a {padding-left: 50px !important;}
	
	#noticeboard {float:left; width:284px; height: 85px; background-color: #4D7081;}
	#noticeboard h2 {font-size: 12px; font-family: Times; color: #7997A6; margin-left: 10px; margin-bottom: 5px;}
	#noticeboard ul { list-style: none; margin-left: 10px; color: #FFF;}
	#noticeboard li {margin-top: 3px;}	
	#imagebar {margin: 20px auto; width: 884px; float:left;}
	.imagebar {float: left; width: 412px !important; margin-right: 2px !important; _margin-right: 1px !important;}
	.imagebar dl {width: 412px !important; margin-top: 0px !important;}
	.imagebar dd {margin: 0px 4px 0px 0px!important; _margin: 0 3px 0 0 !important;}
	#imagebar dl {float: right; clear: both; width: 884px; clear: both; margin: 15px 0px 0px 0px;}
	#imagebar dd {float: right; margin: 3px; _margin: 2px;}
	
	#bodycontainer {margin: 0 auto; width: 884px; font-size: 13px !important; float:left; clear:left;}
	#innerbodycontainer {float: left; width: 884px; margin-top: 15px;}
	#mainbodycontainer {float: left; width: 884px; margin: 15px 0; }
	.maincontainer {width: 698px !important; margin-top: 0px !important; border-right: 1px solid #636467 !important; padding-bottom: 20px;}
	#innermaincontainer2 {float: left; width: 696px; margin-top: 20px;}
	#breadcrumb {float:left; width: 696px; height: 8px; background: #124F8F;}
	
	#pagebody {float: left; width: 665px; font-size: 14px; margin-left: 20px; _margin-left: 10px; /*border: 1px solid black;*/}
	#slogan {float: left; margin: 0px 10px 10px 0px;}
	#pagecontent {margin: 0 auto; width: 425px;}
	#bodytext {float: left; line-height: 1.4em;}
	#tablelist {float: left; margin: 5px 30px 0 0; width: 140px; _margin: 5px 30px 0 0;}
	#tablelist li { width: 140px; padding: 5px 0px; border-bottom: 1px solid #FFF; list-style: none; text-align: center;  color: #436879; background-color: #BDCED8;}
	.tablelist {margin-top: 5px;} 
	#tablelist a, a:visited {color: #7896A6; text-decoration: none;}
	#tablelist a:hover {color: #436879;}
	
	#listhead {color: #FFF; background-color: #7896A6!important; font-size: 13px!important; border: none !important;}
	#listhead a {color: #FFC20E;}
	li.headlink ul { display: none; }
    li.headlink:hover ul { display: block; }
	#tablelist ul li #subNavOver {color: #747982; font-weight: bold;}
	#tablelist ul li #subNavOver:hover {color: #436879;}
	#tablelist ul li.minorNav {background-color: #97A8B4;}
	#tablelist ul li.minorNav a {color: #FFF;}
	#tablelist ul li.minorNav a.minornavOver {color: #436879; font-weight: bold;}
	#tablelist ul li.minorNav a:hover {color: #436879; }
	
	#portrait {float: left; margin: 0px 5px;}
	.bodytext, .fullbodytext {font-family:  Myriad, 'Myriad Pro',Helvetica, Arial, sans-serif; color:#666; float: right; margin: 0px 20px 0 0px; _margin: 0px 14px 0px 0px; width: 470px; /*border: 1px solid green;*/}
	.fullbodytext {width: 100% !important;}
	.narrowbodytext {width:550px; float:right;}
	.fullwidth {width:100% !important;}
	/*.bodytext h1, .bodytextfull h1, .bodytextfull2 h1, #pageform h1, .fullbodytext h1 { color: #7896A6 !important; font-size: 22px; margin-top: 0px;}
	.bodytext h2, .fullbodytext h2 {float: left; clear: both; width: 100%; font-size: 16px; margin-top: 3px!important;} */
	.bodytext p {line-height: 1.4em;}
	.bodytext ul {margin-left:25px;}
	.fullbodytext a {border-bottom:1px dotted #000;}
	.bodytext a {border-bottom:1px dotted #000;}
	.firstpara {color: #0054A6 !important;}
	
	.bodytextfull, .bodytextfull2 {float: left; width: 310px; margin: 5px 10px 20px 60px; _margin: 5px 10px 20px 30px;}
	.bodytextfull h1, .bodytextfull2 h1 {font-size: 33px;}
	.bodytextfull p, .bodytextfull2 p { line-height: 1.4em;}
	.bodytextfull2 {margin-left: 10px;}
	#leftpicturecontainer, #rightpicturecontainer {float: left; width: 300px; margin: 5px 10px 20px 0px; _margin: 5px 25px 20px 0px;/*border: solid 1px red;*/}
	#rightpicturecontainer {margin: 5px 0px 20px 30px; _margin: 5px 0px 20px 33px; /*border: solid 1px red;*/}
	#rightpicturecontainer img, #rightpicturecontainer img {float: left; }
	#smallpicturecontainer {float: left; width: 150px; margin: 5px 10px 20px 3px; _margin: 5px 10px 20px 4px;}
	#smallpicturecontainer img {float: left; margin-bottom: 10px;}
	
	#rightpicturecontainer #captiontext {float: left; width: 90px; margin-right: 5px; }
	#rightpicturecontainer #captiontext p {float: left; margin-top: 0px; color: #636467; font-weight: bold;}
	#rightpicturecontainer #imagethumbnails {float: right; width: 180px; line-height:normal;}
	#imagethumbnails a {float:left; margin-right: 2px; margin-bottom:2px;}
	#rightpicturecontainer #imagethumbnails a img {float: right; margin: 0px 5px 5px 5px; }
	#leftpicturecontainer #captiontext {float: right; width: 90px; margin-left: 5px; }
	#leftpicturecontainer #captiontext p {float: right; margin-top: 0px; color: #636467; font-weight: bold;}
	#leftpicturecontainer #imagethumbnails {float: left; width: 180px;}
	#leftpicturecontainer #imagethumbnails a img {float: left; margin: 0px 7px 7px 0px; }
	
	#imagethumbnails2 {float: left; width: 150px;}
	#imagethumbnails2 a img {float: left; margin: 3px 10px 10px 0px; _margin-top: 8px;}
	#galleryhero {float:left; width: 300px; margin-bottom: 10px;}
	
	#sidebar {float: right; width: 165px; border-left: 1px solid #636467; padding: 0px 5px 40px 15px; min-height: 300px; _height: 300px; line-height: 1.3em;}
	.sidebar {margin-top: 0px!important; border: none!important;}
	#sidebar h1 {float: left; width: 100%;}
	#sidebar h2 {float: left; clear: both; width: 100%; font-size: 16px; color: #636467; margin-top: 0;}
	.sidebar h2 {margin-top: 10px !important;}
	
	/*** Page content News list table - and side bar - tablenews-sb is the sidebar***/
	.latestnews-sb {margin-bottom: 10px;}
	.latestnews, .events {float: left; margin: 5px 0 10px; clear: both; width: 100%;}
	.latestnews dd, .latestnews dt {padding-bottom: 5px;}
	.events dd, .events dt {float: left; padding-bottom: 5px;}
	.newstitle-sb, .newstitle, .eventtitle, .eventdate {color: #91278F;}
	.newstitle, .eventtitle {font-size: 14px;}
	.eventtitle {float: left; width: 49%;}
	.eventdate {float: right; width: 49%; text-align: right;}
	.eventtext {width: 100%;}
	.newstext-sb {color: #808285;}
	.newstitle-sb a, .newstitle a, .eventtitle a, .bodytext p a, a.searchresultitem, a.searchresultitem:visited { color: #91278F; text-decoration: none;}
	.newstitle-sb a:hover, .newstitle a:hover, .eventtitle a:hover, .bodytext p a:hover, a.searchresultitem:hover  { color: #001350;}
	.newslink a, .newslink-sb a, .eventlink a {color: #001350; text-decoration: none;}
	.newslink a:hover, .newslink-sb a:hover, .eventlink a:hover {color: #91278F; } 
	
	.paperlook {font-family: Times, 'Times New Roman', Georgia, serif;}
	
	#gallery {float: left; width: 165px;}
	#gallery h2 {margin-bottom: 5px;}
	#gallery a {margin-left: 0px;}
	.thumbswapperlink {cursor:pointer;}
	#pageform {float: left; width: 470px;}
	#pageformtable {border:1px solid #DDDDDD; width:100%;}
	#pageformtable tr td {padding: 7px;}
	.tableheader {color: #FFF; background-color: #7896A6;
font-weight:bold;
font-size: 18px;
}
	.tablelabel {color: #436879; background-color: #BDCED8;}
	input[type="radio"], input[type="checkbox"] {margin:0 5px;}
	#video {float: right;}
	
	
/* style the standard content */
	#herobanner {float:left; width:100%; height: 200px!important;}
	
	
	
	#VLEbutton {
	background:url(../images/VLE-button-2.png) no-repeat top left;
	width:165px;
	display:block;	
	float:left;
	margin-bottom:20px;
	display: inline;
	height: 48px;
	}
	#VLEbutton:hover {
	background:url(../images/VLE-button-over-2.png) no-repeat top left;
	}	
	#VLEbutton a {
	float:left;
	width:50px;
	padding-left:90px;
	padding-top:6px; 
	color:#fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 18px;
		
	}
	
	
	#pagebody table tr td {
	padding:5px;
	}
	
	#pagebody table ul li {
	margin:5px 0px 10px 15px;
	padding-left:3px;
	}