@charset "utf-8";
.header {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 180px;
	width: 760px;
	background-color: #0000FF;
} 
.sidebar1 {
	width: 200px;
	background-color: #4E5E41;
	height: 100%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	left: 0px;
	top: 0px;
	position: static;
}
.sbText {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
}
.mainContent {
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 10;
	padding-right: 20px;
	padding-bottom: 200;
	padding-left: 20px;
	text-align: left;
	width: 490px;
	left: 0px;
	top: 0px;
} 
.mainTitle {
	font-size: 36px;
	font-weight: bold;
	color: #4E5E41;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.footer {
	background-color: #4E5E41;
	width: 760px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
} 
.pata {
	font-size: 10px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
.pata:hover {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: none;
	background-position: left;
}
.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 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, Times New Roman, serif;
}
.sbHead {
	font-size: 36px;
	font-weight: bolder;
	color: #FFFF00;
	font-variant: small-caps;
	text-align: center;
}
.midSection {
	position: absolute;
	width: 760px;
	left: 0px;
	top: 180px;
}
.menu {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: top;
}
.rtColumn {
	vertical-align: top;
}

.btn {
	margin-right: 5px;
	margin-left: 5px;
	border: thin solid #A6C977;
	padding: 5px;
	text-decoration: none;
	color: #FFFFFF;
}
.btn:hover {
	color: #A6C977;
	text-decoration: none;
	border-top-color: #4E5E41;
	border-right-color: #4E5E41;
	border-bottom-color: #4E5E41;
	border-left-color: #4E5E41;
}
body  {
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #A6C977;
	font-family: Arial, Helvetica, "Times New Roman", serif;
	font-size: 100%;
}
.ftText {
	font-family: Arial, Helvetica, "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
}
.directions {
	text-align: center;
	background-position: center;
	padding-left: 75px;
}