body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#start {
	background: url(images/carved.gif);
	text-align: center;
}
/* Tantek's Hack for unique font sizes in all browsers */
p {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top: 6px;
	margin-bottom: 3px;
	font-size: small;
}
html>p {
	font-size: small;
}
/* Structure of site layout - Definition of boxes */
#center {
	margin: auto;
	text-align: center;
	padding: 0px;
	width: 820px;
	height: 100%;
	background-color: #fff;
	position: relative;
}
#left {
	text-align: left;
border-right: 1px solid black;
}
#top_part {
	top: 0px;
	left: 0px;
	width: 820px;
	position: absolute;
	height: 80px;
        background-color: transparent;
        border-bottom: 1px solid black;
}
#content {
	top: 81px;
	left: 0px;
	width: 820px;
	position: absolute;
        background-color: transparent;
	height: 100%;
}
#middle_part {
	left: 0px;
	width: 820px;
	background-color: #fff;
	position: absolute;
}
#middle_left {
	float: left;
	width: 220px;
        background-color: #fff;
	height: 100%;
	text-align: left;
}
#middle_top_left { background: url(http://metta.spencer.name/images/66CCCCFFFFFFgradient.jpg) top left repeat-y; }
#middle_middle {
	float: right;
	width: 589px;
        border-left: 1px solid #000;
        padding-left: 4px;
        background-color: #fff;
 	height: 100%;
}
#bottom_part {
	clear: both;
	width: 820px;
	height: 40px;
        border-top: 1px solid #000;
	background-color: #fff;
}
/* End of Main Boxes --------------- */
/* --------------------------------- */
/* Start of the 3D-CSS-indent Buttons -------- */
/* If you use 3D-CSS-indent buttons, comment out the 3D-CSS-non-indent Menu and Text Menu, or vice versa */
/*
#mainmenu {
	margin: 30px 2px 20px 10px;
	font-size: 85%;
	font-weight: bold;
}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.submenu,ul.search {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.menulevel2 {
	font-size: 90%;
}
ul.menulevel3 {
}
ul.menulevel1 li.doc a:link, ul.menulevel1 li.doc a:visited, ul.menulevel1 li.doc a:focus, ul.menulevel1 li.docs a:link, ul.menulevel1 li.docs a:visited, ul.menulevel1 li.docs a:focus {
	height:19px;
	line-height:1.5;
	padding: 0px 0px 0px 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #D69231;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #CCCCCC;
}
ul.menulevel1 li.sdoc a:link, ul.menulevel1 li.sdoc a:visited, ul.menulevel1 li.sdoc a:focus, ul.menulevel1 li.sdocs a:link, ul.menulevel1 li.sdocs a:visited, ul.menulevel1 li.sdocs a:focus, ul.menulevel2 li.sdocs a:link {
	height:19px;
	line-height:1.5;
	padding: 0px 0px 0px 10px;
	display: block;
	color: #000;
	text-decoration: none;
	background-color: #eee;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #CCCCCC;
}
ul.menulevel2 li.doc a:link, ul.menulevel2 li.doc a:visited, ul.menulevel2 li.doc a:focus, ul.menulevel2 li.docs a:link, ul.menulevel2 li.docs a:visited, ul.menulevel2 li.docs a:focus {
	color: #fff;
	background-color: #D69231;
}
ul.menulevel3 li.sdoc a:link, ul.menulevel3 li.sdoc a:visited, ul.menulevel3 li.sdoc a:focus {
	color: #000;
	background-color: #eee;
}
ul.menulevel1 li.docs a:hover, ul.menulevel1 li.docs a:active, ul.menulevel1 li.doc a:hover, ul.menulevel1 li.doc a:active, ul.menulevel1 li.sdoc a:hover, ul.menulevel1 li.sdoc a:active, ul.menulevel1 li.sdocs a:hover, ul.menulevel1 li.sdocs a:active {
	background-color: #ccc;
	text-decoration: none;
	color: #000;
}
#middle_left li	{
	width: 170px; 
	padding: 0;
}
#middle_left li li {
	padding: 0px 0px 0px 30px;
	width:170px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:140px;
}
html>#middle_left li li {
	width:140px;
}
#middle_left li li li {
	padding: 0px 0px 0px 30px; 
	width:140px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:110px;
}
html>#middle_left li li li {
	width:110px;
}
/* End of the 3D-CSS-inndent Buttons --------------- */
/* Start of the 3D-CSS-non-indent Buttons -------- */
/* If you use 3D-CSS-non-indents, comment out the 3D-CSS-indent Menu and the Text Menu, or vice versa */
/*
#mainmenu {
	margin: 30px 0px 0px 0px;
	font-size: 85%;
	font-weight: bold;
}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.submenu,ul.search {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.menulevel2 {
	font-size: 90%;
}
ul.menulevel3 {
}
ul.menulevel1 li.doc a:link, ul.menulevel1 li.doc a:visited, ul.menulevel1 li.doc a:focus, ul.menulevel1 li.docs a:link, ul.menulevel1 li.docs a:visited, ul.menulevel1 li.docs a:focus {
	height:19px;
	line-height:1.5;
	padding: 0px 0px 0px 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #D69231;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #CCCCCC;
}
ul.menulevel1 li.sdoc a:link, ul.menulevel1 li.sdoc a:visited, ul.menulevel1 li.sdoc a:focus, ul.menulevel1 li.sdocs a:link, ul.menulevel1 li.sdocs a:visited, ul.menulevel1 li.sdocs a:focus, ul.menulevel2 li.sdocs a:link {
	height:19px;
	line-height:1.5;
	padding: 0px 0px 0px 10px;
	display: block;
	color: #000;
	text-decoration: none;
	background-color: #eee;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #CCCCCC;
}
ul.menulevel2 li.doc a:link, ul.menulevel2 li.doc a:visited, ul.menulevel2 li.doc a:focus, ul.menulevel2 li.docs a:link, ul.menulevel2 li.docs a:visited, ul.menulevel2 li.docs a:focus {
	color: #fff;
	background-color: #D69231;
}
ul.menulevel3 li.sdoc a:link, ul.menulevel3 li.sdoc a:visited, ul.menulevel3 li.sdoc a:focus {
	color: #000;
	background-color: #eee;
}
ul.menulevel1 li.docs a:hover, ul.menulevel1 li.docs a:active, ul.menulevel1 li.doc a:hover, ul.menulevel1 li.doc a:active, ul.menulevel1 li.sdoc a:hover, ul.menulevel1 li.sdoc a:active, ul.menulevel1 li.sdocs a:hover, ul.menulevel1 li.sdocs a:active {
	background-color: #ccc;
	text-decoration: none;
	color: #000;
}
#middle_left li	{
	width: 190px; 
	padding: 0;
}
#middle_left li li {
	padding: 0px 0px 0px 0px;
	width:190px;
	text-indent: 20px;
}
#middle_left li li li {
	padding: 0px 0px 0px 0px; 
	width:190px;
	text-indent: 40px;
}
/* End of the 3D-CSS-non-indent Buttons ---------------*/
/* Start of the Text Menu ---------------*/
/* If you use Text Menu, comment out the CSS Menus, or vice versa */
.menulevel1 {
	font-size: 100%;
}
.menulevel2 {
	font-size: 93%;
}
.menulevel3 {
	font-size: 100%;
}
.menulevel1,.menulevel2,.menulevel3,.navigator,.submenu {
	font-weight: bold;
	text-decoration: none;
}
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.locator a:link,.locator a:visited,.locator a:active,.navigator a:link,.navigator a:visited,.navigator a:active,.submenu a:link,.submenu a:visited,.submenu a:active {
	text-decoration: none;
	color: #555;
}
.menulevel1 a:hover,.menulevel2 a:hover,.menulevel3 a:hover,.locator a:hover,.navigator a:hover,.submenu a:hover {
	text-decoration: underline;
}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.submenu,ul.search
{
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}
#mainmenu {
	margin: 30px 2px 20px 10px;
	font-size: 90%;
}
#mainmenu li {line-height: 1.4;}
#mainmenu li.doc {
	padding-left: 16px;
	background-image: url(menu/doc.gif);
	background-repeat: no-repeat;
}
#mainmenu li.docs {
	padding-left: 16px;
	background-image: url(menu/docs.gif);
	background-repeat: no-repeat;
}
#mainmenu li.sdoc {
	padding-left: 16px;
	background-image: url(menu/sdoc.gif);
	background-repeat: no-repeat;
}
#mainmenu li.sdocs {
	padding-left: 16px;
	background-image: url(menu/sdocs.gif);
	background-repeat: no-repeat;
}
/* End of the Text Menu ----------------*/
/* End of the Main Menus --------------------------------------------------------*/
ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3 {
	margin-left: 20px;
	padding: 0px;
	list-style: none;
}
ul.sitemaplevel1 li.doc a, ul.sitemaplevel1 li.docs a, ul.sitemaplevel2 li.doc a, ul.sitemaplevel2 li.docs a, ul.sitemaplevel3 li.doc a {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}
ul.sitemaplevel1 li.doc a:hover, ul.sitemaplevel1 li.docs a:hover, ul.sitemaplevel2 a:hover, ul.sitemaplevel3 a:hover {
	text-decoration: underline;
}
#sitename {
	font-size: 40px;
           font-family: Trebuchet, sans-serif;
           color: #99f;
	font-weight: normal;
	padding: 20px 0 0 100px;
}
#newsbox{
	margin: 5px;
	/*background-color: #eee;*/
	padding: 5px;
	width: 168px;
	/*border: 1px #000 dotted;*/
	font-size: 18px;
}
/* Format of FCKeditor*/
#ta {
	width: 100%;
}
/*-------------------------------------------------*/
h1, h2, h3, h4, h5, H1 A, H2 A, H3 A {  color: #66f; text-decoration: none; }
h1 {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
.edit {
	font-size: 9px;
	color: #555;
	background-color: buttonface;
}
.edit a:link,.edit a:visited,.edit a:active {
	font-weight: normal;
	color: #555;
	text-decoration: none;
}
.edit a:hover {
	text-decoration: underline;
}
input,select {font-size:10pt;}
textarea {
	font-family:Verdana,Geneva,Arial,Helvetica;
	background-color: #fff;
	width:98%;
}
.searchbox {
padding-bottom: 6px;
border-bottom: 1px solid black;
	margin-left: 0px;
	text-align: center;
}
.searchbox .submit {
	color: black;
	border: 1px solid #000000;
	background-color: #fff;
	font-size: 80%;
	margin: 0 0 3px 0;
}
.searchbox .text {
	color: black;
	background-color: #fff;
	border: 1px solid #000;
	font-size: 80%;
	width: 100px;
	margin: 0 0 3px 0;
}
.submenu {
	font-size: 80%;
	font-weight: normal;
	margin: 0px 2px 10px 20px; 
	color: #555;
}
.submenu a {
	color: #555;
	text-decoration: none;
}
.submenu a:hover {
	text-decoration: underline;
}
.login,.login a,.login a:link,.login a:visited,.login a:active,.login a:hover {
	font-weight: normal;
	font-size: 85%;
	color: #555;
	text-decoration: none;
	padding-left: 10px;
}
.copyright, .copyright a:link, .copyright a:active, .copyright a:visited {
	font-size: x-small;
	font-weight: normal;
	color: #555;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
}
.copyright a:hover {
	font-weight: normal;
	text-decoration: underline;
}
.lastupdate {
	font-size: x-small;
	font-weight: normal;
	color: #555;
	text-align: left;
	padding-left: 8px;
}
.news {
	margin: 20px 5px 10px 5px;
	text-align: left;
	font-size: small;
	font-weight: bold;
	padding-left: 5px;
	background-color: transparent;
}
DIV.news UL {list-style-position: outside; list-style-type: square; margin-top: 0pt; margin-bottom: 2pt; margin-left: 0.2em; padding-left: 0.2em; font-size: 0.75em; }
DIV.news LI A {font-weight: normal; text-decoration: none; }
LI { font-size: small; }