/* ----------------- BODY ----------------- */
html, body {
	background-color: #B7B771;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#5B2E00;
}

/* ----------------- HEADINGS ----------------- */
h1 {   /* Heading 1 */
	font-size:36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {   /* Heading 2 */
	font-size:24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ----------------- LINKS ----------------- */
a:link {    /* Never Visited Link */
	color:black;
}

a:visited {  /* Link Visited One or More Times */
  color:black;
}

a:hover {  /* Hovering Over Link */
	text-decoration: none;
	color:white;
}

a:active {  /* Link Being Activated  */
	color:white;
}

/* ----------------- NAVIGATION LINKS ----------------- */
a.nav:link {
	color: white;
	padding: 2px;
}

a.nav:visited {
	color: white;
	padding: 2px;
}

a.nav:hover {
	color: black;
	background-color: #B77A46;
	padding: 2px;
}

/* ----------------- MENU LINKS ----------------- */
a.menu {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
	}

/* ----------------- BOX LINKS ----------------- */
a.box {
	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: medium solid #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.box:hover {
  color: #000000;
	padding: 3px;
	text-decoration: none;
	background-color: #666666;
	border: medium solid #3366FF;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}