/* CSS Document */

body {
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/circles.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #01245d;
}
*html body {
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/circles.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #01245d;
}
/*Clear Hack / Pad*/
.clearit {
	clear: both;
	height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 0px;
}
.nopad {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* HEAD ELEMENTS */

#headouter {
	float: left;
	display: inline;
	width: 1000px;
	margin: 0;
	padding: 0px 0px 0px 0px;
}
#logo {
	float: left;
	display: inline;
	width: 230px;
	padding:  0px 0px 0px 0px;
	margin: 0;
}
#strapline {
	float: left;
	display: inline;
	text-align: right;
	width: 770px;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
/* BOX CONTAINER */

#leftalign {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 1000px;
}

#boxtop {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 1000px;
}
#boxmid {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 1000px;
	background-image: url(images/bluebg.jpg);
	background-position: top left;
	background-repeat: repeat;
}
/* FOOT  */

#footouter {
	float: left;
	display: inline;
	text-align: center;
	width: 1000px;
	margin: 0;
	padding: 0px 0px 20px 0px;
	color: #50b0f0;
	font-size: 10px;
}
a.foottextlink {
	color: #50b0f0;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a:hover.foottextlink {
	color: #50b0f0;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
/* HOME ROWS */

#flashrow {
	float: left;
	display: inline;
	width: 964px;
	margin: 0px 0px 0px 29px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/flashbg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#flashholder {
	float: left;
	display: inline;
	width: 729px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
}
#navholder {
	float: left;
	display: inline;
	width: 235px;
	height: 183px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 80;
}
#buttonsholder {
	float: left;
	display: inline;
	width: 964px;
	margin: 10px 0px 0px 29px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/buttons.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#buttonsholderinner {
	float: left;
	display: inline;
	width: 964px;
	margin: 10px 0px 0px 29px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/buttons_small.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.menuholder {
	float: left;
	display: inline;
	width: 193px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menuholderless {
	float: left;
	display: inline;
	width: 192px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contentrow {
	float: left;
	display: inline;
	width: 964px;
	margin: 0px 0px 0px 29px;
	padding: 0px 0px 0px 0px;
}
#contentleftcol {
	float: left;
	display: inline;
	width: 235px;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 20px 0px;
	background-image: url(images/leftcolbg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 90;
}
#innercontentleftcol {
	float: left;
	display: inline;
	width: 900px;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 20px 20px;
	z-index: 90;
    color: #FFFFFF;
}

#innercontentleftcol a:link {
/*	float: left;*/
	display: inline;
	color: #FFFFFF;
/*    font-weight: bold;*/
	text-decoration: underline;
}

#innercontentleftcol a:visited {
	display: inline;
    color: #FFFFFF;
/*    font-weight: bold;*/
	text-decoration: underline;
}

