/*
this hideous mess of code will be sorted out
one of these days ... as soon as I stop diddling 
around with it
*/


html,body {margin:0;padding:0}
body {font: 90% 'trebuchet ms', arial, sans-serif}

div#container {
	max-width:1280px;
}
div #outerwrapper {
	background-image:url(../images/wrapper-bg.gif);
}
div#wrapper {
	float:right;
	width:100%;
	margin-left:-220px;
}
div#toplinks {
	margin:2px 10px 0 0;
	text-align:right;
	height:32px;
	background-image:url(../images/toplinks-bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div#header { 
	height:145px;
	margin:0;
	background-image:url(../images/header-bg.jpg);
	background-repeat: repeat;
}
#header_sub {
	padding:20px 0 0 280px;
}
div#content {
	margin:10px 5px 20px 230px;
}
div#navigation {
	float:left;
	width:220px;
	color:#fff;
	background-color:inherit;
	background-image:url(../images/sidebartop-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top:70px;
}
div#extra { 
	float:left;
	clear:left;
	width:180px;
	margin:15px 0 0 5px;
}
div#footer{
	clear:both;
	width:100%;
	background-color:#86B300;
	color:#fff;
	border-top:1px solid #000;
	background-image: url('../images/footer-bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	height:60px;
}

#page_bottom {
	padding:10px 5px;
}
#left_bottom {
	width:80%;
	float:left;
}

#right_bottom {
	float:right;
	width:100px;
}

/* area display styles */
div#content p {
	line-height:1.6;
}
#content ul,ol {
	list-style-type:none;
	margin-top:0px;
}	

#content li {
	background-repeat: no-repeat;
	background-position: 0 .5em;
	/* was 0 50% */
	padding: 2px 0px 2px 2px;
	margin: .2em 0;
	text-indent:18px;
	background-image: url('../images/bullet.gif');
}

div#footer p{ 
	margin:0;
	padding:5px 10px; 
	text-align:right; 
	font-weight:bold;
}

#page_bottom p {
	font-size:11px;
}


/* general text stuff */
h1,h2,h3 {
	font-family: arial, helvetica, sans-serif;
	color: #f90;
	background-color:inherit;
	margin:10px 0px 0px 10px;
}

#content h1,h2,h3 {
	font-family: arial, helvetica, sans-serif;
	color: #f90;
	background-color:inherit;
	margin:18px 0px 0px 10px;
	letter-spacing: -1px;
}

p {margin:3px 0px 10px 10px}

.scriptlet {
	border:1px dotted #f63;
	background: #fff;
	padding:10px;
	margin: 1em;
}

.hot {
	color:#f60;
	background-color:inherit;
}

/* links definitions */

#toplinks a:link, #toplinks a:visited {
	font-size:12px; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	text-decoration:none; 
	color:#f63;
	background-color:inherit;
}
#toplinks a:hover {
	color: #c33; 
	background-color:inherit;
	text-decoration:underline;
}	

a:link, a:visited, a:active {
	color: #33c;
	background-color:inherit;
}
a:hover {
	color: #c33;
	background-color:inherit;
}
a.footer { text-decoration:none;}
a.footer:link, a.footer:visited, a.footer:active { color:#000; background-color:inherit; }
a.footer:hover { color:#fff; background-color:inherit; }

#current:link, a.current:visited, a.current:active {color:#fff; background-color:inherit;}

/* rollover sidebar menu */
#navcontainer {
	padding-left:25px;
}

ul#navlist {
	width: 168px;
	\width: 170px;
	w\idth: 168px;
	padding: 0px;
	border: 1px solid #808080;
	border-top: 0px;
	margin: 0px;
	font: bold 12px helvetica,arial,sans-serif;
	background-color: #616969;
}
ul#navlist li {
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #808080;
}
ul#navlist li a {
	display: block;
	width: 132px;
	\width: 168px;
	w\idth: 132px;
	padding: 4px 8px 4px 8px;
	border: 0px;
	border-left: 20px solid #A2BE4F;
	background-color: #E8F5C0;
	text-decoration: none;
	text-align: right;
}
ul#navlist li a:link { color: #000; }

div#navcontainer li a:visited { color: #000; }

ul#navlist li a:hover {
	border-color: #f90;
	color: #fff;
	background-color: #568200;
}

#active a:link, #active a:visited, #active a:hover {
	border-color: #f90;
	color: #ccc;
	background-color: #A2BE4F;
}

#current a{
	color:#ccc;
}
img {
	border:none;
}

/* floated images */
.header_floatright {
	float: right;
	margin: 10px 6px 2px 0px;
	padding: 2px;
}
.floatright {
	float: right;
	margin: 0px 0px 2px 6px;
	padding: 2px;
}
.floatleft {
	float: left;
	margin: 0px 6px 2px 0px;
	padding: 2px;
}

/* form elements style */
.submit {
	color:#000;
	background-color:#86B300;
	border:1px solid #000;
	font-weight:bold;
}
input,select,textarea {
	border:1px solid #86B300;
	color:#000;
	background-color:#fff;
	background-image:url(../images/input-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;

}
fieldset {
	border: #86B300 solid 1px;
	padding-bottom:10px; 
	padding-top:0px; 
	margin-top:10px;
	margin-left:10px;
}
legend {
	background: #86b300;
	border: #86B300 solid 1px;
	padding: 1px 10px;
	font-weight:bold;
	color:#fff;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
}
fieldset { margin-left:20px; padding-bottom:10px; padding-top:5px; margin-top:0px; }

/* forms layout formatting */

.hand { 
	cursor: pointer;
}

div.form-row {
	clear: both;
	padding-top: 10px;
}

div.form-row span.labl {
	float: left;
	width: 10em;
	text-align: right;
}

div.form-row span.formw {
	float: right;
	width: 20em;
	text-align: left;
} 

div.spacer {
	clear: both;
}

abbr, acroynm, .help {
	border-bottom: 1px dotted #3f3;
}
.help { cursor:help;}

/* the old clear floats trick */
.clear_float{clear:both; overflow:hidden; font-size:1px;}


/* fix the IE 3 pixel jog problem - or use a standards-compliant browser */
/* hide from MacIE \*/
* html #left {
  margin-right: -3px;
  } 
* html #content {
  height: 1%; /* this line is needed only if you have not declared a width or height on #content above */ 
  margin-left: 0;
}
/* end hide */

/* printer-friendly stuff */
.print_only {
	display: none;
}
.pagelink { 
	border:1px solid #003; 
	background-color:#cfc;
}
a.pagelink { 
	text-decoration:none;
}
.social {border : 1px dotted #aaa; padding : 2px; margin:2px;}