@charset "utf-8";
/* CSS Document */
-->
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
body {
	background-color: #333333;
	color: #2d2e2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 0 0; /* (top, right, bottom, left) */
	padding: 0 0 0 0;
	text-align: center;
}
h1 {
	color: #0066cc;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}
h2 {
	color: #0066cc;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}
.boldRed {
	color: #0066cc;
	font-weight: bold;
}
.boldBlack {
	color: #000000;
	font-weight: bold;
}
.phonenumber {
	color: #0066cc;
	font-size: 24px;
	font-weight: bold;
	line-height: 18px;
}
.address {
	color: #000000;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}
a, a:link {
	color: #0066cc;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #09F;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #09F;
	font-size: 13px;
	text-decoration: none;
}
a:active {
	font-size: 13px;
	color: #09F;
}
/* left navigation menu */
.nav-menu ul {
	list-style: none;
	padding: 0;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
}
.nav-menu li {
	float: left;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	text-align: left;
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 22px;
}
.nav-menu li a {
	width: 150px;
	float: left;
	color: #0066cc;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 8px 5px 8px 5px;
	font-weight: bold;
}
.nav-menu li a:hover {
	width: 150px;
	float: left;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 8px 5px 8px 5px;
	font-weight: bold;
}
/* This is a container for the page content. */
#outerWrapper {
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 950px;
}
#outerWrapper #header {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
	border-bottom: solid 2px #333333;
}
#outerWrapper #contentWrapper #leftColumn1 {
	background-color: #f4ead3;
	float: left;
	padding: 40px 20px 40px 20px; /*(top, right, bottom, left) */
	width: 170px;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
}
#outerWrapper #contentWrapper #content {
	margin: 0 0 0 230px;
	padding: 40px 50px 100px 20px; /* (top, right, bottom, left) */
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
	clear: left;
	display: block;
}
#outerWrapper #footer {
	background-color: #e4e4e4;
	border-top: solid 2px #333333;
	padding: 20px 20px 40px 20px; /* (top, right, bottom, left) */
}
-->