/* CSS Document */

body{
	padding: 0;
	margin: 2em 0 2em 0;
	background-color: #000000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div, p, ul, li, a, h1, h2, h3, h4, form, label { padding: 0; margin: 0; }

input { margin-bottom: 0.3em; }

input.checkbox { margin-bottom: 0.3em; vertical-align: middle; }

select { margin-bottom: 0.3em; }

textarea { margin-bottom: 0.3em; }

.address {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	margin: 1em 0 0 0;
}

.contact { margin-right: 2em; float: right; }

.leftimgleft {
	padding-left: 1.0em;
	padding-right: 1em;
	padding-bottom: 0.1em;
}

.logo{ position: absolute; top: 25px; left: 51px; }

.rightimgbot { padding-bottom: 2em; }

.spacer{ line-height: 0; font-size: 0; clear: both; }

.toptitle {
	margin: auto;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
}

#container{
	width: 900px;
	position: relative;
	margin: 0 auto 0 auto;
	border-left: #69D912 solid 0.3em;
	border-right: #69D912 solid 0.3em;
	background-color: #ECF4CF;
	background-image: url(images/content_bg.png);
	background-position: top;
	background-repeat: repeat-x;
	padding: 0em 0 2em 0;
}

#footer{
	border-left: #69D912 solid 0.3em;
	border-right: #69D912 solid 0.3em;
	border-bottom: #69D912 solid 0.3em;
	clear: both;
	background-color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #F8FFED;
	height: 120px;
	width: 900px;
	text-align: center;
	font-weight: bold;
	margin: 0 auto 44px auto;
	padding: 20px 0 0 0;
}

#footer p{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #F8FFED;
	font-weight: bold;
	background-color: #000000;
	line-height: 1.5em;
	text-align: center;
}

#header{
	width: 900px;
	position: relative;
	margin: 0 auto;
	height: 183px;
	background-image: url(images/header_bg_6.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border-left: #69D912 solid 0.3em;
	border-right: #69D912 solid 0.3em;
	border-top: #69D912 solid 0.0em;
	color: #FFFFDD;
	font-family: Arial, Helvetica, sans-serif;
}

#header h2{
	width: 345px;
	height: 18px;
	position: absolute;
	top: 119px;
	left: 16px;
	font-size: 1.1em;
	text-align: center;
}

#joe {
	border-left: #69D912 solid 0.3em;
	border-right: #69D912 solid 0.3em;
	border-bottom: #69D912 solid 0.3em;
	clear: both;
	width: 778px;
	height: 120px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#left{
	float: left;
	width: 598px;
	margin-top: 13px;
	margin-left: 13px;
	margin-right: auto;
	color: #334714;
	background-color: #F8FFED;
	padding: 6px 6px 31px 7px;
}

#left h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	background-color: #D8E5C4;
	color: #334714;
	margin-bottom: 19px;
}

#left img{ margin-bottom: 24px; }

#left ol{
	margin: 0px 35px 0px 25px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#left p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #334714;
	background-color: #F8FFED;
}

#left p a.bottom{
	background-color: #657D40;
	background-image: url(images/read_arrow.gif);
	background-repeat: no-repeat;
	background-position: 80px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 11px;
	display: block;
	padding: 0 20px 0 16px;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
}

#left p a.bottom:hover{
	background-color: #D8E5C4;
	color: #657D40;
	background-image: url(images/blog_arrow_h.gif);
}

#left p.bg{
	margin: 21px 0 34px 0;
	background-color: #D8E5C4;
	color: #334714;
	height: 11px;
}

#left ul{ margin: 0; padding: 0; }

#left ul li{ list-style: disc; margin-left: 3.0em; }

#left ul li a{
	font-family: Arial, Helvetica, sans-serif;
	color: #775C14;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 20px;
}

#left ul li a:hover{ color: #990000; background-color: #DCEBC4; }

#menu{
	width: 900px;
	position: relative;
	margin: 0 auto;
	height: 45px;
	background-image: url(images/nav_bgb.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: #69D912 solid 0.3em;
	border-right: #69D912 solid 0.3em;
	border-top: #69D912 solid 0.3em;
}

#menu ul{
	position: absolute;
	left: 17px;
	top: 0px;
	list-style: none;
}

#menu ul li{ float: left; margin: 0; }

#menu ul li a{
	display: block;
	padding-left: 0.7em;
	padding-right: 0.7em;
	height: 45px;
	font: bold 12px/45px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: capitalize;
	text-align: center;
	background: url(images/nav_bgb.gif) 0 0 repeat-x #0D0D0D;
	text-decoration: none;
	float: left;
}

#menu ul li a:hover{
	background: url(images/nav_hoverb.gif) 0 0 repeat-x #760101;
	color: #FDEEBD;
	padding-left: 0.7em;
	padding-right: 0.7em;
}

#right{
	position: relative;
	float: left;
	width: 225px;
	padding: 6px 6px 31px 7px;
	margin-top: 13px;
	margin-left: 20px;
	margin-right: 0px;
	background-color: #C3CE98;
	color: #000000;
}

