body {

font-family: ariel, verdana, sans-serif;
font-size: 0.75em;
margin: 0;
padding: 0;
text-align: center;
}
/* positions page in center */
#wrapper {
background: url(../images/bg2.jpg) no-repeat top left;
width: 790px;
margin: 15px auto;
background-color: #FFFFCC;
text-align: left;
padding-right: 10px;
overflow:hidden;
}
/* sets main page content below header/positions bottom right faded triangle */
#innerwrapper {

width: 100%;
margin-top:90px;
padding-bottom:10px;
padding-right: 10px;
overflow:hidden;
}
/* header image */
.header {
position: relative;
top: 125px;
background: url(../images/welcome.jpg) no-repeat top right;
min-height: 60px;
}

.quote {
width: 750px;
color: brown;
position: relative;
left: 10px;
top: -55px;
}

/* outer content div with top left faded triangle */ 
.content {

background: url(../images/bg4b.gif) no-repeat bottom right;


width: 580px;
float: right;
padding: 0 10px 0 10px;
margin-top: 125px;
text-align: left;
}

.innercontenttop {

background: url(../images/bg4a.gif) no-repeat top left;
width: 100%;
padding-top: 1px;
}

/* bordered central content box */
.innercontent {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
width: 528px;
min-height: 240px;
border: 1px solid #9b9b92;
padding: 20px;
}

h1 {
text-indent: -5000px;
font-size: 0;

}

#navigation {
width: 180px;
float: left;
margin-top: 140px;
margin-left: 5px;

min-height: 270px;
background: url(../images/ap1.gif) no-repeat bottom left;

}

/*nav menu*/
#navigation ul {
padding: 0;
margin: 0;
list-style-type: none;

}


#navigation a {
display: block; /* change inline nature of a block element and fills whole of box so should rollover whole box not just text. prob in ie6.*/
padding: 5px;
text-align: center;
text-decoration: none;
font-weight: bold;
border:solid 1px #9b9b92;
margin-bottom: 10px;
}

#navigation li li {
font-size: 75%;
}

#navigation a:link, #navigation a:visited {
color: black;

}


#navigation a:hover {
color: #fff;
background-color: #9b9b92;
text-decoration: underline;

}


a:link, a:visited {
color: #5c3900;
text-decoration: underline;
}

a:hover {
color: #6ec6f1;
background-color: #5c3900;
text-decoration: underline;

}

.clearer {
clear: both;
font-size: 0;

}