a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #806813;
	text-decoration: none;
}
a:visited {
	color: #806813;
	text-decoration: none;
}
a:hover {
	color: #806813;
	text-decoration: underline;
}
a:active {
	color: #806813;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 120%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #B99E44;
	text-align: center;
}

/* I have called this class Float, just because I'm gonna float everything,
   but you could apply the attribute to all classes instead of having a
   single float class etc.
*/

div.container {
  margin-left: auto;
  margin-right: auto;
  width: 1050px;
  text-align: left;
  }

div.float {
  float: left;
  padding: 2px 2px 2px 2px;
  text-align: center;
  }

/* A paragraph style, this is how you override a tag within a class... */
div.float p {
   text-align: center;
   }

div.floatCenter{
   text-align: center;
   }

/* A container div tag, this is basically just a container you can wrap around stuff */

div.body {
	position: relative;
	top: 0px;					
	left: 0px;
	width: 1050px;
	height: 600px;
	background-color: #D5C58C;
	padding: 2px 2px 2px 2px;
  }

td {
	line-height: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #000000;
	padding: 2px 2px 2px 2px;

}

div.menu {
	position: relative;
	top: 30px;
	left: 30px;
	width: 300px;
	height: 535px;
	background-color: #B99E44;
  }

/* A spacer div tag this make sure that something sits on it's own row. You drop it
   before a bunch of div tags when you want them to "push" subsequent object below
   them (onto a new row)
*/
div.spacer {
  clear: both;
  }