@charset "utf-8";
/* CSS Document */
/*

    screen.css: MODERN BROWSER (v5+) SCREEN

    ------------

    Job:				Brookson

    Produced by:		MCF @ Mando Group

    Start date:			04/12/2006

	Rebrand date:		20/03/2007

    ------------

    COLOUR SPEC:

	text grey:			5b6767

	text green:			32cd86

	brand green:		4dc898

	body bg grey:		484a54

	link blue:			2f9ac7

	------------

    TOC:

    1.	type selectors

    2.	structural

    3.	navigation

    4.	forms

    5.	tables

	6.	specific templates

	7.	sifr

    8.	hacks

*/

/* =1. type selectors */

* {margin:0;padding:0;border:none;font-size:1em;}
html {
font-family: Verdana,Arial,sans-serif; margin-top: 0px;
}

body
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9em;
	color: #000000;
	text-align:center;
	background-color: #fff;
	height:100%; background-image:url(newimages/mastheadbg.gif); background-repeat:repeat-x;
	background-position: top; margin-top: 0px;
	

	}
	
.clearer
{	clear:both;
}
	
.container
{
	margin: 0 auto;
	border: 0px;
	padding: 0px;
	width: 890px;
	text-align:left;
	background-color: #FFFFFF;

}
.topbanner
{
	width:100%;
	background-color:#19bcb8;
	background-image:url(Images/logo.jpg);
	background-repeat:no-repeat;
	height: 95px;
	padding-top:0px;
}

.topbanner img {padding-top: 15px; padding-bottom: 10px; padding-left: 20px;}

.mainbanner
{
	width:100%;
	background-color:#19bcb8;
	background-image:url(Images/logo.jpg);
	background-repeat:no-repeat;
	height: 166px;
	padding-top:0px;
}

.mainbanner img {padding-top: 15px; padding-bottom: 10px; margin-right: 0px;}
.contentcontainer
{	float:left;
	width:890px;
	background-color:#FFF;
	text-align:left;
	color:#FFFFFF;
	
}
	
#mainNav {width: 890px; height: 23px; margin-left: auto; margin-right: auto; background-color: #c1d72f; float: left;
	 padding: 0px;margin-top: 0px; margin-bottom: 5px; font-family:arial, verdana, sans-serif; font-size: 0.9em;  background-image:url(images/navbg.jpg); background-repeat:repeat-x; background-position:top; border-bottom: 5px solid #c1d72f; border-top: 5px solid #c1d72f;}
	
#mainNav ul {border-left: 0px solid #ff9933;	padding-left: 5px;	padding-right: 5px;	padding-top: 0px; padding-bottom: 0px; 
	display:inline; text-align: right;	margin-left: 5px;	margin-top: 0px;color: #FFF;border-right: 1px solid #14a29f; }

#mainNav ul li {list-style:none; display:inline; float:left; padding-left:0px; padding-right:0px; margin-top:0px;color: #FFF;
	margin-right: 0px; margin-left: 5px; text-align: right;border-left: 1px solid #14a29f;padding-top: 3px; padding-bottom: 3px;}

#mainNav ul li a {display:inline;padding-top: 3px;padding-bottom: 3px;padding-right: 19px;padding-left: 19px;color: #FFF; 
	margin-top:0px;	margin-bottom:10px;	margin-right: 0px; margin-left: 0px;font-weight:bold; 	text-align: right;	text-decoration:none; border-left: 5px solid #c1d72f; }

#mainNav ul li a:hover {color: #fff;background-color: #19bcb8; text-decoration:none; margin-top:0px;background-image:url(images/navbgover.jpg); background-repeat:repeat-x; background-position:top; }

