html {margin: 0; height: 100%}

body 	{ 
	background-color: #F1E9DC;
	text-align: center;
	background-image:url('city.jpg');
	background-repeat: no-repeat;			
	background-attachment:fixed;		
	background-position: center
	}

#container	{ 
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: left;
	background-color: white;
	color: black;
	width: 810px;
	z-index: 1;

	}
small {font-size: 10px; color: white; padding: 0; margin: 0}

small a:link {color: #333; text-decoration: none}
small a:hover {color: #555; text-decoration: none}

.ape {	position: relative;
	top: 0;
	left:0; margin: 0; padding: 0; display: block}

ul.text {padding: 0 0 0 15px;list-style:square inside}

.menu{ 
position: absolute;
top: 185px;
left: 0;
width: 810px;
font: normal 1.1em georgia, arial ;
background-color: #583b14; 
}


.menu ul{
        margin: 0; padding: 0;
}

.menu ul li{
        display: inline;}

.menu ul li a{
        float: left; text-decoration: none;
        color: white;
	display: block;
	width: 135px;
	text-align: center;

	padding: 5px 0 5px 0 }



.menu ul li .one
        {   
        color: white;
        background-color: #583b14;
        }

.menu ul li a.one:hover
        {   
        color: #583b14;
        background-color: white;
        }



.menu ul li .two
        {   
        color: white;
        background-color: #583b14;
        }

.menu ul li a.two:hover
        {   
        color: #583b14;
        background-color: white;
        }


.menu ul li .three
        {   
        color: white;
        background-color: #583b14;
        }

.menu ul li a.three:hover
        {   
        color: #583b14;
        background-color: white;
        }


.menu ul li .four
        {   
        color: white;
        background-color: #583b14;
        }

.menu ul li a.four:hover
        {   
        color: #583b14;
        background-color: white;
        }


.menu ul li .five
        {   
        color: white;
        background-color: #583b14;
        }

.menu ul li a.five:hover
        {   
        color: #583b14;
        background-color: white;
        }



.menu ul li .six
        {   
        color: white;
        background-color: #583b14;
        }

.menu ul li a.six:hover
        {   
        color: #583b14;
        background-color: white;
        }




#mainbox	{ 
	position: absolute;
	top: 215px;
	left: 0;	
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: white;
	color: #583b14;
	font: 1em georgia, arial, Verdana, arial;
	width: 100%;
	z-index: 1;
border-top: 5px white;
border-top-style: solid;

	}

h1 {font: 1.2em georgia, arial; text-align: center; padding: 25px 105px 25px 105px}

h2 {font: bold 1em georgia, arial; text-align: left; padding: 0 105px 0 105px}

h3 {font: 1.5em georgia, Impact; padding: 0 0 0 15px}

p {margin: 15px 105px 0 105px}

h4 {margin: 15px }

.margin {padding: 0px 105px 5px 105px}

.inbox 	{
position: relative;
top: 0;
left: 0;
float:left;	
margin: 0;		
padding: 0 0 0 0;
max-width: 600px;
block: display
}

.gallery 	{
position: relative;
float:left;	
margin: 0 20px 0 0;		
padding: 0 0 0 0;
max-width: 600px;
block: display
}

a:link, a:visited {text-decoration: none; color: #583b14}
a:hover {text-decoration: underline; color: #583b14}