@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background: #f2f2f2;
	color: #606060;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}

#middle a:link {
	color: #00a94f;
	text-decoration: underline;
}
#middle a:visited {
	text-decoration: none;
	color: #F09;
}
#middle a:hover {
	text-decoration: underline;
	color: #F09;
}
#middle a:active {
	color: #00a94f;
	text-decoration: underline;
}

#middle h1{
	font-size: 30px;
	color: #F09;
	line-height: 32px;
}
#middle h2{
	font-size: 20px;
	color: #00a94f;
	text-decoration: none;
	border-bottom: solid #00a94f 2px;
}
#middle h3{
	font-size: 16px;
	color: #F09;
	padding-left: 10px;
}
#middle h4 {
	font-size: 14px;
	color: #000;
	padding-left: 10px;
}
#middle h5{
	font-size: 18px;
	color: #8d288f;
	padding-left: 10px;
	text-decoration:none;
}
#middle h6{
	font-size: 20px;
	color: #f09;
	padding-left: 10px;
	line-height: 20px;
}
#middle img{
	margin: 10px;
	background-image: url(none);
}

#middle img a{
	margin: 10px;
	background-image: url(none);
	border: none;
}
#middle th {
	background-color: #00a94f;
	color: #FFF;
}
#middle table tr td img {
	padding: 5px;
	font-size: 16px;
	border: none;
}
#middle ul {
	list-style-image: url(/images/bullet.jpg);
	list-style-position: outside;
	line-height: 20px;
	padding-bottom: 16px;
}
#middle li {
	list-style-position: outside;
	line-height: 20px;
	padding-bottom: 16px;
	list-style-type: disc;
}
#middle ol {
	list-style-position: outside;
	line-height: 24px;
	margin-left: 10px;
	padding-bottom: 16px;
	color: #000;
}


#middle hr{
	color: #00a94f;
}
#middle p{
	padding-left: 10px;

}
#container{
	margin: 0 auto;
	width: 100%;
}
#top{
	background: #00a94f;
	height: 100%; /*Height of top section*/
	padding: 15px 0 5px 0;
	border-bottom: 2px solid #F09;
	font-size: 14px;
	width: 100%;
}
#top a {
	color: #FFF;
	text-decoration:none;
}
#left p {
	font-size: 14px;
	padding-left: 5px;
	color: #000;
}
#left ul li {
	font-size: 14px;
	list-style-type: circle;
	list-style-image: url(none);
	padding: 0 5px 0 0;
	margin: 0;
	padding-bottom: 10px;
}
#left h1 {
	background-color: #f09;
	color: #fff;
	font-size: 18px;
	padding: 0 0 0 5px;
	margin: 0;
	line-height: 26px;
}
#left {
	float: right;
	margin: 5px 0 5px 5px;
	background-color: #CCC;
	width: 300px;
	border: solid #F09 2px;
}
/* ~~ miscellaneous float/clear classes ~~ */
.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;
}

#middle{
	width: 1004px;
	max-width: 1004px;
	margin: 0 auto;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #ececec;
}
#bottom{
	clear: left;
	width: 100%;
	background: #00A94F;
	color: #FFF;
	padding: 15px 0 15px 0;
	font-size: 14px;
	border-top: 2px solid #F09;
	line-height: 1.5em;
}
#bottom a {
	color: #FFF;
	text-decoration: none;
}
#container #middle table tr td {
	text-align: left;
	padding: 10px;
}

#container #middle table li {
	padding: 5px;
}