.leftcollinks {
	float: left;
	display: block;
	display: inline;
	width: 157px;
	margin: 0px 0px 0px 36px;
	padding: 15px 0px 15px 0px;
	background-image: url(images/homearrow.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 15px;
	text-decoration: none;
}
a:hover.leftcollinks {
	float: left;
	display: block;
	display: inline;
	width: 157px;
	margin: 0px 0px 0px 36px;
	padding: 15px 0px 15px 0px;
	background-image: url(images/homearrow.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #000033;
	font-size: 15px;
	text-decoration: none;
}
.leftcollinksbottom {
	float: left;
	display: block;
	display: inline;
	width: 157px;
	margin: 0px 0px 0px 36px;
	padding: 15px 0px 15px 0px;
	background-image: url(images/homearrow2.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 15px;
	text-decoration: none;
}
a:hover.leftcollinksbottom {
	float: left;
	display: block;
	display: inline;
	width: 157px;
	margin: 0px 0px 0px 36px;
	padding: 15px 0px 15px 0px;
	background-image: url(images/homearrow2.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #000033;
	font-size: 15px;
	text-decoration: none;
}
#contentmidtcol {
	float: left;
	display: inline;
	width: 389px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	z-index: 96;
}

#contentmidtcol p{
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	width: 389px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#contentmidtcol a:link{
  	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
	font-style:italic;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px
}


#contentrighttcol {
	float: left;
	display: inline;
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	z-index: 95;
}
#rightcolbg {
	float: left;
	display: inline;
	width: 310px;
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/newsbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.rightcosplit {
	float: left;
	display: inline;
	width: 155px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* FORM */

.numbering {
	float: left;
	padding:8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	border-style: solid;
	border-width: 4px;
	border-color: #000000;
	font-size: 18px;
}
.formtitle {
	float: left;
	padding:15px 8px 8px 15px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
}
.formbg {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	width: 400px;
}
.formcopy {
	float: left;
	color: #451c0a;
	font-size: 11px;
	font-weight: normal;
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
}
.formrow {
	float: left;
	width: 400px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	height: 25px;
}
formrowcheck {
	float: left;
	width: 400px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	height: 25px;
}
.formrowflex {
	float: left;
	width: 400px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #451c0a;
	font-weight: normal;
	font-size: 11px;
}
.buttonrow {
	float: left;
	width: 400px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #666666;
	font-size: 10px;
}
.button {
	margin: 0;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 148px;
}
form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 105px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}
.secondlabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 300px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}
.formbutton {
	border: none;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0066FF;
	padding: 4px 8px 4px 8px;
	margin: 0px 1px 0px 0px;
}
.formbutton:hover {
	border: none;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	cursor: pointer;
	padding: 4px 8px 4px 8px;
	margin: 0px 1px 0px 0px;
}
.checkholder {
	float: left;
	width: 30px;
	height: 20px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
}
.submit {
	float: left;
	margin: 0px 10px 0px 0px;
}
.textfieldsmall {
	color: #999999;
	font-size: 13px;
	width:180px;
	border:1px solid #CCCCCC;
	height: 22px;
}
.textfield {
	color: #999999;
	font-size: 13px;
	width:250px;
	border:1px solid #CCCCCC;
	height: 22px;
}
/*HEADERS*/	
		 
	 h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h2 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h3 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h4 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
/*TEXT*/	
		 
	 .hometitle {
	float: left;
	color: #ffffff;
	font-size: 25px;
	font-weight: normal;
	width: 389px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}
.homepreceed {
	float: left;
	color: #ffffff;
	font-size: 17px;
	font-weight: normal;
	width: 389px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
.innertitle {
	float: left;
	color: #ffffff;
	font-size: 25px;
	font-weight: normal;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}
.innerpreceed {
	float: left;
	color: #ffffff;
	font-size: 17px;
	font-weight: normal;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
}
.homecopy {
	float: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	width: 389px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.tickcopy {
	float: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	width: 389px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
#homecopytick {
	float: left;
	width: 389px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/tick.jpg);
	background-position:  200px 0px;
	background-repeat: no-repeat;
}
.homecopylink {
	float: left;
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
	font-style:italic;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
.homecopylinkplain {
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}
.splittitle {
	float: left;
	color: #083a5e;
	font-size: 15px;
	font-weight: normal;
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}
.newsdate {
	float: left;
	color: #083a5e;
	font-size: 11px;
	font-weight: normal;
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
}
.newstitle {
	float: left;
	color: #083a5e;
	font-size: 11px;
	font-weight: bold;
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 4px 10px;
}
.newscopy {
	float: left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 10px 10px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
	width:143px;
	position:absolute;
	left: 47px;
	top: 125px;
	width: 200px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	padding:0px 0px 0px 0px;
	width: 216px;
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
}
#menu li {
	display:inline;
}
#menu ul ul {
	position:absolute;
	left:-9999px;
    width: 250px;
}
#menu ul#toplevel {
	position:absolute;
	left:0;
	top:0;
}
#menu a {
	display:block;
	font:normal 11px helvetica, arial, sans-serif;
	color:#fff;
	line-height:19px;
	text-decoration:none;
	padding:0 20px 0 10px;
}
#menu li a.fly {
}
#menu li a:hover {
	background-color:#9b60a4;
	color:#fff;
}
#menu li:hover > a {
	background-color:#9b60a4;
	color:#fff;
}
#menu ul li:hover > ul {
	left:100%;
	margin-top:-23px;
	margin-left:-1px;
	background-color:#8a4d93;
}
#menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {
	left:100%;
	background-color: #5b328e;
}
#menu a:hover ul ul, #menu a:hover a:hover ul ul {
	left:-9999px;
	background-color: #5b328e;
}
#menu table {
	position:absolute;
	left:99%;
	height:0;
	width:0;
	border-collapse:collapse;
	margin-top:-7px;
	margin-left:-1px;
}

.highlight{
background-color: #9b60a4;}

.error {
  color: red;
  font-weight: bold;
}

.result {
  color: #66FF00;
  font-weight: bold;
}