#sidebar { position: absolute; top: 0px; left: 0px; width: 222px; }
#sidebarhead { position: relative; width: 222px; height: 217px; background: url('/images/sidebarhead.jpg'); }
/* modify the height of sidebarback to make the sidebar shorter/longer */
#sidebarback { position: relative; width: 222px; background: url('/images/sidebarback.jpg'); }
#sidebartail { position: relative; width: 222px; height: 100px; background: url('/images/sidebartail.gif'); }

#nav { position: relative; top: -30px; padding-left: 25px; width: 170px; }
.menu { position: relative; top: 0px; left: 0px; }
.menu ul { margin: 0; padding: 0; }
.menu li { display: inline; list-style: none; margin: 0; padding: 0; border: none; }
.menu div { 
  margin-bottom: 2px; padding: 0; border-width: 1px; border-style: solid;
  border-top-color: #eee; border-right-color: #999; border-bottom-color: #999; border-left-color: #eee;
}
.menu div.menuadmin { 
  border-top-color: #def; border-right-color: #69f; border-bottom-color: #69f; border-left-color: #def;
}
.menu div.menusel { 
  border-top-color: #fc6; border-right-color: #930; border-bottom-color: #930; border-left-color: #fc6;
}
.menu li a {
  display: block; padding: 2px 2px 3px 20px; margin: 0; width: 146px; background-color: #ccc;
  font: 11px verdana, helvetica, sans-serif; font-weight: bold; color: #000;
}
.menu li a:link { text-decoration: none; color: #000; background-color: #ccc; }
.menu li a:active { text-decoration: none; color: #000; background-color: #ccc; }
.menu li a:visited { text-decoration: none; color: #000; background-color: #ccc; }
.menu li a:hover { text-decoration: none; color: #000; background-color: #ddd; }

.menu li a.menuadmin:link { text-decoration: none; color: #000; background-color: #acf; }
.menu li a.menuadmin:active { text-decoration: none; color: #000; background-color: #acf; }
.menu li a.menuadmin:visited { text-decoration: none; color: #000; background-color: #acf; }
.menu li a.menuadmin:hover { text-decoration: none; color: #000; background-color: #bdf; }

.menu li a.menusel:link { text-decoration: none; color: #fff; background-color: #f60; }
.menu li a.menusel:active { text-decoration: none; color: #fff; background-color: #f60; }
.menu li a.menusel:visited { text-decoration: none; color: #fff; background-color: #f60; }
.menu li a.menusel:hover { text-decoration: none; color: #fff; background-color: #f80; }

.submenu { position: absolute; top: 0px; left: 172px; display: none; }

#auth { position: relative; top: -20px; left: 35px; width: 150px; }
#auth div.label {
  float: left; width: 60px; padding: 5px 2px 0px 0px; margin-bottom: 3px;
  font-size: x-small; color: #fff; text-align: right;
}
#auth div.input { float: right; text-align: left; width: 85px; padding-left: 2px; margin-bottom: 5px; } 
.authinput { width: 80px; background-color: #666; color: #fff; border: 1px inset #fff; }
#authtext { width: 100%; text-align: center; font-size: x-small; color: #fff; }

#masthead { position: absolute; top: 21px; left: 178px; }
#masthead-title {
  position: absolute; top: 0px; left: 0px; width: 500px; height: 30px;
  background: url('/images/masthead.gif'); 
}
#masthead-text {
  position: absolute; top: 17px; left: 65px; width: 500px;
  font-family: verdana; font-size: 12px; color: #999;
}
#masthead-text a:link { text-decoration: none; color: #999; }
#masthead-text a:active { text-decoration: none; color: #999; }
#masthead-text a:visited { text-decoration: none; color: #999; }
#masthead-text a:hover { text-decoration: none; color: #666; }

#textframe {
	position: absolute;
	top: 57px;
	left: 0px;
	margin: 0;
	width: 99%;
}

#textbody { 
	margin: 0px 0px 0px 227px;
	padding-right: 10px;
	font: small verdana, arial, helvetica, sans-serif;
	color: #000;
}

#tailtxt {
  font-style: italic; color: #aaa; margin: 0; padding: 0px 0px 1px 0px;
  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
#tailtxt a:link { text-decoration: underline; color: #fa6; }
#tailtxt a:active { text-decoration: underline; color: #fa6; }
#tailtxt a:visited { text-decoration: underline; color: #fa6; }
#tailtxt a:hover { text-decoration: underline; color: #fc9; }
#tailimg { float: right; margin: 0; padding: 0; }
#tailcopyright { clear: right; float: right; font-size: 10px; color: #666; margin: -19px 8px 0px 0px; }