/* Leete & French CSS Document - simplewebhosting.co.uk - web design */

body
{color: #666666;
background: url(images/bg.jpg) top left repeat-x #CEFF9C;
background-attachment: fixed;
font: 14px Arial, Helvetica, sans-serif;
line-height: 1.4em;
margin: 0; 
padding: 0;}

#container
{width: 800px;
margin: 0px auto;
padding: 0;
background: url(images/mainbg.jpg) bottom left repeat-y #FFFFFF;}

#header
{background: url(images/header.jpg);
width: 800px;
height: 121px;}

#nav
{float: left;
width: 180px;
background: url(images/navbg.jpg) no-repeat top left;
min-height: 901px;}

#content
{width: 560px;
background-attachment: fixed;
padding: 15px 20px 30px 10px;
float: right;
border-right: 17px solid #FF9933;}

#content a
{color: #168C00;
text-decoration: none;
font-weight: bold;
padding: 0;}

#content a:visited
{color: #168C00;
text-decoration: none;
font-weight: bold;
padding: 0;}

#content a:hover
{color: #FFD669;
background: #000000;
text-decoration: none;
padding: 0;}

.smalladdy
{font-size: 10px;
line-height: 1.2em;
color: #FFFFFF;}

.picLeft
{margin-right: 20px;}

.picRight
{margin-left: 20px;}

h1
{font: 26px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #168C00;
letter-spacing: -1px;
border-bottom: 0px dashed #168C00;}

h2
{font: 18px Arial, Helvetica, sans-serif;
font-weight: bold;}

h3
{font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;}

h4
{font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;}

.caption
{font-size: 11px;
font-weight: bold;}

.gallery
{border: 4px solid #90804E;}

.gallery:hover
{border: 4px solid #FFFFFF;}

#footer
{clear: both;
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background: #FF9933;
border-top: 0px dashed #aaaaaa;
color: #666666;
padding: 5px 5px 0px 5px;
height: 25px;
}

#footer a
{color: #000000;
text-decoration: none;
padding: 0;}

#footer a:visited
{color: #000000;
text-decoration: inherit;
padding: 0;}

#footer a:hover
{color: #FFFFFF;
text-decoration: none;
padding: 0;}

/* CSS ROLLOVERS */

.navhome
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_home_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 92px;
margin: 0;
padding: 0;
}

.navhome a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 92px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navhome img
{
width: 190px;
height: 92px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navhome a:hover img
{
visibility:hidden
}

.navhome span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

.navabout
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_about_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 92px;
margin: 0;
padding: 0;
}

.navabout a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 92px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navabout img
{
width: 190px;
height: 92px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navabout a:hover img
{
visibility:hidden
}

.navabout span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.navchild
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_child_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 85px;
margin: 0;
padding: 0;
}

.navchild a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 85px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navchild img
{
width: 190px;
height: 85px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navchild a:hover img
{
visibility:hidden
}

.navchild span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.navvisit
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_visit_over.jpg);
white-space: nowrap;
display: block;
width: 190px;
height: 90px;
margin: 0;
padding: 0;
}

.navvisit a
{
display: block;
color: #000000;
font-size: 11px;
width: 190px;
height: 90px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navvisit img
{
width: 190px;
height: 90px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navvisit a:hover img
{
visibility:hidden
}

.navvisit span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


/* CSS ROLLOVERS */

/* CSS ROLLOVERS - bottom of page 

.btmhome
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/btm_home_over.jpg);
white-space: nowrap;
display: block;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}

.btmhome a
{
display: block;
color: #000000;
font-size: 11px;
width: 60px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.btmhome img
{
width: 60px;
height: 60px;
border: 0
}

* html a:hover
{
visibility:visible
}

.btmhome a:hover img
{
visibility:hidden
}

.btmhome span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

.btmabout
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/btm_about_over.jpg);
white-space: nowrap;
display: block;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}

.btmabout a
{
display: block;
color: #000000;
font-size: 11px;
width: 60px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.btmabout img
{
width: 60px;
height: 60px;
border: 0
}

* html a:hover
{
visibility:visible
}

.btmabout a:hover img
{
visibility:hidden
}

.btmabout span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.btmchild
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/btm_child_over.jpg);
white-space: nowrap;
display: block;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}

.btmchild a
{
display: block;
color: #000000;
font-size: 11px;
width: 60px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.btmchild img
{
width: 60px;
height: 60px;
border: 0
}

* html a:hover
{
visibility:visible
}

.btmchild a:hover img
{
visibility:hidden
}

.btmchild span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.btmvisit
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/btm_visit_over.jpg);
white-space: nowrap;
display: block;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}

.btmvisit a
{
display: block;
color: #000000;
font-size: 11px;
width: 60px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.btmvisit img
{
width: 60px;
height: 60px;
border: 0
}

* html a:hover
{
visibility:visible
}

.btmvisit a:hover img
{
visibility:hidden
}

.btmvisit span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} */