/* author: Colin Harrison Design Limited */
/* David H Boyd Creation date: 28/08/2007 */

/* Global Styles */
html, body {background-color: #000033; font-family: Arial,sans-serif; color: #000; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

a {color: #E2383B; text-decoration: none;}
a:hover {color: #E2383B; text-decoration: underline;}
ul {color: #000000; list-style-position:outside; list-style:disc; vertical-align:middle;}
li {margin: 0px; padding: 0px; font-size: 80%;}
a img {border-width: 0px;}

/* Overall Container */
#container {width: 758px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px;}

/* Main Content */

/* Header Div */
#header {width: 758px; height: 71px; background-color: #000033; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}

/* Menu Bar Div */
#menubar {width: 758px; background-color: #000033; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/* Content Div */
#content {width: 758px; height: 360px; background-color: #FFFFFF; background-image:url(images/common/window_background.gif); background-repeat: no-repeat; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px;}
* html #content {width: 758px; height: 420px; w\idth: 758px; he\ight: 360px;}
#content strong {color: #000033;}

#contentindex {width: 758px; height: 360px; background-color: #000033;  margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px;}
* html #contentindex {width: 758px; height: 420px; w\idth: 758px; he\ight: 360px; }

#contentindex p {width: 640px; color: #FFFFFF;  font-size: 80%; line-height: 150%; text-align: center; margin-left: auto; margin-right: auto; padding: 10px 0px 00px 0px;}
#contentindex img {margin-top: 5px;}

#scrollcontent {width: 658px; height: 324px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; border-width: 3px 0px 3px 0px; border-color:#000033; border-style: solid; overflow: auto; padding: 30px 10px 0px 30px;}
* html #scrollcontent {width: 698px; height: 360px; w\idth: 658px; he\ight: 324px;}

#scrollcontent .contimg {border: 0px; float: right; margin-left: 20px;}
#scrollcontent .contimgleft {border: 0px; float: left;}
#scrollcontent li {color: #666666;  line-height: 150%; text-align: left;}

#content a {text-decoration: underline;}

/* Footer Menu Div */
#footermenu {width: 750px; height: 20px; background-color: #000033; margin-top: 5px; margin-left: auto; margin-right: auto; margin-bottom: 5px; padding: 4px 4px 0px 4px;}

/* Image Styles */
.header {width: 758px; height: 71px;}

/* Styles */
h1 {margin-top: 2px; font-size: 120%; color: #000033; font-weight: bold; text-align: left;}
h2 {margin-top: 10px; font-size: 90%; color: #000033; font-weight: bold; text-align: left;}
p {color: #666666;  margin-top: 10px; font-size: 80%; line-height: 150%; text-align: justify;}

.sitemapindent {margin-left: 24px;}

.imagelink {font-size: 75%; font-weight: bold; text-align: left;}
.imagelinklarge {font-size: 75%; font-weight: bold; text-align: left; margin-left: 15px;}
.newsheader {color:#E2383B; font-weight: bold; text-align: left;}
.linkslink {font-weight: bold; text-align: left;}
.features {font-size: 95%; color: #999999; font-weight: bold; line-height: 90%;}
  

/* Accessibility Page */
.leftmargin1 {margin-left: 16px; }

img.center {display: block; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
img.bottom {margin-top:450px;}

.center {text-align:center;}
.centerred {text-align:center; color:#E2383B}

/* Main Menu Styles */
#mainmenu {background-color: #000033; color: #ffffff; font-weight: bold;}
#mainmenu a {background-color: #000033; color: #ffffff;}
#mainmenu a:hover {color: #33CCFF; text-decoration: underline;}
#mainmenu ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none;}
#mainmenu li {display: inline; list-style-type: none; vertical-align: middle;}

/* Spacing */
.spacemm {padding: 15px;}
.spacefm {padding: 22px;}
.spacefm1 {padding: 5px;}
.spacefm2 {padding: 12px;}

/* Footer Menu */
#footerleft {font-size: 90%; font-weight: bold; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; float: left; background-color: #000033; color: #FFFFFF;}
#footerleft ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#footerleft li {display: inline; list-style-type: none; vertical-align: middle}
#footerleft a {background-color: #000033; color: #FFFFFF}
#footerleft a:hover {color: #33CCFF; text-decoration: underline;}
#footerright {font-weight: bold; background-color: #000033; color: #FFFFFF; float: right; vertical-align: top; text-align: right; font-size: 70%;}
#footerright a {background-color: #000033; color: #FFFFFF}
#footerright a:hover {color: #33CCFF; text-decoration: underline;}
#footerright img {border: 0px; margin-left: 0px; margin-right: 0px; padding: 0px}
#footerright ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#footerright li {display: inline; list-style-type: none; vertical-align: middle}

/* Form Details */
.mandatoryfield {color: #ff0000; background-color: #ffffff}

label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block}

input {color: #000033; background: #99FFFF; border: 1px solid #000033}

textarea {color: #000033 ; background: #99FFFF; border: 1px solid #000033}

.submit input {margin-bottom: 2.0em; margin-right: 0.5em; color: #FFFFFF ; background: #000033; font-weight: bold;}
 
fieldset {width: 75%; border: 1px solid #000033;}

legend {font-size: 90%; color: #000033; font-weight: bold; text-align: left; background: #ffffff;} 



/* Skip Navigation */
.skip {
	position:absolute; 
	top:0px; 
	left:-1000px; 
}
.skip:focus,.skip:active {
	position: absolute; 
	top: 10px; 
	left: 10px; 
	background: #E2383B; 
	color: #FFFFFF;
	font-weight: bold; 
	padding: 10px
}