body { 
  display: block;
  margin: 5px 15px;
  font-family: Verdana, Arial, sans-serif;
  line-space: 1.2em;
  color: black;
	font-size: 9pt;
	font-color: black;
	text-align: left;
	background-color: white;
	background-image: url('/images/navydash.gif');
	background-repeat: repeat-y;
}

table {
  font-size: 100%;
	border-collapse: collapse;
	margin: 0px;
}
input { font-size: 110%; white-space: wrap; }
textarea, li { font-size: 100%; }
form { margin: 0px; }
ul li { list-style-type: disc;  }

b, strong, h1, h2, h3, h4 { font-weight: bolder; margin-top: 2px; margin-bottom: 2px; }
h5, h6 { font-weight: normal; margin-top: 2px; margin-bottom: 2px; }

pre, tt, code { white-space: pre; font-family: "Lucida Console", "Courrier New", monospace; font-size:110%; }

hr { background-color:transparent; color:#000000; height:1px; }

a:link > img, a:visited > img, a:active > img { border: none; }

a { color: navy; text-decoration: none; }
a:hover { color: #009900; }
a:active { color: #CC3333; }

img { border: 0px; border-color: black; }

h1 { font-size:200%; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:90%; }
h6 { font-size:80%; }

.show { visibility: visible; }
.hide { visibility: hidden; }
.bold { font-weight: bold; }
.block { display: block; }
.none { display: none; } 
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }
.aligncenter { text-align: center; }
.alignmiddle { vertical-align: middle; }
.left { text-align: left; padding-left: 5px; }
.right { text-align: right; padding-right: 5px; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.small { font-size: 80%; }
.border { border: 1px solid black; }
.double { border: 2px solid black; }
.padded, .padded td { padding: 4px; }
.pad { padding: 4px; }
.margin { margin: 10px; }
.white { background-color: white; }
.maroon { color: maroon; }
.green { color: green; }
.gray { background-color: #dddddd; }
.indent { padding-left: 20px; }
.occupy { width: 100%; }
.half { width: 50%; }
.nowrap { white-space: nowrap; }
.nobr { white-space: nowrap; }
.pre { white-space: pre; }
.tall { height: 100%; }
.big { font-size: 120%; }
.small { font-size: 80%; }
.smaller { font-size: 70%; }
.bigger { font-size: 130%; }
.link { cursor: pointer; }
.inline { display: inline; }
.w50 { width: 50px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }

.greenbox {
  background-color: #DDFFDD;
	border: 1px solid green;
	padding: 10px;
}

.yellowbox {
  background-color: #FFFFDD;
	border: 1px solid yellow;
	padding: 10px;
}

.redbox {
  background-color: #FFDDDD;
	border: 1px solid red;
	padding: 10px;
}

table.calendar { margin: 3px; color: black; font-size: 9px; border: none; }
table.calendar td { padding: 1px; text-align: center; border: none; white-space: nowrap; }
table.calendar td.month { font-size: 12px; border: 1px solid black; border-style: none none solid; }
table.calendar td.today { padding: 0px; border: 1px solid black; color: black; }
table.calendar td.weekend { color: gray; }

div { background: transparent; margin: 0px; padding: 0px; }
table.survey { padding: 5px; margin: 5px; border: 1px solid black; }
table.survey td { padding: 2px; } 

table.menu td.option {
  border: 1px black;
  border-style: solid none none solid;
  padding: 0px;
  padding-left: 5px;
  margin: 0px;
  background: white;
}

table.borders, table.borders td {
  border: 1px solid black;
}

input.gray {
 border: 1px solid black;
 background-color: white;
 background-image: url('/icons/grayfade.gif');
 background-repeat: repeat-x;
 color: black;
}

#red { color: #009900; }
#navy { color: navy; }
 
table.menu td.spacer {
  border: 1px black;
  border-style: none;
  padding: 0px;
  margin: 0px;
  background: transparent;
}

fieldset {
 display: block;
 border: 1px solid black;
 padding: 8px;
 clear: both;
 width: auto;
}
fieldset.comic {
 display: inline;
 border: 2px solid black;
 padding: 10px;
 clear: both;
 width: auto;
}
legend {
 font-size: 110%;
 font-weight: bold;
 padding: 5px 2px;
 color: black;
}
legend img { vertical-align: middle; }

div.title { background: #c0c0c0; color: white; padding: 5px; white-space: nowrap;
 border: 1px solid navy; border-bottom: none; height: 60px; }
div.menu { background: navy; color: white; padding: 5px 2px; white-space: nowrap;
 border-bottom: 2px solid #CC3333; }
div.menu a { padding: 4px 6px 6px; text-decoration: none; color: white; white-space: nowrap; }
div.menu a:hover { background: url('/images/redfade.jpg') no-repeat top left; color: white; }
div.menu a:active { background: url('/images/redfade.jpg') no-repeat tope left; color: white; }
div.menu a.page { background: url('/images/redfade.jpg') no-repeat top left; color: white; font-weight: bold; }
div.submenu { background: white; padding: 5px 2px; clear: right; }
div.submenu a { border-top: 1px solid gray; border-left: 1px solid gray; text-decoration: none; color: black;
 padding: 2px 5px; margin: 0px; float: left; white-space: nowrap; background: url('/icons/grayfade.gif') repeat-x; }
div.submenu a:hover { background: url('/icons/greenfade.gif') repeat-x top; color: black; }
div.submenu a:active { background: url('/icons/greenfade.gif') repeat-x top; color: black; }
div.submenu a.page { background: url('/icons/greenfade.gif') repeat-x top; color: black; font-weight: bold; }
div.submenu a.subpage { background: navy; color: black; font-weight: bold; border-color: #353C91; }

div.rss { border: 1px dashed black; padding-right: 10px; }
div.rss ul { margin: 10px 20px; padding: 0px;  }
div.rss li { list-style-type: none; }
div.floater {
  border: 1px dashed gray;
  padding: 5px;
  margin: 5px;
  display: block;
  float: left;
}
div.w800 { width: 800px; border: none; }

.blog_head {  }
.blog_desc { margin: 0px; }
.blog_topic { margin: 0px; border-left: 1px solid black; border-top: 1px solid black;
  background-image: url('/icons/grayfade.gif'); background-repeat: repeat-x; padding: 5px; }
.blog_body { margin: 0px; border-left: 1px solid black; padding: 0px 10px 10px 20px; }
.blog_foot { margin: 0px; border-left: 1px solid black; padding: 0px 10px 0px 20px; color: gray; font-size: 80%; }

div.plinks {
  position: absolute;
	left: 850px;
	top: 10px;
	width: auto;
	border: 1px solid black;
	padding: 4px;
}

div.prevwindiv {
  display: block;
	position: absolute;
	left: -1000px;
	top: 100px;
	z-index: 100;
	background-color: white;
}

table.prevwintable {
  margin: 5px;
	border: 3px double black;
	background-color: white;
}

table.prevwintable td {
  padding: 4px;
}

table.prevwintable thead {
  background: url('/icons/grayfade.gif') top left repeat-x;
	font-size: 120%;
	font-weight: bold;
	vertical-align: center;
	white-space: nowrap;
	text-align: left;
}

table.prevwintable thead td {
	border-bottom: 1px solid black;
	white-space: nowrap;
}

.textfield {
  border: none;
	border-bottom: 1px solid black;
	background: none;
	background-color: #eeeeee;
	padding-left: 5px;
	padding-right: 5px;
}

.passfield {
  border: none;
	border-bottom: 1px solid black;
	background: none;
	background-color: #eeeeee;
	padding-left: 5px;
	padding-right: 5px;
}

.button {
  border: 1px solid black;
	background-color: white;
	background-image: url('/icons/grayfade.gif');
	background-position: top;
	background-repeat: repeat-x;
	font-size: 110%;
	font-weight: bold;
	padding: 3px;
	padding-top: 5px;
}

@media print {
div.w800 { width: 100% !important; }
div.plinks { display: none; }
div.prevwindiv { display: none; }
}