/* CSS Document */
body {margin: auto; padding: 0; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; color:#666666; line-height: 1.3em; background-color: #0a3376;}

h1 {
	font-size:1.5em;
	color:#7dbef3;
	font-weight:100;
	margin-top: 5px;
	margin-bottom: 15px;
}


h6 {
	font-size:1.5em;
	color:#1b2d6f;
	font-weight:100;
	margin-top: 5px;
	margin-bottom: 15px;
}


h2 {
	font-size:1.1em;
	color:#1b2d6f;
	margin-bottom: 5px;
	margin-top:5px;
}

h5 {
	font-size:1.1em;
	color:#1b2d6f;
	margin:0;
	padding:0;
}

h3{
	font-size:1.2em;
	color:#7dbef3;
	font-weight:100;
	margin:0 0 5px 0;
	padding:0;
}

h4 {
	font-size:1.1em;
	color:#7dbef3;
	margin:0;
	padding:0;
}

/*ALIGNING CENTER*/
#positioner { padding: 0px; margin: auto; width: 100%; position: relative; text-align: center; }
#wrapper {	padding: 0px; margin: auto;	position: relative; width: 900px; text-align: left; }
#container { padding: 0px; margin: auto; position: relative; width: 900px; text-align: left; float:left; }

.border-bottom {border-bottom:1px solid #c2c2c2;}

#bluefade {
	background-color:#FFFFFF;
	background-image:url(images/blue.jpg);
	height:50px;
	
	background-repeat: repeat-x;
	position:relative;
	margin:0;
	padding:0;
}

 
	



.logo {width:900px; min-height:92px; margin:0; padding:0; float:left;} /*120 minus the 28px height of the nav bar equals 92px*/

.logowrap{
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	min-height: 76px;
	width: 252px;
	float:left;
}

.logowrap img {border:0;}

.access  {min-height:20px; width:200px; float:right; margin-top:15px; color:#FFFFFF; font-size:0.9em;}
.access a:hover {color:#a1e3fd; text-decoration:none;}
.access a {color:#FFFFFF; text-decoration:none;}


	
.page {
	width:900px;
	min-height:400px;
	margin: 0; /*determines how far from the top the page will sit*/
	float:left;
	padding-bottom:0px;
	
}

.subpage {
	width:900px;
	background-color:#FFFFFF;
	min-height:400px;
	margin: 5px 0 0 0 ;
	float:left;
	padding-bottom:0px;
	background-image:url(images/nav-blue.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
}

.subpage1 {
	width:900px;
	background-color:#FFFFFF;
	min-height:400px;
	margin:0 ;
	float:left;
	padding-bottom:0px;	
}





.footer {float:left; font-size:.9em; color:#333333; background-color:#CCCCCC; width:890px; padding-left:10px; margin-top:10px;}
.footer a {color:#333333; text-decoration:none;}



.topblock {
	float:left;
	margin-right:0px;
	margin-left:0px;
	width:480px;
	min-height:400px;
	margin-top:0px;
}

.topblock-pic {margin-top:10px; float:left; width:463px; min-height:253px; }




/*top menu properties*/




.navwrap {
	float:left;
	width: 900px;
	min-height: 2.3em;
	margin:0;
	padding:0;
}

.navblock {
	float: left;
	background-image: url(images/nav_fill.jpg);
	background-repeat: repeat-x;
	width:860px;
	margin:0;
	padding:0;
	background-color:#1f4381;
	min-height: 2.3em;
}

.navwrap1 {
	float:left;
	width: 350px;
	min-height: 2.3em;
	margin:0;
	padding:0;
}

.navblock1 {
	float:left;
	background-image:url(images/nav_fill.jpg);
	background-repeat:repeat-x;
	width:334px;
	margin:0px;
	padding:0px;
		background-color:#1f4381;
	min-height: 2.3em;
}


.navblock-left {
	float: left;
	width:8px;
	margin:0px;
	padding:0px;
	background-image:url(images/nav_left.jpg);
	background-repeat:no-repeat;
	min-height: 2.3em;
}

.navblock-right {
	float: left;
	width:8px;
	margin:0px;
	padding:0px;
	background-image:url(images/nav_right.jpg);
	background-repeat:no-repeat;
	min-height: 2.3em;
}


.navtext{
	float:right;
	color:#FFFFFF;
	font-size:1.1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.navtext li {display:inline; margin:0px 2px 0px 0px;}
.navtext ul {padding:0px; margin:0px;}
.navtext a {color:#FFFFFF; text-decoration:none;}
.navtext a:hover {color:#d68541; text-decoration:none;}


/*subpage styles*/


/* subpage menu - added in by Debbie 26/06/09 to change js submenu to accessible */

#subnav ul {
	margin:0;
	padding:0;
}

#subnav li {
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#subnav a:link, #submenu a:visited, #submenu a:hover, #submenu a:active {
	border-bottom:1px solid #A1E3FD;
	color:#FFFFFF;
	display:block;
	font-size:1em;
	height:100%;
	margin:0;
	padding:4px 0 4px 10px;
	text-align:left;
	text-decoration:none;
	width:128px;
}

#subnav a:hover {
	background-color:#A1E3FD;
	border-bottom:1px solid #FFFFFF;
	color:#2B4E86;
}

/*subpage content*/

.sub-content {margin:5px 0 0 0; padding:0; width: 750px; min-height:400px; float:left;}

.sub-text {margin:20px; padding-bottom:20px; width: 700px; min-height:400px; float:left; }
sup {line-height: 0;vertical-align: text-top;}
.sub-text ul {list-style-image:url(images/bullet_blue.gif);}

.sub-text a {color:#2a5a99; text-decoration:none;}
.sub-text a:hover a:visited {color:#a70076; text-decoration:none;}

.image {margin: 10px 0 10px 0; width: 690px;}

.sub-text-left {margin:0px; padding:0; width: 510px; float:left;}
.image-right {margin: 10px 0 0 10px; width: 175px; float:right;}






/*content*/

/*this wraps the entire content area*/
.content {margin: 0 10px 10px 10px; float:left; min-height:200px; background-color:#000000;}
.content a {color:#af551f; text-decoration:none;}







.intro-text {
width:450px;
margin-left:10px;
margin-right:20px;
margin-top:20px;
margin-bottom: 10px;
float:left;
}


/*this wraps the RIGHT content area*/

.rightcolumn {

	float:left;
	margin-left:10px;
	width:400px;
	min-height:500px;
	margin-top:0px;
	padding:0px;}

.rightbox {
	width:350px;
	float:left;
	min-height:100px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding:0;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	background-color:#FFFFFF;}
	
	
	
	.right-content {margin:10px; padding:0 0 10px 0; width:320px; border-bottom: #999999 1px solid; float:left;}
	.right-content a {color:#7dbef3;}
	
	.right-content1 {margin:10px; padding:0 0 10px 0; width:320px; float:left;}
	.right-content1 a {color:#7dbef3;}
	
	.rightbox1 {
	width:350px;
	float:left;
	min-height:100px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding:0;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	background-color:#FFFFFF;}
	
	.quote-left {
	width: 30px;
	min-height: 30px;
	background-image:url(images/quote-left.jpg);
	float:left;
	margin:5px 0 0 5px;
	padding:0;
	background-repeat: no-repeat;
}
	.quote-right {
	width: 30px;
	min-height: 30px;
	background-image:url(images/quote-right.jpg);
	float:right;
	margin:0 5px 5px 0;
	padding:0;
	background-repeat: no-repeat;
}

.quote {width:300px; min-height:80px; float:left; margin:5px; padding:0;}


/*Navigation*/


.temp-link-style {	font-size: 1.1em;

	min-height: 1.5em;
	padding-top: 0.5em;
	padding-right: 0.7em;
	padding-bottom: 0;
	padding-left: 0.7em;
	margin: 0px;
	color:#FFFFFF;
	text-decoration: none;
	float: left;
}
/*when this goes into the cms use link style menu item - as specified below delete the div class temp-link-style*/


a.MenuItem, a.MenuItem:active, a.MenuItem:hover, a.MenuItem:visited {
	font-size: 1.1em;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #2a5a99;
	border-left-color: #afd3f8;
	height: 1.5em;
	padding-top: 2px;
	padding-right: 0.4em;
	padding-bottom: 0;
	padding-left: 0.4em;
	margin-top: 5px;
	color:#FFFFFF;
	text-decoration: none;
	display: block; float: left;
}

a.MenuItem1, a.MenuItem1:active, a.MenuItem1:hover, a.MenuItem1:visited {
	font-size: 1.1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #afd3f8;
	height: 1.5em;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0.4em;
	margin-top: 5px;
	color:#FFFFFF;
	text-decoration: none;
	display: block; float: left;	
}

a.MenuItem2, a.MenuItem2:active, a.MenuItem2:hover, a.MenuItem2:visited {
	font-size: 1.1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2a5a99;
	height: 1.5em;
	padding-top: 2px;
	padding-right: 0.4em;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 5px;
	color:#FFFFFF;
	text-decoration: none;
	display: block; float: left;
}



a.link {
	color:#FFFFFF;
	text-decoration: none;
}
a.visited {
	text-decoration: none;
	color:#FFFFFF;
}
a.hover {
	text-decoration: none;
	color:#33CCFF;}
	
a.active { text-decoration: none; color: #000000;}

/* CONTACT US */

.contact-us {float:left; margin-left:0px; margin-top:20px; padding:0; color:#666666; width:700px;}

.contact-us li {list-style:none; list-style-image:none; width:700px;}

.contact-us form ul {list-style:none; margin:0; padding:0; width:700px;}

.contact-us form li {margin:0 0 0.5em 0; width:700px; float: left;}

.contact-us label {width:6em; text-align:right; margin-right:0.5em; float:left; display:block; font-size:0.9em;}

.contact-us form li input {float:left;}

.contact-us form li textarea {float:left;}

.submit input {margin:0 0 0 6em; padding:0; border:1px solid #002A5C;}

.contact-us a {color:#666666; font-weight:bold; text-decoration:none;}

.contact-us span.alert {float:left; width:16em; clear:none; margin:0; padding:0 0 0 1em; color: red; font-size: 0.9em; }


.search-txt{float:left; padding:0; min-width:50px; height: 1.6em; margin-right:5px; }
.searchbox{float:right; padding:0; min-width:200px; height:2em; }
.searchinput input {padding:0px; margin: 6px 2px 2px 0px; border:#999999 1px solid; font-size:.9em; width:10em; float:left; height:1.3em;}
.searchsubmit {padding-top:0px; margin-top:6px; float:left;}




/*CMS SPECIFIC*/
.default-table, .default-td, .default-table td { border-collapse:collapse; padding: 0; margin: 0; }
table.default-table{float:left;}




/*LEFT NAV WORK IN PROGRESS*/

/*left nav*/



#subnav {
	margin:5px 0px 0px 0px;
	float: left;
	width: 138px;
	height: 100%;
}


a.submenu:link, a.submenu:visited {text-align: left; color:#FFFFFF; width:128px; height:100%; display: block; BORDER-BOTTOM: 1px solid #a1e3fd; text-decoration:none; font-size:1.0em; padding:4px 0 4px 10px; margin: 0px; }

a.submenu:hover, a.submenu:active {color:#2b4e86; background-color: #a1e3fd; BORDER-BOTTOM: 1px solid #FFFFFF;}

a.submenu-opened { display: none; text-align: left;  width:128px; height:100%; display: block; BORDER-BOTTOM: 1px solid #a1e3fd; text-decoration:none; font-size:1.0em; padding:4px 0 4px 10px; margin: 0px; color:#2b4e86; background-color: #a1e3fd; BORDER-BOTTOM: 1px solid #FFFFFF;}



/*left nav dropdown*/

#subnav a.dropdown:link, #subnav a.dropdown:visited {width: 123px; text-align: left; color:#FFF; display: block; text-decoration:none; font-size:0.9em; padding:0px 0px 4px 15px; margin: 0px; background:url(images/arrow_blue.gif) #113061 no-repeat; border: 0; }


#subnav a.dropdown:hover, #subnav a.dropdown:active {width: 123px; text-decoration: underline; color:#a1e3fd; border: 0;}

#subnav a.dropdown-opened, #subnav a.dropdown-opened:hover {width: 123px; text-align: left;  display: block; font-size:0.9em; padding:0px 0 4px 15px; margin: 0px; background:url(images/arrow_blue.gif) #113061 no-repeat; text-decoration: underline; color:#a1e3fd; border: 0;}




.Block-head {width:700px; height: 20px; background-color:#999999; float:left;}

.block-text {
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.press-release {width: 450px; border-bottom:1px solid #999999; margin:0 0 10px 0 ; padding-bottom:10px; float:left;}

/* NEWS PAGES */
.newsholder {margin:20px; padding:0; width: 720px; min-height:400px; float:left;}
.newsholder ul { padding: 0; margin: 0; float: left; }
.newsholder li { padding: 1em 0; margin: 0; float: left; width: 520px; border-bottom: 1px solid #666; list-style-type: none; }
.date { font-weight: 700; color: #1b2d6f; }
.subject { color: #7dbef3; font-weight: 700; }
.subject a { color: #7dbef3; text-decoration: none; }
.subject a:hover { color: #7dbef3; text-decoration: underline; }
.mainnewspage h1 {
	font-size:1.5em;
	color:#1b2d6f;
	font-weight:100;
	margin-top: 5px;
	margin-bottom: 15px;
}
.homenews ul { padding: 0 0 1em 1em; margin: 0; float: left; }
.homenews li { padding: 1em 0; margin: 0; float: left; width: 328px; border-bottom: 1px solid #666; list-style-type: none; }


/* SITEMAP */

.sitemap-table td a:link, .sitemap-table td a:active, .sitemap-table td a:visited, .sitemap-table td a:hover { padding: 0; margin: 0; float: none; text-align:inherit; display:inline; width: auto; height: auto; }
table.sitemap-table { width: 790px;  }
.sitemap-table td { vertical-align:top; text-align: left; padding: 0 0.2em; }

a:link.sitemap-toplink, a:visited.sitemap-toplink { font-weight:700; font-size: 1em; }
a:hover.sitemap-toplink {text-decoration: underline;}
.sitemap-table a:link.MenuItem, .sitemap-table a:visited.MenuItem { padding: 0 0 0 1em; margin: 0;  float: left; display:block;font-weight:700;}
.sitemap-table a.submenu:link, .sitemap-table a.submenu:visited {text-align: left; color:#1b2d6f; width:auto; height:auto; display: inline; BORDER: 0; text-decoration:none; font-size:1.0em; padding:0; margin: 0px; }
.sitemap-table a.submenu:hover, .sitemap-table a.submenu:active {color:#2b4e86; background: none; BORDER: 0; padding: 0;text-decoration: underline;}
.sitemap-table a.dropdown:link, .sitemap-table a.dropdown:visited {text-align: left; float: left; color:#7dbef3;text-decoration:none; font-size:0.9em; padding:0; margin: 0; background:none; }
.sitemap-table a.dropdown:hover, .sitemap-table a.dropdown:active {text-decoration: underline; color:#7dbef3; }



table.default-table td a { height: 1.2em; float: left; line-height: 1.2em; display: block }

.navblock ul { float: left; min-height: 28px; width:650px; margin:0; padding:0;}
.navblock li { padding: 0.25em 0.5em; margin: 0; display:inline; border-right: 1px solid #afd3f8; line-height: 28px; }
.navblock li.last { border: 0; }
.navblock a { color: #fff; text-decoration: none; }

.video-centre { float: left; width: 510px; text-align: center; padding: 1em 0 0 0; margin: 0; }
