@media screen {

* { margin: 0; padding: 0; border: 0;}

p { padding-top: 0.5em; padding-bottom: 1em; }

body {
	background-color: #f0e4cb;
}

#page {
	width: 700px;
	position: relative;
	margin: 0px auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	color: #5d3916;
	text-align: justify;
	line-height: 1.5em;
}

#top_menu {
	text-align: right;
	width: 100%;
	height: 100px;
}

#content { width: 650px; margin: 10px auto; border: medium; }

#text_ph {
	margin: 10px 10px 10px 30px;
	position: relative;
	float: left;
	width: 310px;
}

#text_left  {
	margin: 10px;
	position: relative;
	float: left;
	width: 310px;
}

#text_right  {
	margin: 10px;
	position: relative;
	float: left;
	width: 310px;
}

#photo {
	margin: 40px 30px 10px;
	position: relative;
	float: left;
	width: 250px;
	font-size: 0.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: right;
}

h1 { position : absolute; left : 0; top : 0; width: 467px; height : 98px; background : url(img/logo.gif) no-repeat; }

h1 a { display: block; width: 467px; height : 98px;}

h2 {
	font-size: 150%;
	font-weight: bold;
	line-height: 2em;
	padding-top: 0.5em;
}

p#links img { padding: 0 10px; }

a { text-decoration: none; color: #5d3916; }
a:hover { text-decoration: underline; }

ul { list-style-type: none; }

/* MENU */

ul#menu { position: absolute; top: 80px; left: 270px; height: 17px; margin: 0; padding: 0; }

ul#menu a { display: block; height: 17px; overflow: hidden; }

div#top_menu ul, div#top_menu li { display: inline; }

div#top_menu li { position: absolute; margin: 0; padding: 0; top: 0px; height: 17px; }

li#m1 { left: 0px; width: 21px; background: url(img/menu.gif) no-repeat 0 0; }
li#m2 { left: 33px; width: 66px; background: url(img/menu.gif) no-repeat -21px 0; }
li#m3 { left: 111px; width: 97px; background: url(img/menu.gif) no-repeat -87px 0; }
li#m4 { left: 220px; width: 47px; background: url(img/menu.gif) no-repeat -184px 0; }
li#m5 { left: 279px; width: 28px; background: url(img/menu.gif) no-repeat -231px 0; }
li#m6 { left: 319px; width: 28px; background: url(img/menu.gif) no-repeat -259px 0; }
li#m7 { left: 359px; width: 42px; background: url(img/menu.gif) no-repeat -287px 0; }

li#m1 a:hover { background: url(img/menu.gif) no-repeat 0 -17px; }
li#m2 a:hover { background: url(img/menu.gif) no-repeat -21px -17px; }
li#m3 a:hover { background: url(img/menu.gif) no-repeat -87px -17px; }
li#m4 a:hover { background: url(img/menu.gif) no-repeat -184px -17px; }
li#m5 a:hover { background: url(img/menu.gif) no-repeat -231px -17px; }
li#m6 a:hover { background: url(img/menu.gif) no-repeat -259px -17px; }
li#m7 a:hover { background: url(img/menu.gif) no-repeat -287px -17px; }

}