#wrapper {
background-image: url(Images/shadow.png);
background-repeat: repeat-y;
width: 780px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
text-align: left;
padding: 0px;
}
body {
background-color: #FFFFCC;
background-image: url(Images/beachsand3.jpg);
background-repeat: repeat;
text-align: center;
padding-top: 20px;
}
#wrapper #innerwrapper {
background-color: #FFFFFF;
width: 772px;
margin: 0px;
padding: 0px;
}
#innerwrapper {
background-color: #FFFFFF;
padding: 10px;
width: 772px;
margin-right: auto;
margin-left: auto;
}
#content {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #2A2A2A;
padding: 20px;
overflow: visible;
clear: both;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
font-variant: small-caps;
color: #000000;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-style: italic;
color: #333333;
text-align: left;
}
.signature {
font-family: "Bradley Hand ITC";
font-weight: bolder;
color: #196060;
font-size: x-large;
float: right;
}
a {
color: #236971;
}
.centre {
text-align: center;
}
.emphasise {
font-weight: bold;
color: #990066;
letter-spacing: 0.1em;
text-align: center;
}
.smaller {
font-size: x-small;
}
#banner {
height: 150px;
background-position: right;
width: 772px;
margin: 0px;
padding: 0px;
display: inline;
}
#banner2 {
height: 100px;
width: 772px;
}
.image {
float: left;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
/* NAVIGATION */
ul#mainNav {
border-left: 1px dashed #999999;
margin: 0;
padding: 0;
float: left;
text-align: center;
list-style-image: none;
list-style-type: none;
}
#mainNav a {
text-decoration: none;
color: #000000;
font-size: 1.1em;
text-transform: uppercase;
border: 1px dashed #999999;
border-left: none;
display: block;
padding: 7px 5px 7px 30px;
background: #E7E7E7 url(images/link.png) no-repeat left center;
}
#mainNav a:hover {
background: #B2F511 url(images/go.png) no-repeat 5px 50%;
font-weight: bold;
}
/* special formatting for home page link */
a#homeLink {
background: #E7E7E7 url(images/home.png) no-repeat 5px 52%;
}
/* styles for the "you are here" buttons */
#home #mainNav a#homelink,
#feature #mainNav a#featureLink {
background: #FFFFFF url(images/bg_here.png) no-repeat 5px 50%;
padding-right: 15px;
padding-left: 30px;
font-weight: bold;
}
#home #mainNav a#homelink:hover,
#feature #mainNav a#featureLink:hover {
color: #B2F511;
}
/* IE Fixes */
/* force hover on entire width of link */
* html #mainNav a {
height: 1px;
}
.preload {
background-image:url(images/go.png);
display: none;
}
#navbar ul {
margin: 0;
padding: 5px;
list-style-type: none;
text-align: center;
background-color: #96b2b6;
margin-top: 20px;
}
#navbar ul li {
display: inline;
}
#navbar ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #96B2B6;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
}
#navbar ul li a:hover {
color: #000;
background-color: #fff;
}