body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top-width: 8px;
	font: normal 12px/2.5em Arial, sans-serif;
    color: #999;
	background: url(../img/bg.gif) 0 0 repeat-x;
	text-align: center; 
	}
a {
	text-decoration: underline;
	color:  #c0c0c0;
	outline: none;
	}
a:visited {
	color:  #c0c0c0;
	}
a:active {
	color: #00cc00;
	}
a:hover {
	color: #ff9900;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font: normal 12px/2.5em Arial, sans-serif;
	padding: 0px 8px 0px 8px;
    color: #999;
	margin-top: .5em;
	margin-bottom: .5em;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	color: #00CC00;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
hr {
	color: #D6843A;
	background-color: #D6843A;
	height: 2px;
	border: 0px;
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 1px;
	}
ol,ul {
	font-size: 1.0em;
	line-height: 3.0em;
	margin-top: 1.3em;
	margin-bottom: 1.2em;
	}
li {
	font-size: 1.0em;
	line-height: 1.23em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	list-style-image:url(/img/bullet.png);
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 10px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
/* #shadow_outline {
	background-image:url(/img/shadow.png);
	background: #fff;
	margin: 0px 18px 0px 18px;
	padding: 2px;
	} */
#main_outline {
	padding: 0px;
	width: 780px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;  
	border: 1px dotted #cccccc;
	border-style: none none dotted none;
	background: #fff;    
    /* opera does not like 'margin:20px auto' */
    text-align:left; 
    /* part 2 of 2 centering hack */
    width: 780px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 750px;
    }
html>body #main_outline {
    width: 750px; /* ie5win fudge ends */
    }
#top {
	padding: 10px 0px 0px 1px;
	margin: 0px 0px 5px 0px; 
	background: #fff;
	height: 22px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 22px;
	}
html>body #top {
	height: 22px; /* ie5win fudge ends */
	}
.bgr {background: url(../img/bgr.gif) 100% 100% no-repeat;}
.t {background: url(../img/dot.gif) 0 0 repeat-x; width: 562px} 
.b {background: url(../img/dot.gif) 0 100% repeat-x} 
.l {background: url(../img/dot.gif) 0 0 repeat-y} 
.r {background: url(../img/dot.gif) 100% 0 repeat-y} 
.bl {background: url(../img/dot.gif) 0 100% no-repeat} 
.br {background: url(../img/br.gif) 100% 100% no-repeat} 
.tl {background: url(../img/tl.gif) 0 0 no-repeat} 
.tr {background: url(../img/dot.gif) 100% 0 no-repeat; padding:6px} 
#head_title {
	background: url(../img/bgh.gif) 0 0 repeat-x;
	font: normal 12px/2.0em Arial, sans-serif;
	color:  #c0c0c0;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 2px 0px;
	height: 21px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 21px;
	}
html>body #head_title {
	height: 21px; /* ie5win fudge ends */
	}
#menu {
	border-style: none;
	border-color: #00CC00;
	border-width: 1px;
	border-color: #cccccc;
	position: absolute;
	padding: 2px;
	background: #fff;
	width: 207px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 170px;
	}
html>body #menu {
	width: 170px; /* ie5win fudge ends */
	}
#content {
	float: right;
	border: 1px dotted #cccccc;
	width: 31%;
	padding: 5px 2% 5px 2%;
    margin: 10px 10px 0px 1%; 
	background: transparent url(../img/testbg.png) repeat top left;
	width: 31%; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 28%;
    }
html>body #content {
    width: 28%; /* ie5win fudge ends */
    } 
#content1 {
	margin: 0px 0px 8px 179px;
	background: #fff;
	}
#content1 li{
	margin-left:30px;
	}
#main {
	margin: 0px 0px 2px 179px;
	padding: 0px;
	background: #fff;
	}
#footer {
	color: #cccccc;
	width: 780px;
	margin-top: -18px;
    margin-right: auto;
    margin-left: auto;  
	text-align: right;
    width: 780px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 750px;
    }
html>body #footer {
    width: 750px; /* ie5win fudge ends */
    }
#info {
	font: normal 10px/1.2em Arial, sans-serif;
	border-style: dotted none;
	border-width: 1px;
	border-color: #cccccc;
	padding: 6px;
	width: 150px;
	margin-top: 20px;
    margin-right: auto;
    margin-left: auto;  
	text-align: left;
    width: 150px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 150px;
    }
html>body #info {
	width: 150px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

.buttonscontainerl {width: 165px;}
.buttonscontainerr {width: 170px;padding-top: 1px;}

.buttonsl a {
	color: #00CC00;
	background-color: #fff;
	padding: 2px;
	padding-left: 6px;
	display: block;
	border-left: 4px solid #00CC00;
	border-bottom: 1px dotted #00CC00;
	font: normal 12px/1.2em Arial, sans-serif;
	text-decoration: none;
	text-align: left;
	margin-top: 2px;
	}
	
.buttonsl a:hover {
	border-left: 4px solid #00CC00;
	background-color: #fcfcfc;
	text-decoration: none;
	color: #00CC00;
	}
	
.buttonsr ol,ul {
	font-size: 0em;
	line-height: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	}
.buttonsr li {
	font-size: 0em;
	line-height: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
    list-style: none outside;
	}

.buttonsr a {
	color: #c0c0c0;
	background-color: #fff;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	display: block;
	border-left: 0px solid #c0c0c0;
	border-right: 1px dotted #00CC00;
	border-bottom: 1px dotted #00CC00;
	font: normal 11px/1.2em Arial, sans-serif;
    color: #999;
	text-decoration: none;
	text-align: right;
	margin-top: 2px;
	}
	
.buttonsr a:hover {
	border-left: 4px solid #00CC00;
	background-color: #fff;
	text-decoration: none;
	color: #ff9900;
	}
	
a.more
{
	font-style: italic;
}

#mainMenu {
}

#menuList {
  margin: 0px;
  padding: 0px;
}

li.menubar {
  list-style: none outside;
}

.menu, .submenu {
/*  display: none; */
  margin-left: 0px;
  padding: 0px;
}

.menu li, .submenu li {
  list-style: none outside;
}

a.actuator {
  background-color: transparent;
  text-decoration: none;
}

a.actuator:hover {
}

.menu li a, .submenu li a {
  background-color: transparent;
  text-decoration: none;
}

.menu li a:hover, submenu li a:hover {
}

span.key {
}