body
{
width:100%;
margin:0px;
padding:0;
background-color:#F0DDB4;
/* Workaround for MS IE bug with centering */
text-align:center;
}

div.container
{
width:815px;
/* To center the content in the browser window */
margin:0px auto;
/* Fix for workaround for MS IE bug with centering */
text-align:left;
border:2px solid black;
background-color:#004400;
}

div.header
{
margin:0;
padding:10px;
width: 795;
color:#E0CDA4;
background-color:#004400;
clear: left;
font-family: helvetica, ariel, sans-serif;
font-weight: bold;
border-bottom: 5px solid #E0CDA4;
text-align: right;
text-decoration:none;
}

.header
{
text-decoration:none;
font-size:0.95em;
}

a.header:link {color: #E0CDA4}
a.header:visited {color: #E0CDA4}
a.header:hover {color: #FFFFFF}
a.header:active {color: #CC3399}

div.footer
{
margin:0px;
padding:10px;
font-family: helvetica, ariel, sans-serif;
width: 795;
border-top: 5px solid #E0CDA4;
color:#E0CDA4;
background-color:#004400;
clear:left;
}

h1,h2,h3
{
text-align: center;
}

div.left
{
font-family: helvetica, ariel, sans-serif;
float:left;
width:165px;
margin:0;
padding:15px;
background-color:#004400;
line-height:150%;
}

div.content
{
width:585;
margin-left:195px;
border-left:5px solid #E0CDA4;
padding:15px;
background-color:white;
}

p
{
font-size:1.0em;
font-family: helvetica, arial, sans-serif;
color:black;
}

.a1
{
font-size:1.2em;
font-family: arial black, ariel black, gadget, san-serif;
text-decoration:none;
letter-spacing:-1px;
}
a.a1:link {color: #E0CDA4}
a.a1:visited {color: #E0CDA4}
a.a1:hover {color: #FFFFFF}
a.a1:active {color: #CC3399}

.a2
{
font-size:0.9em;
font-family: arial, gadget, san-serif;
font-weight: bold;
text-decoration:none;
letter-spacing:-1px;
line-height:150%;
position: relative;
left: 40px;
}
a.a2:link {color: #E0CDA4}
a.a2:visited {color: #E0CDA4}
a.a2:hover {color: #FFFFFF}
a.a2:active {color: #CC3399}

.a3
{
font-size:0.95em;
font-family: arial, gadget, san-serif;
font-weight: bold;
text-decoration:none;
letter-spacing:-1px;
line-height:140%;
}
a.a3:link {color: #004400}
a.a3:visited {color: #004400}
a.a3:hover {color: black}
a.a3:active {color: #CC3399}

.spotlight
{
position: absolute;
left: 600;
top: 400;
border:3px solid #A08D64;
width: 200px;
height: 300px;
      background-color: #336633;
margin:5px 5px 5px 5px;
}

img.right 
{
float:right;
border:1px solid black;
margin:0px 0px 10px 20px;
}

img.left 
{
float:left;
border:1px solid black;
margin:0px 20px 10px 0px;
}



    .menu {
      width: auto;
      float: left;
      cursor: default;
    }
    
    .menu ul {
      display: none;
      position: relative;
        left:110px;
	top:-10px;
      background-color: #A08D64;
      color: black;
      list-style: none;
      margin: 0.1em 0 0 0;
      padding: 0;
    }
    
    .menu ul li {
      display: block;
      padding: 0.2em;
    }
    
    div.menu:hover ul {
      display: block;
      margin: 0;
      padding: 0;
    }

    div.menu ul li:hover {
      background-color: #336633;
    }