body, h1, h2, h3, p, li, ul {
  margin: 0px; /* Removes default margin that some browsers add. */
  padding: 0px; /* Removes default padding that some browsers add. */
}

body {
  font: 100% Verdana, "Lucida Grande", sans-serif; /* Sets the default size of the text to 100% of the user's default. Also sets the font families to use on the text throughout the page. */
  background-color: #B0C3A8; /* Sets the background image to tile across the entire page. Also sets the background color in case images aren't available. */
  text-align: left; /* Centers the page in various versions of WinIE5. */
  color: #856E28 /* Sets the default color of the text. */
}

/* STYLE THE SKIP NAVIGATION LINK --------------------------- */
/* --------------------------------------------------------- */

#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
}

/* STYLE THE MAIN WRAPPER DIV ------------------------------- */
/* --------------------------------------------------------- */
	
#wrapper{
  text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */
  margin: 10px ; /* Centers the content of the page within the window in all but versions of WinIE5. */
  width: 970px; /* Sets the width of the design to 650 pixels. */
  background-color:#FFFFFF;
}

/* STYLE THE HEADER DIV ------------------------------------ */
/* --------------------------------------------------------- */

#header {
  /* background: url(images/header_bg.jpg) no-repeat;*/ /* Sets a non-repeating background image on the header div of the layout. */
  margin-top: 14px; /* Adds 14 pixels of space between the top of the layout and the top edge of the viewport. */
  width: 970px; /* Sets the width of the header to 650 pixels. */
}

#header span {
	position: absolute; /* Takes the span (that holds the text for the H1 text) out of the document flow so that it can be positioned in an exact place on (or off) the page. */
	left: -3000px; /* Puts the text within the h1 way off screen so that visual users to not see it. */
} 

#header h1 {
	text-align: left; /* Centers the h1 within the header, specifically to center the image. */
	float: left;
}

/* STYLE THE NAVIGATION DIV ---------------------------------*/
/* --------------------------------------------------------- */

#nav {
  /* background: url(images/nav_bg.jpg) no-repeat;   */
  /* Sets a non-repeating background image on the nav div of the layout. */
  padding-top: 10px; /* Adds 10 pixels of padding to the top of the footer area. */
  height: 60px; /* Sets the height of the div to the height of the background image (60) plus the top padding (10). */
  width: 970px; /* Sets the width of the navigation div. */
}

#nav ul {
	list-style-type: none; /* Removes default list bullets. */
	font-size: 100%; /* Sets the font size to 100% of the user's browser preference, */
	text-align: right; /* Centers items in nav list. */
	float: right;
}

#nav li {
  display: inline; /* Changes the list items from block to inline elements */
}

#nav li a:link, #nav li a:visited {
  text-decoration: none; /* Removes underline on links. */
  color: #9A0001; /* Sets the link text color */
  margin-right: 20px; /* Adds 20 pixels of margin space to the right of each link to provide breathing room between them. */
  background: #FFA109; /* Sets the background color. */
}

#nav li a:hover, #nav li a:active, #nav li a:focus {
  background: #9D0005; /* Changes background color of links to dark gray on hover, activation, and focus. */
  color: #fff; /* Changes text color of links to white on hover, activation, and focus. */
}

/* STYLE THE INNER WRAPPER THAT HOLDS THE COLUMNS ---------- */
/* --------------------------------------------------------- */

#innerwrapper {
	/* background: url(images/innerwrapper_bg.jpg) repeat-y;  */
  /* Adds a background image to the column container that repeats on the y axix as long as there is content in either column. */
  float: left; /* Floating all columns and their container helps avoid IE bugs.*/
	width: 970px; /* Sets the width of the column container to 650 pixels, the total width we want for the layout. */
	margin-bottom: 10px;
}

#innerwrapper h1 {
	font-size: 130%;
	margin-left: 5px;
	line-height: 30px;
}

#footer_wrapper_bg {
	width:970px;
	padding:0px 5px 0px 15px;
}

#footer {
	/* background: url(images/footer_bg.jpg) no-repeat;*/ /* Sets a non repeating background image on the footer. */
	float:right;
	width:400px;
	padding-right:5px;
	/*width: 970px;*/ /* Sets the width of the footer to 650 pixels. */
	vertical-align: top;
}

#footer p {
	color: #986E48;
  text-align: right; /* Centers the text in footer paragraphs */
  font-size: 65%; /* Sets the font size to 75% of the user's browser preference, */
}

/* CLASSES FOR IMAGES, SUPERSCRIPT, CLEARING FLOATS -------- */
/* --------------------------------------------------------- */

.lftflt {
  	float: left; /* Moves the image to the left side of its container and allows text to flow around its right side. */
	margin-right: 8px; /* Adds 8 pixels of space to the right of the image so that it does not touch the text */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
}
.supnum {
	vertical-align: text-top;
	font-size: 50%;
	line-height: 0px;
}

.txtDarkBlue {
  font-size: 75%; /* Sets the font size to 75% of the user's browser preference, */
	color: #0066CC;
}
a {
	text-decoration: none;
}

.textBrown {
	color: #856E28
}
.myLnk { color: #856e28; text-decoration: underline; }
.textBrownLight {

	color: #BEB28D
}
a:hover {
	color: #856E28;
	text-decoration: none;
}

.bottom_menu {
	float:left;
	width:450px;
	font-size: 65%;
	text-align: left;
	color: #986E48;
	vertical-align: top;
}

.bottom_menu a {
	text-decoration: none;
	color: #986E48;
}

.bottom_menu a:hover {
	color: #856E28;
	text-decoration: underline;
}