/* CSS Document */

/*----21/05/07------*/
/*----Rebecca Esler-----*/

body{
background-color:#717070;
margin: 0px;
padding: 0px;
text-align:center;}

/*----header (logo and rounded corners at top)-----*/
#header{
background-image:url(../images/header.gif);
background-position: top left;
background-repeat:no-repeat;
margin: 20px auto 0px auto;
padding: 0px;
text-align:center;
width: 984px;
height: 98px;}

/*----white bacjground (centres site)-----*/
#frame{
background-image:url(../images/frame.gif);
background-position: top left;
background-repeat:repeat-y;
margin: 0px auto;
padding: 0px 0 0 4px;
text-align:left;
width: 980px;}

/*----navigation-----*/
#nav{
margin: 0px;
padding: 2px 0px 15px 0px;
background-image:url(../images/nav.gif);
background-position: top right;
background-repeat:no-repeat;
margin: 0 0 0px 13px;
width: 954px;}

#nav ul{
margin: 0px;
padding: 0px;
text-align:left;
width: 970px;
height: 46px;
display:inline;}

#nav li{
list-style: none;
margin: 0 15px 0 15px;
padding: 0px;
text-align:left;
display:inline;}

#nav a:link, #nav a:visited{
margin: 0px;
padding: 12px 0px 5px 0px;
text-align:left;
display:inline;
color: #ffffff;
font: 11px Trebuchet MS, Arial, sans-serif;
text-decoration:none;
height: 46px;}

#nav a:hover{
margin: 0px;
padding: 12px 0px 5px 0px;
text-align:left;
display:inline;
color: #CCCCCC;
font: 11px Trebuchet MS, Arial, sans-serif;
text-decoration:none;}

.on{
margin: 0px;
padding: 0px;
text-align:left;
color: #CCCCCC;
font: 11px Trebuchet MS, Arial, sans-serif;
text-decoration:none;}

/*----banner (main image)-----*/
#banner{
background-image:url(../images/banner.jpg);
background-position: top center;
background-repeat:no-repeat;
margin: 0px auto;
padding: 10px 0 0 0px;
text-align:center;
width: 962px;
height: 162px;}

/*----main content area (left)-----*/
#content{
min-height: 200px;
float:left;
margin: 0px;
padding: 10px 0 50px 20px;
text-align:left;
width: 675px;
color: #717070;
font: 13px Trebuchet MS, Arial, sans-serif;}

#content a:link, #content a:visited{
margin: 0px;
padding: 0px;
color: #717070;
font: 13px Trebuchet MS, Arial, sans-serif;
text-decoration:underline;}

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

#content a:hover{
margin: 0px;
padding: 0px;
color: #284576;
font: 13px Trebuchet MS, Arial, sans-serif;
text-decoration:underline;}

#content h1{
margin: 0px;
padding: 0px;
color: #3053C7;
font: 18px Trebuchet MS, Arial, sans-serif;}

/*----place for button (right side)----*/
#button{
float:right;
margin: 0px;
padding: 47px 0 0 80px;
text-align:left;
width: 204px;}

/*----footer (rounded corners at bottom)-----*/
#footer{
background-image:url(../images/footer.gif);
background-position: top left;
background-repeat:no-repeat;
margin: 0px auto;
padding: 0px;
text-align:center;
width: 984px;
height: 35px;}

/*----text at left of footer-----*/
#footertext{
float:left;
margin: 0px;
padding: 0 0 0 15px;
text-align:left;
color: #717070;
font: 11px Trebuchet MS, Arial, sans-serif;}

#footertext a:link, #footertext a:visited{
margin: 0px;
padding: 0px;
text-align:left;
color: #717070;
font: 11px Trebuchet MS, Arial, sans-serif;
text-decoration:none;}

#footertext a:hover{
margin: 0px;
padding: 0px;
text-align:left;
color: #284576;
font: 11px Trebuchet MS, Arial, sans-serif;
text-decoration:none;}

/*----hairylemon text (right of footer)-----*/
#lemontext{
float:right;
margin: 0px;
padding: 0 15px 0 0px;
text-align:left;
color: #717070;
font: 11px Trebuchet MS, Arial, sans-serif;}

#lemontext a:link, #lemontext a:visited{
margin: 0px;
padding: 0px;
text-align:left;
color: #717070;
font: 11px Trebuchet MS, Arial, sans-serif;
text-decoration:none;}

#lemontext a:hover{
margin: 0px;
padding: 0px;
text-align:left;
color: #284576;
font: 11px Trebuchet MS, Arial, sans-serif;
text-decoration:none;}

.form{
margin: 0px;
padding: 0px;
text-align:left;
color: #717070;
font: 11px Trebuchet MS, Arial, sans-serif;}