.mainNav{text-decoration:none;margin-top:0px; float:left; margin-left: 0px; margin: 0px; }
.mainNav a:link{color:#0e6ec5; text-decoration:none;margin-top:0px;border-bottom: 0px solid #ccc;}
.mainNav a:visited{color:#0e6ec5; text-decoration:none;margin-top:0px;border-bottom: 0px solid #ccc;}
.mainNav a:hover{color:#0e6ec5;text-decoration:underline;margin-top:0px;border-bottom: 0px solid #0e6ec5;}
.mainNav a:active{color:#0e6ec5; text-decoration:none;margin-top:0px;border-bottom: 0px solid #ccc;}

.mainNavSelected { color: #fff; text-decoration:none;margin-top:0px;}
.mainNavSelected a{background-color: #19bcb8; color: #fff; text-decoration:none;margin-top:0px;background-image:url(images/navbgon.jpg); background-repeat:repeat-x; background-position:top; }
.mainNavSelected a:link{background-color: #19bcb8; color: #fff;text-decoration:none;margin-top:0px;background-image:url(images/navbgon.jpg); background-repeat:repeat-x; background-position:top;}
.mainNavSelected a:visited{background-color: #19bcb8; color: #fff;text-decoration:none;margin-top:0px;background-image:url(images/navbgon.jpg); background-repeat:repeat-x; background-position:top;}
.mainNavSelected a:hover{background-color: #19bcb8; color: #fff;text-decoration:none;margin-top:0px;background-image:url(images/navbgon.jpg); background-repeat:repeat-x; background-position:top;}
.mainNavSelected a:active{background-color: #19bcb8; color: #fff;text-decoration:none;margin-top:0px;background-image:url(images/navbgon.jpg); background-repeat:repeat-x; background-position:top;}


.textcontainer
{	
	float: left;
	width: 630px;
	height:auto;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom:50px;
	padding-right:10px;
	padding-left:10px;
	text-align:justify;
	color: #333;
	background-color: #fff;
	font-size: 0.9em;
	border: 0px solid #ccc;
}

.textcontainerabout
{	
	float: left;
	width: 360px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-bottom:50px;
	padding-right: 5px;
	padding-left:10px;
	text-align:justify;
	background-color: #2e3092;
}

.textcontainer ul {
padding-left: 20px;
}
.textcontainer h1 {
font-size: 1.50em; color: #19bcb8; margin-top: 8px;
font-family: Arial, Helvetica, sans-serif;
}
.textcontainer h2 {
font-size: 1.30em; color: #19bcb8; margin-top: 8px;
font-family: Arial, Helvetica, sans-serif;
}

.textcontainer h3 {
font-size: 1.20em; color: #19bcb8; margin-top: 8px;
font-family: Arial, Helvetica, sans-serif;
}

.textcontainer h4 {
font-size: 1.20em; background-color: #19bcb8; color: #fff; margin-top: 8px; padding: 8px;
font-family: Arial, Helvetica, sans-serif;
}


.mapcontainer h2 {
color: #0e6ec5;font-family: Arial, Helvetica, sans-serif;
font-size: 1.50em;
margin-top: 10px;padding-left: 5px; padding-right: 5px;
}

.mapcontainer {
float: left;
background-color: #fff;
width: 175px; height: 250px;
margin-bottom: 10px;
margin-right: 10px;
margin-top: 10px;
margin-left: 10px;
border: 0px solid #0071bc;
background-image:url(IMAGES/map.jpg);
background-repeat:no-repeat; background-position: top right;

}



.videoContainer {
float: right;
background-color: #fff;
width: 340px;
padding-bottom:160px;
margin-bottom: 10px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #0071bc;
text-align:center;

}

.mapcontainer p {
color: #2e3092; padding: 5px; font-size: 0.7em;

}

.mapcontainer img {
float: left;padding-bottom: 5px;
}
.text1
{	position: relative;
	width: auto;
	height:500px;
	padding-top:20px;
	padding-right: 60px;
	padding-left:10px;
	text-align:justify;
	background-color:#FFFFFF;
	color:#0000FF;
	}

.textcontainer a:link {color:#333;}
.textcontainer a:visited {color: #333; }
.textcontainer a:hover { color: #00aae8; }
.textcontainer a:active { color: #666666; }

.mapcontainer a:link {color:#19bcb8;}
.mapcontainer a:visited {color: #19bcb8; }
.mapcontainer a:hover { color: #ffe402; }
.mapcontainer a:active { color: #19bcb8; }

.text1 a:link { color: #0000FF; font-size: 1.10em; font-weight: bold;}
.text1 a:visited { color: #0000FF;font-size: 1.10em;font-weight: bold; }
.text1 a:hover { color: #000000;font-size: 1.10em;font-weight: bold; }
.text1 a:active { color: #000000;font-size: 1.10em;font-weight: bold; }

.footerContent { font-family: Arial, Helvetica, sans-serif; width: 98%; margin-left: 0px; margin-right: auto; padding: 10px;  }

#footer {zbackground-color: #333; font-family: Arial, Helvetica, sans-serif; margin-top: 0px;margin-left: auto; margin-right: auto; width: 98%; min-width: 760px; height: auto;float: left;  color: #999; padding: 5px 0px 5px 0px; font-size: 0.74em; border-top: 1px solid #999; }

#footer a { font-family: Arial, Helvetica, sans-serif; margin: 0 0.5em; font-weight: normal;  }
#footer a:link, #footer a:visited { font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; }
#footer a:hover, #footer a:focus { font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
#footer a img { border: none; float: left; margin: -5px 9px 0 15px;  }
#footer a.hayslogo { border: none; }