.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
* { margin: 0px; padding: 0px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #3a047d; }
a:hover, a:active { color: #bf7061; }
body { background-color: #003040; font-size: 0.7em; color: #000000; line-height: 1.4em; }
div.hr { padding-top: 2px; margin-bottom: 4px; border-bottom-style: solid; border-bottom-width: 1px; }
div.hr hr { display: none; }
h1 { font-size: 1.2em; padding: 18px 0px 20px 35px; font-weight: bold; text-transform: uppercase; background-image: url(../images/h1wibble.gif); background-repeat: no-repeat; }
h2 { font-size: 1.1em; font-weight: normal; margin-bottom: 0.3em; }
hr { display: none; }
img { border: 0px; }
input { vertical-align: middle; }
input.text, input.text-ghosted { padding: 2px; border: 1px solid #808080; }
input.text-ghosted { color: #808080; }
input.text { color: #000000; }
a.button, input.button { text-decoration: none; background-color: #4C687B; color: #FFFFFF; font-weight: bold; border: 0px; padding: 2px 4px; }
ol, ul { margin-left: 1.5em; padding-left: 1.5em; }
p { margin-bottom: 0.8em; }
select { vertical-align: middle; }

#root { width: 972px; margin: 10px auto; border: 1px solid #639d41; background-color: white; background-image: url(../images/mainbkgd.gif); background-repeat: repeat-y; height: 1%; }
#credits { width: 972px; margin: 0px auto; text-align: right; font-size: 0.9em; color: #ffffff; }
#credits a { text-decoration: none; color: #ffffff; }
	#rootgrass { background-image: url(../images/maingrass.jpg); background-repeat: no-repeat; background-position: bottom left; height: 1%; }
	#left { float: left; width: 217px; min-height: 450px; height: auto !important; height: 450px; }
	#main { float: right; width: 755px; min-height: 450px; height: auto !important; height: 450px; }
		#mainheader { height: 110px; position: relative; background-image: url(../images/headerbkgd.gif); background-repeat: repeat-x; }
			#mainheader #strap { position: absolute; top: 40px; right: 30px; }
			#mainheader #www { position: absolute; bottom: 7px; right: 30px; }
		#maincontent { padding: 5px 30px 140px 30px; }
			.boxouts { margin-top: 10px; }
				.boxout { margin-right: 10px; margin-bottom: 10px; width: 152px; float: left; display: inline; }
				.boxout h2 { border: 1px solid #c1c9cd; padding: 8px; margin-bottom: 4px; text-align: center; }
				.boxout .body { border: 1px solid #c1c9cd; background-color: #f4f4f4; }
				.boxout .bodycontent { padding: 8px; font-size: 0.9em; min-height: 80px; height: auto !important; height: 80px; }
				.boxout .bodylink { border-top: 1px solid #c1c9cd; padding: 12px 4px; text-align: center; }

			.homecategories { margin-top: 10px; }
				.homecategory { margin-right: 27px; margin-bottom: 10px; width: 112px; float: left; display: inline; }
				.homecategory h2 { border: 1px solid #c1c9cd; background-color: #f4f4f4; padding: 8px; margin-top: 4px; text-align: center; }
				.homecategory .body { border: 1px solid #c1c9cd; min-height: 110px; height: auto !important; height: 110px; }


#leftnav ul { margin: 0px; padding: 0px; list-style-type: none; margin-top: 2px; }
#leftnav li { margin-bottom: 2px; display: inline; }
#leftnav a:link, #leftnav a:visited { display: block; color: #FFFFFF; padding: 2px 2px; text-decoration: none; text-align: center; text-transform: uppercase; }
#leftnav a:hover, #leftnav a:active, #leftnav a.active { color: #96cd00; }
#leftnav .hr { border-bottom: 5px solid #639d41; }

#leftnav2 ul { margin: 0px; padding: 0px; list-style-type: none; margin-top: 20px; }
#leftnav2 li { margin-bottom: 2px; display: inline; }
#leftnav2 a:link, #leftnav2 a:visited { font-weight: bold; display: block; color: #ffffff; padding: 2px 2px; text-decoration: none; text-align: center; text-transform: uppercase; }
#leftnav2 a:hover, #leftnav2 a:active, #leftnav2 a.active { color: #f60230; }

#topnav { margin-bottom: 10px; }
#topnav ul { margin: 0px; padding: 0px; list-style-type: none; margin-top: 2px; float: right; display: inline; }
#topnav li { display: inline; }
#topnav a:link, #topnav a:visited { display: block; float: left; padding: 0px 0px 0px 20px; text-decoration: none; text-align: center; text-transform: uppercase; }
#topnav a:hover, #topnav a:active, #topnav a.active { color: #7aa701; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.float-left { float: left; }
.float-right { float: right; }
.error { color: #ff0000; text-align: center; }