/*****Reset*****/
html, body, div, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset  { margin: 0; padding: 0; }

html,body {
   margin:0;
   padding:0;
   height: 100%;
   background-image:url(../Images/bg.jpg);
   background-repeat:repeat-x;
   background-color:#82b211;
}

img  {border:0;
}
/*DIVS*/

	#container {
	width: 850px;
	margin: 0 auto;
	padding:0;
	}
	
	#topbar {
	height:91px;
	padding: 0px;
	margin: 0px;
	}

#mainbody {
	background:#FFFFFF;
	margin-top:25px;
	height: 450px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 120px;
	padding-left: 15px;

}

#greybar {
height:25px;
background-color:#fff;

}

.pictureboxone {
width:193px;
margin-right:15px;
height:200px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
float:left;
padding-top:10px;
margin-top:20px;
}

#pictureboxtwo {
width:193px;
height:200px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
float:left;
padding-top:10px;
margin-top:20px;}



  .wrapper {
	padding:0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
	color: #000;
  }
  .footer, .push {
    height: 142px; /* .push must be the same height as .footer */
  }

	.footer {
	background-color:#82B211;
	height: 100px;
}





/* TEXT */
h2 {
	padding-top: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -2px;
	line-height: 1.2em;

}

h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	padding-top:5px 0 0 0;
	margin:0px;
	text-align:center;
}


p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em; /* 1em=16px */
	line-height: 1.5em; /*1.5em of a 1em (or 16px font) = 24px */
	margin:0;
	padding:0;
}

.bodytext {
	padding-bottom:15px;
}

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 850px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;

}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	background: #758d1c url(../Images/navbg-hover.jpg);
	width:103px;
	margin-right:5px;

}
ul#topnav li a {
	padding: 5px ;
	text-align:center;
	display: block;
	color: #fff;
	text-decoration: none;
}
ul#topnav li:hover { background:#efefef url(../Images/navbg.jpg);}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li a:hover { color:#fff;
}

ul#topnav li span {
	float: left;
	padding: 5px 5px 5px 15px;
	position: absolute;
	left: 0; top:25px;
	display: none; /*--Hide by default--*/
	width: 830px;
	background: #bee50e;
	color: #fff;
	
	}
	
	
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; color: #000000} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}