/* Set background of both html and body so we don't trip up on any xhtml issues
	if served with correct content type - THIS IS THE BACKGROUND TO THE ENTIRE PAGE*/
html, body {
	background-color: #CCFFFF;
	font-family: Verdana, sans-serif;
	background-image:  url(page_background.gif) ;
	background-repeat:	no-repeat;
/* Needed to ensure header image touches the top of the window */
	padding-top: 0em;
        margin-top: 0em;
   	color: #000000;
}


/* Stop borders appearing on images that are used within links */
a img {
	border: none;
}

a 	{
	text-decoration: none;
	}

/* Background to the block headings */
h3 {
	color: #ffffff;
	background-color: #ffffff;
	margin: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif, Arial;
	font-weight: normal;

}

h3 span 
{
	border-bottom: 1px #0099CC solid;
	margin-right: 3px;
	padding-left: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	font-size: smaller;
}
h2 {
	color: #000000;
	margin: 10px;
	padding-left: 30px;
	font-family: Verdana, Helvetica, Arial, sans-serif, Arial;
	font-weight: normal;
}

h2 span 
{
	margin-right: 3px;
	padding-left: 10em;
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
	font-size: large;
}
h4 {
	color: #000000;
	margin: 10px;
	padding-left: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif, Arial;
	font-weight: normal;
}

h4 span 
{
	margin-right: 3px;
	padding-left: 0em;
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
	font-size: larger;
}

h5 {
	color: #ffffff;
	padding-left: 0px;
	font-weight: bold;
	font-size: x-small;
}


.block {
	FLOAT: left;
 MARGIN-BOTTOM: 0.5em
}


/* Position the page in the center */
#pageContainer {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background-color:	#ffffff;
	}

/* Center the main contents of the page */



#mainContent {
	
	margin-left: 1em;
	margin-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 0px;
	padding-right: 0px;
	font-size: x-small;
	font-weight: normal;
	}

	table {
		padding-left: 20px;
	}

#topNavigation {
	background-color: #ffffff;
	color: #66CCFF;
	text-align: right ;
	padding-right: 3em;
        padding-top: 3em;
	font-size: X-small;
	height:  50px;
	z-index: 27;
	}

#topNavigation a {
	color: #66CCFF;
	text-decoration: none;
}

#topNavigation a:hover {
	color: #0099cc;
}


#banner img {
	position: relative; top: -35px; left: -560px;
	}


#tabNavigation  {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-color: #0099cc;
	border-bottom-width: 2px;
	padding-bottom: 18px;
	z-index: 10;
	}


#tabNavigation li {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-color: #76C2E2;
	border-bottom-width: 2px;
	padding-bottom: 0px;
	background-color: #ffffff;
	background-image:  url(WhiteTabLine_sml.jpg);
	background-position: left;
	background-repeat: no-repeat;
	float: right;
	list-style-type: none;
	}

#tabNavigation li#tab {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-color: #0099cc;
	border-bottom-width: 2px;
	padding-bottom: 0px;
	background-color: #ffffff;
	background-image:  url(WhiteTabLine_sml.jpg);
	background-position: left;
	background-repeat: no-repeat;
	float: right;
	list-style-type: none;
	}

#tabNavigation li#tab_selected {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-color: #76C2E2;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0099cc;
	border-bottom-width: 2px;
	padding-bottom: 0px;
	background-color: #66ccff;
	background-image:  url(BlueTabLine_sml.jpg);
	background-position: left;
	background-repeat: no-repeat;
	float: right;
	list-style-type: none;
	}

#tabNavigation li#tab a {
	background-image:  url(WhiteTabEndLong_sml.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 6px;
	padding-bottom: 0em;
	font-size: x-small;
	font-weight: normal;
    	position: relative; top: 0px;
    	z-index: 11;
	}

#tabNavigation li#tab_selected a {
	background-image:  url(BlueTabEndLong_sml.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 6px;
	font-size: x-small;
	font-weight: normal;
	}

#tabNavigation a {
	color: #000000;
	display: block;
	text-decoration: none;
	font-size: small;
	float: left;
	font-weight: normal;
	}

#tabNavigation a:hover {
	color: #66ccff;
	}
 
#tab a{
	color: #000000;
	}
#tab_selected a {
	color: #ffffff;
	}
#tab_selected a:hover {
	color: #000000
	}


/*THE SUBNAVIGATION BAR SITS BELOW THE TAB BUTTONS THE "COLOR" IS THE TEXT COLOUR AND THE "BACKGROUND-COLOR IS THE BACKGROUND COLOUR YOU CAN ALSO HAVE MARGINS ABOVE AND BELOW*/

#subNavigation {
	clear: both;
	height: 143px;
	color: #FFFFFF;
	background-color: #ffffff;
	padding-left: 0em;
	border-top-width: 20px ;
	border-top-style: solid;
	border-top-color: #76C2E2;
	border-bottom: 0px #ffffff;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: medium;
	font-weight: 100;
	line-height: 1.5;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(Banner1sml.jpg);
	background-repeat: no-repeat;
	background-position: 0% 10%; 
	}



#Subnavlogo {
	position: relative; top: -55px; left: 575px;
	}

#subNavigation a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: x-small;
	}

#subNavigation a:hover {
	color: #CCFFFF;
}


#newspane {
	padding-left: 40px;
	background-image:  url(NewsBoxTopTall_sml.jpg);
	background-position: 35px 0px;
	background-repeat: no-repeat;
	width: 160px;
	}

#newspane a {
	color: #ffffff;
	}

#newspane a:hover {
	color: #00ffff;
	}

#newspane a:visited {
	color: #00ffff;
	}

#picbox {
	border: solid 2px #0099cc;
	background-color: #ffffcc;
	}

#buttonbar td{
    padding: 10px;
    width: 20px;
    border: solid 10px #ffffff;
}

  a {
	color: #000000;
	}

a:hover { color: #008dac;
	}

a:visited {
	color: #000000;
	}

#footerNav {
	margin-left: 30px;
	margin-right: 16px;
	padding-right: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: left;
	background-image:  url(dots.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size: small;
	color: #66CCFF;
}
#footerNav img {
	float: left;
}
#footerNav a {
	font-size: X-small;
	text-decoration: none;
	color: #66CCFF;
}
#footerNav a:hover {
	color: #008dac;
}

#legalNav {
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: right;
	font-size: x-small;
	background-color: #ffffff;
	color: #66CCFF;
}
#legalNav a {
	font-size: x-small;
	text-decoration: none;
	color: #00C000;
}
#legalNav a:hover {
	color: #CCFFFF;
}

#tscontent {
	margin-left: 0;
	margin-right: 0;
	padding-right: 20px;
	padding-top: 0.25em;
	padding-bottom: 0em;
	text-align: right;
	font-size: x-small;
	color: #66CCFF;
	background-color: #FFFFFF;
}

/*THIS SETS THE PROPERTIES FOR THE TSCONTENT TAGLINE AT THE BOTTOM OF THE PAGE*/
#tscontent a {
	font-size: x-small;
	text-decoration: none;
	color: #66ccff;
}
/*THIS SETS THE PROPERTIES FOR THE MOUSEOVER EVEN ON THE TSCONTENT TAGLINE AT THE BOTTOM OF THE PAGE*/
#tscontent a:hover {
	color: #0099cc;
}