/* Red-Brown: #713A18
   Fish-Brown: #8E8645
   Poop-Brown: #311403
 */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	/* font sizing in ems, baby. if you want to change anything, just change this. */
	font-size: 76%;
	/* funny thing happens at 75% and lower. opera goes to a nice small size, but moz 
	and ie pc change almost not at all. seems 76% is as small as you can go and stay 
	the same across browsers. */
	position:relative;
	min-width:870px;
}

a img {
	border: 0;
}

a {
	color:#713A18;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#8E8645;
}

div.column {
	float:left;
	margin-right:10px;
}

ul.errors {
	color:#990;
}

input, select {
	font-size:130%;
	padding:2px;
	border:1px solid #713A18;
}
label {
  display:block;
}

div#fish {
  position:absolute;top:32px;right:0;
  width:319px;height:267px;
  background:url(../images/fish.jpg) no-repeat;
}

div#header {
  background: #311403;
  height:137px;
}
div#header img {
  position:relative;
  z-index:10;
  margin:25px 15px;
}

div#header h1 {
  color:#FFF;
  font-size: 125%;
  position:absolute;
  top: 70px;
  left: 170px;
  z-index:11;
}
div#header ul {
	position:absolute;
	right:10px;
	top:10px;
}
div#header ul li {
  list-style-type:none;
  float:right;
  padding:0 10px;
}
div#header ul li a {
  text-decoration: none;
  color:#FFF;
  font-weight:normal;
}
div#header ul li a:hover {
  text-decoration:underline;
}
div#menu {
  background: #8E8645;
  height:36px;
}
div#menu ul li {
  list-style-type:none;
  float:left;
}
div#menu ul li a {
  position:relative;
  z-index:15;
  text-decoration: none;
  line-height:36px;
  padding:.75em 1em;
  color:#FFF;
  font-size:115%;
  font-weight: bold;
}
div#menu ul li a:hover, div#menu ul li.cur a {
  background:#311403;
}
div#sidebar {
  position:absolute;
  right:0;
  top:297px;
  text-align:center;
  width:195px;
  background:#713A18;
}
div#content div#sidebar h3 {
  color:#FFF;
  border-bottom:#8E8645 4px solid;
  text-align:left;
  margin: 15px 0;
  padding-left: 5px;
}
div#sidebar img {
  margin: 5px 0;
}
div#content {
  padding: 10px 215px 10px 10px;
  background: url(../images/background.gif) repeat-y 100% 50%;
}
div#content p {
  position:relative;
  max-width:800px;
  color:#311403;
  padding:10px;
  z-index:10;
}
div#content form p {
  margin-top:8px;
  padding:0;
}

div#content ul {
  margin: 7px 40px;
}
div#content h2 {
  position:relative;
  color:#713A18;
  font-size:190%;
  z-index
}
div#content h3 {
  position:relative;
  color:#713A18;
  margin-top:25px;
  z-index:10;
}
div#icthus {
  text-align:right;
  padding:50px 40px 15px;
  background: url(../images/background.gif) repeat-y right;
}