/* general use */

body { 
	margin-top:0px;
  margin-left:0px;
	text-align:center;
	background-color:#EEE;
	font-family:Georgia, serif;
	font-size:16px;
	font-weight:normal; }

.container { 
	position:relative;
	margin:0px auto;
	padding-bottom:30px;
	width:950px;
	text-align:left;
	background-color:#EEE; }

.titletext { 
  margin:10px 0px 0px 0px;
	color:#0000CC;
	font-size:36px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	text-shadow: 2px 2px 2px #999;}

.contentbox {
  margin:15px 0px;
	padding:20px;
	height:1%;
	border:1px #999999 solid;
	background-image: url('/images/gadgets/gradient.jpg');
	background-repeat: repeat-x; 
 	color:#000;
	background-color:#FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	box-shadow: 3px 3px 8px #999; }

.contentbox p { text-align:justify; }
.contentbox li { text-align:left; }

.nav ul {
  position:relative;
	display:table;
	margin:0px auto;
	padding:15px 0px 10px 0px;
	height:35px;
	list-style:none;
	white-space:nowrap;
	list-style:none;
	background:#EEE;
	font-size:12px; }
.nav li {display:table-cell; margin:0; padding:0; }
.nav li a {
  display:block;
	float:left;
	padding:0px 0px 0px 10px;
	height:35px;
	line-height:30px;
	color:#333;
	text-decoration:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	background:url('/images/buttons/inactive_end.gif') no-repeat; }
.nav li a b {
  float:left;
	display:block;
	background:url('/images/buttons/inactive_body.gif') no-repeat right top;
	padding:0px 18px 5px 8px; }
.nav li.current a {color:#fff; background:url('/images/buttons/current_end.gif') no-repeat;}
.nav li.current a b {background:url('/images/buttons/current_body.gif') no-repeat right top;}
.nav li a:hover {color:#fff; background: url('/images/buttons/active_end.gif') no-repeat;}
.nav li a:hover b {background:url('/images/buttons/active_body.gif') no-repeat right top;}
.nav li.current a:hover {color:#fff; background: url('/images/buttons/current_end.gif') no-repeat; cursor:default}
.nav li.current a:hover b {background:url('/images/buttons/current_body.gif') no-repeat right top;}

.contentbox .nav ul {
  position:relative;
	display:table;
	margin:0px auto;
	padding:15px 0px 10px 0px;
	height:35px;
	list-style:none;
	white-space:nowrap;
	list-style:none;
	background:#FFF; 
	font-size:12px; }

A { text-decoration:none; color:#3366FF; }
A:visited { text-decoration:none; color:#3366FF; }
A:hover { text-decoration:none; color:#0033FF; background-color:#CCFFCC; }

A.none { text-decoration:none; }
A.none:visited { text-decoration:none; }
A.none:hover { text-decoration:none; background-color:#EEEEEE; }

.headline { font-weight:bold; font-size:18px; }

.smheadline { font-weight:bold; }

.small { font-weight:normal; font-size:10px; }

.frame { border:7px #999999 solid; }

.headertext { font-family: Tahoma, Arial, sans-serif; font-size: 12px; }

.lightbar { background-color:#E8F0E8; }
.darkbar { background-color:#DDF0DD; }
.rowheader { color:#FFFFFF; background-color:#464646; }

span.disposed { color:#808080; }
span.missing { color:#C00000; }
	
.navcurr A { text-decoration: none; color:#000000; }
.navcurr A:visited { text-decoration: none; color:#000000; }
.navcurr A:hover { text-decoration: none; color:#000000; background:none; }


/* home page */

div#adimage { margin:20px 50px 0px 50px; }

div#titleimage { margin:20px 0px 0px 0px; }

div#eventbox {
  float:left;
	margin:15px 0px 0px 0px;
  padding:10px;
	height:1%;
	width:268px;
	border:1px #999999 solid;
	background-image: url('/images/gadgets/gradient.jpg');
	background-repeat: repeat-x;
	color:#000;
	background-color:#FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	box-shadow: 3px 3px 8px #999;
	text-align:left; }

div#introtextbox { 
	float:left;
	margin:15px 0px 15px 10px;
	padding:10px;
	height:1%;
	width:596px;
	border:1px #999999 solid;
	background-image: url('/images/gadgets/gradient.jpg');
	background-repeat: repeat-x; 
 	color:#000;
	background-color:#FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	box-shadow: 3px 3px 8px #999;
	text-align:justify; }
	
#introtextbox .nav ul {
  position:relative;
	display:table;
	margin:0px auto;
	padding:15px 0px 10px 0px;
	height:35px;
	list-style:none;
	white-space:nowrap;
	list-style:none;
	background:#FFF;
	font-size:12px; }

div#clearskybox {
  clear:both;
	margin:0px 0px 15px 0px;
	padding:20px;
	height:1%;
	text-align:center;
  background-color:#000;
	-moz-border-radius: 15px;
	-webkit-box-shadow: 3px 3px 8px #666;
	-moz-box-shadow: 3px 3px 8px #666;
	box-shadow: 3px 3px 8px #666;
	border-radius: 15px; }

A.clearsky { text-decoration:none; color:#000; background-color:#000;}
A.clearsky:visited { text-decoration:none; color:#000000; background-color:#000; }
A.clearsky:hover { text-decoration:none; color:#000; background-color:#000; }

.footer { text-align:center; font-size:12px; }


/* Newsletter */

.yearheader { margin-left: 100px; font-weight: bold; font-size: 18px; }


/* Calendar */

div#calendar { text-align:center; }


/* Maps */

.mapdata { 
  float:left;
	margin:0px;
	height:1%;
	width:290px; }

.mapcanvas {
  margin-left:310px;
	width: 590px;
	height: 450px;
	border:4px #999999 solid; }


/* Admin */

.adminnav {
  float:left;
	margin:15px 0px 0px 0px;
  padding:20px;
	height:1%;
	width:148px;
	border:1px #999999 solid;
	background-image: url('/images/gadgets/gradient.jpg');
	background-repeat: repeat-x;
	color:#000;
	background-color:#FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	box-shadow: 3px 3px 8px #999;
	text-align:left; }

.admincontent {
	float:left;
	margin:15px 0px 0px 10px;
	height:1%;
	padding:20px;
	width:696px;
	border:1px #999999 solid;
	background-image: url('/images/gadgets/gradient.jpg');
	background-repeat: repeat-x; 
 	color:#000;
	background-color:#FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	box-shadow: 3px 3px 8px #999;
	text-align:justify; }

.admincontent .nav ul {margin:0 auto; padding:15px 0px 10px 0px; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#FFF; font-size:12px;}

.handled { text-align:center; font-weight:bold; font-size:14px; color:#000000; background:#FFFFFF; border:4px #00FF00 solid; }

.deleted { text-align:center; font-weight:bold; font-size:14px; color:#000000; background:#FFFFFF; border:4px #FF0000 solid; }

.example { font-family:Arial, Helvetica, sans-serif; }

.rem { text-align:center; font-weight:bold; font-size:12px; padding:4px; color:#000000; background:#FFFFFF; border:4px #00FF00 solid; }

.inactive { color: #999999; }

/* Request Form */

form.req {
  margin: 0;
  padding: 0 0 0 100px;
  width: 700px; }

form.req fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0; }

form.req fieldset legend {
  font-weight:bold;
	font-size:18px;
	color: #000000; 
  margin: 0 0 0 20px;
  padding: 0 10px; }

label {
  font-size: 80%; }

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #000000; }

textarea {
  overflow: auto; }

form.req div {
  clear: left;
  display: block;
  width: 384px;
  zoom: 1;
  margin: 5px 0 0 0px;
  padding: 1px 3px; }

form.req fieldset div.notes {
  float: right;
  width: 160px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #e6f0ff;
  color: #666666;
  font-family: Tahoma, Arial, sans-serif;
	font-size: 12px; }

form.req fieldset div.notes h4 {
  background-image: url(/images/gadgets/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-weight: bold; }

form.req fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
	text-align: left; }

form.req fieldset div.notes p.last {
  margin: 0em; }

form.req div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 227px; }

form.req div fieldset legend {
  font-size: 80%;
  padding: 0 3px 0 9px; }

form.req div.required fieldset legend {
  font-weight: bold; }

form.req div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right; }

form.req div.optional label, label.optional {
  font-weight: normal; }

form.req div.required label, label.required {
  font-weight: bold; }

form.req div label.labelCheckbox, form.req div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left; }

form.req div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0; }

form.req div fieldset label.labelCheckbox, form.req div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 190px; }

form.req div select, form.req div textarea {
  width: 230px;
  padding: 1px 3px;
  margin: 0 0 0 0; }

form.req div input.inputText, form.req div input.inputPassword {
  width: 230px;
  padding: 1px 3px;
  margin: 0 0 0 0; }

form.req div input.inputCheckbox, form.req div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 20px; }

form.req div small {
  display: block;
  text-align: left;
	margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 70%;
  zoom: 1; }