@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;
background-color:#FFFFFF;}

/*-------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;
text-align:center;}

/*-------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;}

/*-------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;}

/*-------headings image (grey background)---------*/
#heading{
background-image:url(../images/heading_line.gif);
background-position:bottom left;
background-repeat:no-repeat;
float:left;
height: 30px;
margin: 0px;
padding: 6px 0 0 17px;
text-align:left;
font:20px Arial, Helvetica, sans-serif;
color: #325695;
width: 743px;
font-weight:bold;
background-color:#FFFFFF;
}

#breadcrumbs{
background-color:#FFFFFF;
width: 720px;
float:left;
margin: 0px;
padding: 5px 10px 5px 30px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;}

#breadcrumbs a:link, #breadcrumbs a:visited{
margin: 0px;
padding: 0px;
text-align:left;
text-decoration:none;
color:#325695;}

#breadcrumbs a:hover{
margin: 0px;
padding: 0px;
text-align:left;
text-decoration:none;
color:#777777;}

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

/*------seconday navigation---------*/
#sec{
width: 150px;
float:left;
margin: 0px;
padding: 20px 10px 0 30px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
}

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

#sec li{
list-style: none;
background-image:url(../images/bullet1.gif);
background-position: top left;
background-repeat:no-repeat;
margin: 0px;
padding: 4px 0 4px 10px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
border-bottom: 1px solid #e8e7e7;
}

#sec .indent a:link, #sec .indent a:visited{
display:block;
margin: 0px 0 0 10px;
padding: 0px;
font: 10px Arial, Helvetica, sans-serif;
color: #34b2b0;

}

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

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

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

#contentcenter a:link, #contentcenter a:visited{
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 p{
margin: 0px;
padding: 0 0 0 10px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;}

#contentcenter h1{
margin: 0px;
padding: 0px 0 0 10px;
text-align:left;
color:#325695;
font: 13px Arial, Helvetica, sans-serif;
font-weight:bold;
}

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

#contentcenter li{
list-style:none;
background-image:url(../images/bullet.jpg);
background-position: top left;
background-repeat:no-repeat;
margin: 0px;
padding: 0 0 0 10px;
}

/*-------right column---------*/
#contentright {
width: 150px;
float:left;
margin: 0px;
padding: 20px 30px 0 36px;
text-align:left;
color:#777777;
font: 12px Arial, Helvetica, sans-serif;
}

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

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

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

#footer a:link, #footer a:visited{
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;}