@import url(typo.css);

body {font-family: Arial, Helvetica, sans-serif; line-height: 1; color: #1e2539; background: #000000}


#container {
	margin: 0 auto;
	width: 750px;
	border: 1px solid #1e2539;
	background:url(../gfx/mainback.jpg) repeat-y;
	}

* {margin: 0; padding: 0;}

h1 {
font-size: 24px;
}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #3e4e71;
	text-decoration: none;
	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #3e4e71;
	text-decoration: underline;
}

#main a img {border: none;}

ul, ol {list-style: none;}

#header {
	border-bottom: 1px solid #1e2539;
	}

#menu {
	background:url(../gfx/navback.jpg) repeat-y;
	width: 750px;
	margin: 0; padding:0;

}

.spacer {
  clear: both;
  }

#nav {padding: 0; margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	}
	
#nav a:link, #nav a:visited {
	color: #b99872;
	}
	
#nav a:hover {
	color: #e3bf9b;
	text-decoration: none;
}
	

img {
border: 1px solid #1e2539; }	

#main {
 width: 730px; padding: 0;
 text-align: left;
 margin: 10px;
  }






/* Drop down */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	ul li {
	float: left;
	position: relative;
	}
	
	li ul {
	position: absolute;
	left: 0;
	top: 14px;
	display: none;
	width: 120px;
	background: url(../gfx/navback.jpg) repeat-y;
	}
	
li ul li {
float: none; }

	ul li a {
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	}
	
	
	li:hover ul {
	display: block;
	 }
	 
#nav #currentpage a:link, #nav #currentpage a:visited {color: #e3bf9b;}

#nav #currentpage ul a:link, #nav #currentpage ul a:visited {color: #b99872;}
#nav #currentpage ul a:hover {color: #e3bf9b;}

/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }
/* End */



li:hover ul, li.over ul { display: block; } /* The magic */

/* end of drop down */

#footer {

text-align: center;
vertical-align: middle;
padding: 0;
margin: 0;
}

#footer p {
line-height: 18px;
margin: 0; padding: 0;
font-size: 12px;
}

div.right img {
float: right;
margin: 0 0 5px 5px;
}

div.right {
float: right;
width: 350px;
margin: 0 0 20px 0;
}

div.left img {
float: left;
margin: 0 5px 5px 0;
}

div.left {
float: left;
width: 350px;
margin: 0 0 20px 0;
}

div.center {
margin: 0 auto 20px auto;
text-align: center;
width: 400px;
}

div.center p.first {
text-align: center;

}

div.center p {
text-align: justify;

}