html {
     height:100%;
     margin:0;
}
body {
     background:#feffef;
     height:100%;
     margin:0;
}
a:link {color: #0000ff; text-decoration: underline;}
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008800; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { 
     color: #0000ff;
     text-align: center; 
}
hr {
     clear:both;
}
p {
     line-height:1.2em;  
     margin-left: 10%; 
     margin-right: 10%;
     text-align: left;
     font-family:sans-serif;
}
fieldset {
     background:#ffffff;
     line-height:2em;
     margin:auto;
     padding:5em;
     width:50%;
}
label{
clear:both;
float: left;
font-weight: bold;
}
input{
     float:right;
     margin-bottom: 5px;
}
textarea{
     float:right;
     margin-bottom: 5px;
}
#submitbutton{
     margin-left: 120px;
     margin-top: 5px;
     width: 90px;
}
.add{
     background-color:#fefedd;
     border:1px solid #eeeebb;
     margin-left: 12%; 
     margin-right: 12%;
     padding:1.5em;
}
img.center { /*ie5 hack*/
     display: block;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
}
.left {
     display: block;
     margin-left: 5px;
     margin-right: auto;
}
.right {
     display: block; 
     margin-left: auto;
     margin-right: 5px;
}
.floatl {
     float:left;
     margin:5px;
}
.floatr {
     float:right;
     margin:5px;
}
.hidden {
     visibility:hidden;
}
#header{
     height:200px;
     margin:0;
}
#header h1 {
     height:140px;
}
#header ul li {
     display:inline;
}
#front-header{
     height:180px;
     width:99%;
     position:absolute;
     top:0;
     z-index:0;
}
#background {
     height:180px;
     width:99%;
     position:absolute;
     top:0;
     z-index:1;
}
#navigation {
     width:90%;
     margin-left:5%;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 5em;
	/* width needed or else Opera goes nuts */
}

#nav li {
     text-align:center;
     color:#0000ff;
     font-weight:bold;
     font-size:1.5em;
}
#navigation #nav li ul li {
     width: 20em;
     text-align:left;
     color:#0000ff;
     font-weight:bold;
     font-size:0.67em;
}
#nav li ul li a {
     padding: 10px;
     
     width: 15em;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fefeff;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:3;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
     clear:both;
     margin:0;
     min-height:100%;
     width:98%;
     position:relative;
     padding-left:10px;
}
* html #content {
height:100%;
}
#left {
     float:left;
     position:relative;/*ie needs this to show float */
     text-align:center;
     /*z-index:100;*/
     width:30%;
}
* html #left {margin-right:-3px;}/*fix gap in ie next to float - 3 pix jog*/
#left p {padding-left:3px;padding-right:2px}
#right {
     float:right;
     position:relative;/*ie needs this to show float */
     text-align:center;
     width:30%;
}
* html #right {margin-left:-3px;}/*fix gap in ie next to float - 3 pix jog*/
#right p {padding-left:3px;padding-right:2px}
#center {
     margin-left:30%;
     margin-right:30%;
     padding-top:1px;
     position:relative;
     text-align:center;
     z-index:1;
}
#footer {
     clear:both;
     height: 50px;
     margin-bottom: 20px;
     margin-left: 10%; 
     margin-right: 10%;
     margin-top: 20px;
     position: relative;
     text-align:center;
}
#nogo a{
     display:none;
}