body {
	margin: 0; padding: 0;
	font-family: uncial,Verdana, sans-serif;
	background: #fff url('/i/bg.jpg') no-repeat;
	color: #000;
}

.clearing { clear: left; }

#header { width: 100%; height: 171px; }
#header h1.title {
	margin: 0; border: 0; padding: 6em 0 0 3.0em;
	font-size: 120%;
}
#header h2.title {
	margin: 0; border: 0; padding: 0 0 0 3.5em;
	margin-top: .1em; font-size: 100%;
}
#header h3.title {
	margin: 0; border: 0; padding: 0 3em .5em 0 ;
	margin-top: .1em; font-size: 90%;
	text-align: right;
}

#printed { display: none; }


#navbar { margin: 0; padding: 0; border:0; margin-top: 20px; }
#navbar form.search p { display: inline; }
#navbar ul { margin: 0; padding: 0; border:0; }
#navbar ul li {
	margin: 0; padding: 0; border:0;
	padding: 0 0.5em;
	border-left: 1px solid #89c;
	border-right: 1px solid #89c;
	list-style: none;
	display: inline;
}

#navbar ul li a { color: #000; font-weight: bold; text-decoration: none;}
#navbar ul li:hover { color: #fc0; background: #569; border-left: 1px #fff solid; border-right: 1px #fff solid; }
#navbar ul li:hover a { color: #fc0; background: #569; }

#navbar ul li.navbarselect { color: #fff; background: #047; }
#navbar ul li.navbarselect a { font-size: smaller; color: #fff; background: #047; font-weight: bold; text-decoration: none;}
#navbar ul li.navbarselect:hover { color: #89c; background: #fff;}
#navbar ul li.navbarselect:hover a { color: #89c; background: #fff;}
#navbar ul li form input.subm:hover  { color: #fff; background: #569;}

#navbar ul li form { display: inline;  font-weight: bold; text-decoration: none;}
#navbar ul li form input[type=text] { font-size: smaller; border: 1px #aaa dotted; margin: 0; padding: 0; }
#navbar ul li form input[type=submit],input.subm { border: 0; margin: 0; padding: 0; background: #89c; color: #fff; font-weight: bold; text-decoration: none; }
#navbar ul li form input.subm { border: 0; margin: 0; padding: 0; background: #89c; color: #000; font-weight: bold; text-decoration: none; }

#youarehere { margin: 12px 0; padding: 0 0 0 10px; border:0; }
#youarehere a { color: #000; font-weight: bold; text-decoration: none;}
#youarehere a:before { content: " -> " ;}
#youarehere a:hover { color: #569; background: #fc0;}


#submenucontainer { float: left; width: 12em; text-align: right; }

#submenucontent { border-right: 4px #aaa ridge; }

#submenucontent p {
	margin: 0; padding: 0; border: 0;
	padding-bottom: 0.5em; padding-right: 2em;
	border-bottom: 1px #fff solid;
	color: #fff; font-weight: bold; text-decoration: none;
}
#submenucontent ul { margin: 0; padding: 0; border: 0; display: block; }
#submenucontent ul li {
	list-style: none; margin: 0; border: 0; padding: 0.3em 2em;
	background: #028;
}
#submenucontent ul li a {
	color: #888; font-weight: bold; text-decoration: none;
}
#submenucontent ul li a:hover { color: #e60;  }
#submenucontent ul li:hover { color: #e60; }

#submenucontent ul li.select {
	list-style: none;
	margin: 0; border: 0;
	padding: 0 !important;
	padding: 0.3em 0em 0 0!important;
	border-top: 1px #888 solid;
	border-bottom: 2px #fff solid;
}
#submenucontent ul li.select a {
	padding: 0.3em 2em;
	color: #888!important;
}
#submenucontent ul li ul { padding: 0; 	border: 0px; }
#submenucontent ul li.select ul li {
	padding: 0.1em 2em;
	border-bottom: 0 !important;
	border-top: 1px #888 solid;
}
#submenucontent ul li.select ul li a {
	padding: 0 !important;
	color: #ddd !important;
}
#submenucontent ul li.select ul li a:hover { color: #fff!important;  }
#submenucontent ul li.select ul li:hover { color: #fff!important; }

#welcomenotice {
	margin-top: .3em;
	margin-left: .3em;
	padding: 1.0em;
	font-size: smaller;
	text-align: justify;
	background: transparent url('/i/alpha50percent.png');
	border: 4px #aaa ridge;
}
#welcomenotice h1 { font-size: 100%; color: #446; background: transparent url('/i/alpha50percent.png');
  border-bottom: 1px #aaa solid;
  border-top: 1px #aaa solid;
	margin: 1px 0;
	padding: 4px 0;
}
#welcomenotice a img { border: 0; cursor: help; }

#content { margin-left: 1em; padding: .5em; text-align: justify; max-height: 750px; max-width: 1000px; overflow: auto; }

#content img.netstat { width: auto; }

#content a { color: #000; }
#content a.visited { color: #224; }
#content h1, #content h2, #content h3 { font-size: 100%; border: 2px #ccc outset; background: transparent url('/i/alpha50percent.png'); padding: .2em; }

#footerwrapper { clear: both; }
#footer { color: #888; font-size: smaller; text-align: center; }
#footer p span { background: transparent url('/i/alpha50percent.png'); }
#footer a { color: #888; text-decoration: none;}

#content div.history {
	font-family: verdana !important; background: #90d58f url('/i/computerscreen.png') !important;
	border: 3px #ccc inset; padding: 1em; font-size: small;
}
#content div.history h1 { border: 0 !important; font-size: 110%; text-align: center; }
#content div.history h2 { border: 0 !important; font-size: 105%; text-align: center; }
#content div.history table tbody tr td { vertical-align: top; text-align: left; }

#toocoolforie a {
	position: fixed;
	bottom: 0; right: 0;
	width: 80px; height: 80px;
	background: transparent url('/i/too_cool.png');
}