@import "/c/guestbook.css";

body {
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #eee url('/i/atorg.jpg') 5px 2px no-repeat;
	color: #000;
}


.clearing { clear: left; }

#header { background: transparent url(/i/blackfadetop.png) bottom left repeat-x; color: #224; text-align: right; }
#header h1.title { margin: 0; border: 0; padding: 0; padding-right: 130px;}
#header h2.title { margin: 0; border: 0; padding: 0; padding-right: 130px;}
#header h3.title { margin: 0; border: 0; padding: 0; padding-right: 130px;}

#printed { display: none; }

#navbar { background: transparent url(/i/blackfadetop.png) repeat-x; margin: 0; padding: 4px; border: 0;}
#navbar form.search p { display: inline; }
#navbar ul { margin: 0; padding: 0; border:0; }
#navbar ul li {
	background: transparent url(/i/whitefade.png);
	margin: 0; padding: 0; border:0;
	padding: 0.1em 0.5em;
	border: 1px outset #708ff1;
	list-style: none;
	display: inline;
}

#navbar ul li a { color: #224; font-weight: bold; text-decoration: none;}
#navbar ul li a:hover { color: #fff;  }
#navbar ul li:hover { color: #fff; background: #708ff1; border: 1px inset #1967ff; }
#navbar ul li:hover a { color: #fff; }

body[id="home"] #navbar ul li.navhome { border: 1px inset #1967ff !important; }
body[id="members"] #navbar ul li.navmembers { border: 1px inset #1967ff !important; }
body[id="projects"] #navbar ul li.navprojects { border: 1px inset #1967ff !important; }
body[id="stats"] #navbar ul li.navstats { border: 1px inset #1967ff !important; }
body[id="contact"] #navbar ul li.navcontact { border: 1px inset #1967ff !important; }
body[id="guestbook"] #navbar ul li.navgb { border: 1px inset #1967ff !important; }

#youarehere { background: transparent url(/i/blackfadetop.png) bottom left repeat-x; margin: 0; padding: 4px; border: 0; font-size: 50%; }
#youarehere a { color: #5bf; font-weight: bold; text-decoration: none;}
#youarehere a:before { content: " -> " ;}
#youarehere a:hover { color: #569; background: transparent;}


#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: #000; 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; }

#outer_wrapper {
	background: transparent url(/i/blackfadetop.png) top left repeat-x;
}
#container {
	background: transparent url(/i/whitefade.png) top left;
}
#welcomenotice {
	margin-top: 1em;
	margin-left: 1em;
	padding: 0 0.5em;
	font-size: smaller;
	text-align: justify;
	border: 1px #708ff1 solid; border-top: 0; border-bottom: 0;
	background: transparent url(/i/whitefade.png) top left;
}
#welcomenotice h1 { font-size: 100%;
  border-bottom: 1px #708ff1 solid;
  border-top: 1px #708ff1 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; 
	margin-top: 1em;
	background: transparent url(/i/whitefade.png);
}

#content img.netstat { width: auto; }

#content a { color: #000; text-decoration: none; }
#content a:hover { color: #444; text-decoration: underline; }
#content a:visited { color: #222; }

#content h1, #content h2, #content h3 {
	font-size: 115%;
	border-bottom: 2px #708ff1 solid;
	border-left: 1px #708ff1 solid;
	padding: .2em;
}

#footerwrapper { clear: both; 
	background: transparent url(/i/blackfadebottom.png) top left repeat-x;
}
#footer { color: #708ff1; font-size: smaller; text-align: center; }
#footer a { color: #708ff1; 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');
}