a { text-decoration:none; }

body { padding: 7px 0 !important; }

h1 {
	background: url(images/logo.jpg) no-repeat left top;
	height:0;
	margin:0;
	padding: 151px 0 0;
	overflow:hidden;
	cursor:pointer;
}

h2 {
	margin: 0 0 3px;
	padding:0;
	color:#AA710D;
	font-size:2.4em;
	font-weight:normal;
}

html, body {
	background-color:#EADCBF;
	border:0;
	margin:0;
	padding:0;
	font: 1em "Times New Roman", Times, serif;
}

p {
	margin:0;
	padding: 0 0 10px;
}

#container {
	border: 1px solid #415E80;
	width:772px;
	margin: 0 auto;
}

#content {
	background-color:#FFFFFF;
	border-top: 1px solid #405E80;
	_height:1%; /* IE 6 needs layout..., problems with <h2>/floats */
	padding: 5px 10px 55px;
	color:#002855;
	font-size:.9em;
}

#content a { color:#C89B47; }

/* IE 6 doesn't treat height like it should.
   So we need to adjust everything to compensate */
#footer {
	border-bottom: 10px solid #C89B47;
	height:0;
	_margin: -76px 0 0;
}

#footer img {
	float:right;
	margin: 0 0 -60px; /* Bring bottom up for everybody */
	_margin:0; /* Reset for IE6 */
	position:relative;
	top:-66px;
	_top:10px;
}

#header {
	background: #FFFFFF url(images/banner.jpg) no-repeat right top;
	border-top: 5px solid #AA710D;
	padding: 0 0 7px;
}

#motif_img {
	margin: -34px 0 5px 15px;
	float:right;
}

/* margin/padding relations:
   Nobody likes margin: 5px 0; on the a's except IE6. IE 6 needs the margin
   on the a's rather than the padding on the #nav.
   So hack... */
#nav {
	background-color:#F0E4CE;
	height:15px;
	margin:0;
	padding: 5px 0;
	_padding:0;
	font: bold .9em Arial, Helvetica, sans-serif;
}

#nav a {
	background-color:#E4CFA6;
	border-left: 5px solid #B57909;
	_margin: 5px 0;
	color:#002855;
	text-align:center; /* Can't use padding, see html comment on index */
	display:block;
	float:left;
}

#nav a:hover {
	background-color:#FFFFFF;
	color:#B57909;
}

#nav li {
	margin:0; /* IE 6 */
	display:inline;
}