/* Layout */

#container
{
	position:relative;
	width: 800px;
	margin: 10px auto;
	background-color: #047391;
	height: 500px;
}

#top
{
	background-color: #047391;
	height:56px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	background-image: url(../images/topbar.gif);
}

#header
{
	background-repeat:repeat-x;
	background-position:top;
	background-color:#047391;
	height:45px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	background-image: url(../images/main_nav_back.gif);
}

#content_table
{
	width:100%;
	border-collapse:collapse;
	background-position: top;
}

#content_table td
{
	padding:0px;
	margin:0px;
	vertical-align:top;
	color: #FFFFFF;
}

#top h1
{
padding: 0px;
margin: 0px;
}

#header_spacer
{
margin:0px;
padding:0px;
background-repeat:repeat-x;
height: 26px;
background-image: url(../images/header_spacer.gif);
}

#leftnav_container_td
{
background-color:#047391;
}

#leftnav
{
position:relative;
width: 200px;
margin: 0px;
padding: 0px;
overflow:hidden;
display:inline;
}

* html p {
height: 1%;
margin-left: 0;
}

#content
{
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	margin: 0px;
	padding: 0px;
	background-color:#047391;
	min-height:400px;
	background-image: url(../images/Thameside-home.gif);
}

/* for Internet Explorer HACK for min height */
/*\*/
* html #content {
	height: 400px; /* this sets the minum height for the content in ie (should match min-height above) */
}
/**/

#footer
{
height:25px;
clear: both;
margin: 0;
padding: 0px 5px 0px 5px;
color: #333;
background-color: #047391;
}

#leftnav p
{
margin: 0 0 1em 0;
}

#content h2
{
	margin: 0 0 0.5em;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
}

/* top navigation */
div#header_navigation_container
{
	position:relative;
	top:6px;
	left:0px;
	background:none;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

div#header_navigation_container ul
{
font-family: Arial, Helvetica, sans-serif;
color: white;
height:30px;
font-size:12px;
text-align: center;
margin: 0px;
padding: 0px 0px 0px 4px;
}


div#header_navigation_container ul li
{
display: inline;
margin:0px;
padding:0px;
margin-left: -4px;
}


div#header_navigation_container ul li a
{
position:relative;
top:-10px;
padding: 0px 13px 0px 13px;
color: white;
text-decoration: none;
font-size:12px;
font-weight:bold;
}


div#header_navigation_container ul li a:hover
{
color:#F6E30E;
}

div#header_navigation_container img
{
padding:0px;
margin:0px;
width:1px;
height:28px;
display:inline;
}

/* left navigation */
#navcontainer
{
margin-left: 0px;
border-top:solid 1px #FFFFFF;
border-bottom:solid 1px #FFFFFF;
line-height: 130%;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
background:#FFFFFF;
}

#navcontainer li
{
margin: 0 0 1px 0;
}

#navcontainer .active
{

}

#navcontainer a
{
	display: block;
	padding: 0px 10px;
	width: 180px;
	color: #fff;
	background-color: #047391;
	text-decoration: none;
	font-size: 9px;
}

#navcontainer a.current
{
	background-color:#053F4F;
}

#navcontainer a:hover
{
color: #fff;
background-color: #bc0000;
text-decoration: none;
}

#navcontainer ul ul li
{
margin: 1px 0px 0px 0px;
}

#navcontainer ul ul a
{
display: block;
padding: 0px 10px;
width: 180px;
color: #fff;
background-color: #159BBD;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #970000;
text-decoration: none;
}

#navcontainer ul ul a.subcurrent
{
/*background-color:#053F4F;*/
}


/* footer navigation */
#footer_navigation_container ul
{
	width: 100%;
	text-align:right;
	padding: 0px;
	margin: 0px;
}

#footer_navigation_container li
{
display: inline;
list-style-type: none;
padding:0px 2px 0px 2px;
padding: 0px;
margin: 0px;
color:#FFFFFF;
}

#footer_navigation_container li a
{
display: inline;
list-style-type: none;
padding:0px 2px 0px 2px;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#footer_navigation_container li a:hover
{
display: inline;
list-style-type: none;
color:#FF9900;
text-decoration:underline;
}

#container #content_table #content .subcurrent .style3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #0099FF;
}


/* css rollover image swap */

/* first rollover */
#home_table_container
{
	padding:0px;
	margin:0px auto;
}

#home_table_container table
{
	padding:0px;
	margin:0px auto;
}

#home_table_container td a
{
	width: 200px;
	height: 116px;
}

#rollovered a
{   
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button01_01.gif);
}

#rollovered a:link
{
	background-image: url(../images/images/button01_01.gif);
}

#rollovered a:hover
{
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button01_01-over.gif);
}


/* second rollover */
#rollover2 a
{   
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/images/button02_01.gif);
}

#rollover2 a:link
{
	background-image: url(../images/images/button02_01.gif);
}

#rollover2 a:hover
{
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button02_01-over.gif);
}


/* third rollover */
#rollover3 a
{   
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button03_01.gif);
}

#rollover3 a:link
{  
	background-image: url(../images/images/button03_01.gif);
}

#rollover3 a:hover
{
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button03_01-over.gif);
}


/* fourth rollover */
#rollover4 a
{   
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button04_01.gif);
}

#rollover4 a:link
{   
	background-image: url(../images/images/button04_01.gif);
}

#rollover4 a:hover
{
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button04_01-over.gif);
}


/* fourth rollover */
#rollover5 a
{   
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button05_01.gif);
}

#rollover5 a:link
{
	background-image: url(../images/images/button05_01.gif);
}

#rollover5 a:hover
{
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button05_01-over.gif);
}

/* fourth rollover */
#rollover6 a
{   
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button06_01.gif);
}

#rollover6 a:link
{   
	background-image: url(../images/images/button06_01.gif);
}

#rollover6 a:hover
{
	display: block;
	background-repeat: no-repeat;
	background-image:url(../images/images/button06_01-over.gif);
}