#container
{background-color: white;
text-align: center;
width: 90%;
min-width: 860px;
margin: auto;
}

* html .outer {border-left:860px solid #fff; position:relative; float:left; z-index:1;}
* html .inner {margin-left:-860px; position:relative; float:left; z-index:2;}

a:visited, a:link, a:active
{color:#B8860B;
text-decoration:none;
}

a:hover
{text-decoration: underline;
color:#DADA7C;}

/* PAGE TOP */

#top
{margin-top: 30px;
margin-bottom: 2px;
height: 200px;
overflow: hidden;
width: 100%;
white-space: nowrap;
}

img.logo
{height: 200px;
float: left;
}

img.logoRight
{height: 200px;
width: 100%;
}

/* MENU */

#menu
{float: left;
width: 100%;
}

#menu ul
{list-style:none;
margin: 0;
padding: 0;
}

#menu li 
{width: 24.8%; 
float: left;
margin-right: 0.2%;
position: relative;
font-size: 16px;
line-height: 30px;
color: 414141;
display:inline;
text-align: center;
background-image: url(button.jpg);
height: 30px;
color: white;
font-family: georgia, san-serif;
letter-spacing: 1.3px;
border-bottom: 1px;
border-top:0;
border-left:0;
border-right:0;
border-style:solid;
border-color:white;
}

#menu a
{text-decoration: none;
color: white;
line-height: 30px;
display:block;
}

#menu a:hover
{background: #84B0DB;}

#menu a.child
{font-size:12px;
background: #3170b3}

#menu a.child:hover
{background: #84B0DB;}

#menu ul ul{
position: absolute;
z-index: 2;
top: 31px;
left: 0%;
width: 100%;
}

div#menu li li
{clear:left;
width:100%;
}

div#menu ul ul
{display: none;}

div#menu ul li:hover ul
{display: block;}

/* MAIN PAGE */

#text
{float: left;
width:100%;
background: #FBFBEF;
margin-top: 2px;
margin-bottom: 10px;
}

h1
{color: #4d6044;
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 20px; 
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
font-weight:normal;
letter-spacing: -0.3px;
}

h2
{color: #4d6044;
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 13px; 
text-align: left;
margin-top: 30px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
font-weight:bold;
font-style:italic;
}

h3
{color: #4d6044;
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 13px; 
text-align: left;
margin-top: 30px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
font-weight:bold;
font-style:italic;
text-align: center;
}

p
{color: #414141;
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 12px; 
line-height: 20px;
text-align: left;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;}

.menulist
{margin-bottom: 8px;
text-align: center;}

ul
{list-style:none;
color: #414141;
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 12px; 
line-height: 20px;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;}

/*PICS*/

#pics
{width:100%;
float:left;
margin-top: 2px;
background: #DADA7C;
}

img.page
{width: 30%;
margin-right:1.5%;
margin-left:1.5%;
float:left;
margin-top: 20px;
margin-bottom: 20px;
height: auto;
border: 1px;
border-color: white;
border-style: solid;
}

/*FOOTER*/

#footer
{float:right;
background:darkgoldenrod;
width: 100%;
margin-top: 2px;
margin-bottom: 20px;}

#footer p
{text-align: right;
font-size:14px;
color: white;
margin-top:20px;}

#footer a:visited, #footer a:link, #footer a:active
{color:white;
}