/*
	Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; background-color: #ffffff; font-size: 16px;
	}
#content {
 	PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 750px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff;
	font-size: 80%; color: #666666;  margin-bottom: 10px;
	}
#wrapper {
	MARGIN: 0px auto; WIDTH: 770px; TEXT-ALIGN: left;
	padding: 5px 5px 9px 5px;
	}
#bg {
	PADDING-RIGHT: 19px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px
	}

	/* typography
	----------------------------------------------- */

.banner-image {
padding: 1px;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #000000;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Create a right-aligned (split) link inside the navigation bar */
.topnav a.split {
  float: right;
  color: white;
}


.comment {
	text-align: right;
	font-size: 80%; color: #cccccc;
	}

h1 {
	border-bottom: 2px dotted #000000;
	color: #000000;
	font-size: 170%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}

h2 {
	border-bottom: 1px dotted #000000;
	color: #000000;
	font-size: 120%;
	font-family: "Arial", Times, serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}

h3 {
	border-bottom: 1px dotted #000000;
	color: #000000;
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}


.footer-links { font-size: 80%; border-top: 1px solid #cccccc; text-align: left;
	}


	/* links
	------------------------------------------- */
	A {
		font-size: 80%; TEXT-DECORATION: none; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	a:hover {
		text-decoration: underline;
	}

	A.comment:link {
		COLOR: #8D8C53; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:visited {
		COLOR: #8D8C53; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:active {
		COLOR: #BBBC61; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:hover {
		COLOR: #D16D39; TEXT-DECORATION: none; font-size: 100%; text-align:right; text-decoration: underline;
	}

	A.mainnav:hover {
	TEXT-DECORATION: underline; BORDER-RIGHT: #444444 3px solid; COLOR: #444444; TEXT-DECORATION: none
	}

.clearthis {
	CLEAR: both; FONT-SIZE: 1px; FLOAT: none; COLOR: #fff
}
#menu {
	PADDING-RIGHT: 15px; MARGIN-TOP: 10px;  FLOAT: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #ffffff; width: 135px; font-size: 100%;
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}
#menu LI {
	MARGIN: 0px; height: 20px; BORDER-BOTTOM: #ececec 1px solid; LIST-STYLE-TYPE: none
}
#menu A {
	DISPLAY: block;  BACKGROUND: #fff;  COLOR: #666666; TEXT-DECORATION: none; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 3px;
}
#menu A.mainnav:hover {
	BACKGROUND: #BFBFBF; COLOR: #fff;
}

.quote {
	background-color: #cccccc;
	border: 1px solid #B4B4B4;
	color: #000000; padding: 2px;
}