@charset "UTF-8";
/* CSS Document */
/* Rebecca Esler*/
/* 080607 */

body{
background-image:url(../images/bg.gif);
background-position: top left;
background-repeat:repeat;
margin: 0px;
padding: 0px;
text-align:center;}

/*-------centres site---------*/
#frame{
width: 760px;
margin: 0px auto;
padding: 0px;
text-align:center;}

/*-------top area - log and shading---------*/
#logo{
width: 760px;
height: 99px;
background-image:url(../images/logo.gif);
background-position: top left;
background-repeat:no-repeat;
margin: 0px;
padding: 0px;
vertical-align:bottom;}

/*-------search box---------*/

#spacer{
float: left;
width: 196px;
margin: 0;
padding: 0px 0 0 0px;
text-align:left;}

#search{
float: right;
width: 190px;
margin: 15px 0 0 0;
padding: 0px 0 0 0px;
text-align:left;
height: 45px;}

#search form, #search table, #search form table, #search td input, #search input {
margin: 0px;
padding: 0px;
}

/*-------navigation---------*/
#nav ul{
display: inline;
float: left;
width: 560px;
margin: 0px 0 0 200px;
padding: 0px;
text-align:left;}

#nav li{
display: inline;
margin: 0px;
padding: 3px 5px;
text-align:left;
border-right: 2px solid #dfdfdf; }

#nav a:link, #nav a:visited{
display: inline;
margin: 0px;
padding: 0px;
text-align:left;
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
color: #000000;}

#nav a:hover{
display: inline;
margin: 0px;
padding: 0px;
text-align:left;
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
color: #18a29c;}

/*-------header (images)---------*/
#header{
width: 760px;
height: 160px;
background-image:url(../images/header.jpg);
background-position: top left;
background-repeat:no-repeat;
margin: 0px;
padding: 0px;
text-align:center;}


/*-------headings image (grey background)---------*/
#heading{
width: 760px;
height: 42px;
background-image:url(../images/heading.gif);
background-position: top left;
background-repeat:no-repeat;
margin: 0px;
padding: 0px 0 0 0;
text-align:left;
}

/*-------cpntent area (shading repeating vertically)--------*/
#contentarea{
width: 760px;
background-image:url(../images/content_bg.gif);
background-position: top left;
background-repeat:repeat-y;
margin: 0px;
padding: 0px 0px 20px 0px;
text-align:center;}

/*-------left column---------*/
#contentleft{
width: 205px;
float:left;
margin: 0px;
padding: 20px 10px 0 35px;
text-align:left;
color:#325695;
font: 12px Arial, Helvetica, sans-serif;}

#contentleft a:visited{
margin: 0px;
padding: 0px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:none;}

#contentleft a:link{
margin: 0px;
padding: 0px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:none;}

#contentleft a:hover{
margin: 0px;
padding: 0px;
text-align:left;
font: 12px Arial, Helvetica, sans-serif;
color:#18a29c;
}

#contentleft h1{
margin: 0px;
padding: 0px;
text-align:left;
color:#325695;
font: 12px Arial, Helvetica, sans-serif;}

/*-------centr column---------*/
#contentcenter{
width: 225px;
float:left;
margin: 0px;
padding: 20px 0 0 25px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;}

#contentcenter p{
margin: 0px;
padding: 0 0 0 10px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;}

#contentcenter a:visited{
margin: 0px;
padding: 0px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;}

#contentcenter a:link{
margin: 0px;
padding: 0px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;}

#contentcenter a:hover{
margin: 0px;
padding: 0px;
text-align:left;
color:#18a29c;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;}

#contentcenter h1{
margin: 0px;
padding: 0px 0 0 10px;
text-align:left;
color:#325695;
font: 13px Arial, Helvetica, sans-serif;
background-image:url(../images/bullet.gif);
background-position: top left;
background-repeat:no-repeat;}

#contentcenter h1 a:visited{
margin: 0px;
padding: 0px;
text-align:left;
color:#325695;
font: 13px Arial, Helvetica, sans-serif;
text-decoration: none;}


/*-------right column---------*/
#contentright{
	width: 210px;
	float:left;
	margin: 0px;
	text-align:left;
	color:#777777;
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 5px;
}
#contentright table{
	
	float:left;
	padding-left: 5px;
	padding-right: 5px;
}

#contentright ul{
	width: 180px;
	float:left;
	margin: 0px;
	padding: 20px 20px 0 22px;
	text-align:left;
	color:#777777;
	font: 12px Arial, Helvetica, sans-serif;
	list-style-type: square;
	list-style-position: outside;

}

#contentright li{
	margin: 0px;
	padding: 5px 0px;
	text-align:left;
	color:#18a29c;
	font: 12px Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #e8e7e7;

}

#contentright a:visited{
margin: 0px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}


#contentright a:link{
margin: 0px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}


#contentright a:hover{
margin: 0px;
text-align:left;
color:#18a29c;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}

/*-------footer---------*/
#footer{
width: 730px;
height: 115px;
background-image:url(../images/footer.gif);
background-position: top left;
background-repeat:no-repeat;
margin: 0px;
padding: 30px 0 0 30px;
text-align:left;
color:#9cdaea;
font: 10px Arial, Helvetica, sans-serif;}

#footer a:visited{
margin: 0px;
padding: 0px;
text-align:left;
color:#9cdaea;
font: 10px Arial, Helvetica, sans-serif;
text-decoration:none;}

#footer a:link{
margin: 0px;
padding: 0px;
text-align:left;
color:#9cdaea;
font: 10px Arial, Helvetica, sans-serif;
text-decoration:none;}

#footer a:hover{
margin: 0px;
padding: 0px;
text-align:left;
color:#ffffff;
font: 10px Arial, Helvetica, sans-serif;
text-decoration:none;}