body {

background-color: #FFFFFF;
padding: 0px;
margin: 10px;
font-size: 10pt;
font-family: Verdana, Arial, sans;

}

h1 {

font-size: 2em;
font-weight: bold;
font-family: 'Trebuchet MS', Arial, Verdana, sans;
text-shadow: #9AA987 1px 1px 3px;
color:#000000;
padding: 5px;

}

h2 {

color: #FFFFFF;
font-size: 1.8em;
font-weight: bold;
font-family: 'Trebuchet MS', Arial, Verdana, sans;
text-shadow: #717C63 1px 1px 3px;
background-color:#9EAC89;
border-top: 1px solid #E9FFCC;
border-bottom: 1px solid #778268;
padding: 8px;

}

h3 {

color: #494F3F;
font-size: 1.5em;
font-weight: bold;
font-family: 'Trebuchet MS', Arial, Verdana, sans;
text-shadow: #C7C7C0 1px 1px 3px;
margin-left: 3px;


}

h4 {

color: #494F3F;
font-size: 1.2em;
font-weight: bold;
font-family: 'Trebuchet MS', Arial, Verdana, sans;
text-shadow: #C7C7C0 1px 1px 3px;
margin-left: 3px;

}

#title {

background: url(test.png) no-repeat;
color: #000000;
background-color: #9EAC89;
height: 50px;
border-bottom: 1px solid #778268;

}


#content {

background-color: #FCFFF3;
color: #000000;
border: 2px solid #748167;
margin: 30px;
padding: 0px;
max-width: 700px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}


a:link { 

text-decoration: none; 
color: #109018;

}

a:visited { 

text-decoration: none; 
color: #646E58;

}

a:hover, a:active { 

text-decoration: underline; 
color: #3399FF;

}

p {

padding: 5px;

}