body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff;
	text-align: left;
	width: 100%;
	height: 100%;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #0029b3;
	}
a:visited {
	color:  #0029b3;
	}
a:active {
	color:  #0029b3;
	}
a:hover {
	color: #0029b3;
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-family: Arial, Verdana, Helvetica, serif;
	font-size: 14px;
	padding: 5px;
	text-align: justify;
	}
dl {
	font-family: Arial, Verdana, Helvetica, serif;
	font-size: 12px;
	padding: 5px;
	text-align: left;
	}

dt {
	font-weight: bold;
	margin-top: 8px;
	text-decoration: underline;
	}
dd {
	margin-bottom: 6px;
	}

/* 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.*/


img {
	border: 0;
	}
.tiny {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
.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 */
	}
#top {
	margin: 0;
	padding: 0;
	border: 0px;
	background: #fff;
	background-image: url('/images/bgstripe.gif');
 	background-repeat: repeat-x;
 	background-position: top left;
	text-align: center;
	width: 100%;
	height: 30px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 30px;
	}
html>body #top {
	height: 30px; /* ie5win fudge ends */
	}
#middle {
	margin-top: 10px;
	padding: 0;
	border: 0px;
	background: #fff;
	}
#bottom {
	margin-bottom: 0;
	padding: 0;
	border: 0px;
	background: #4AB58C;
	text-align: center;
	}
#images {
  clear: both;
  }

/* Begin Menu */

#navcontainer {
	position: relative;
	top: 20px;
	border: 0;
    font: normal normal 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#navlist {
    list-style: 			none outside none;
    margin: 				0;
    padding: 				0;
}
@media all {
    #navlist {
        text-align: center;
    }  
}
#navlist li {
    bottom: 				11px;
    display: 				inline;
    line-height: 			1.2em;
    margin: 				0;
    padding: 				0;
    position: 				relative;
}
html>body #navlist li {
    background: 			#404040;
    margin: 				0 3px 0 0;
    padding: 				4px 0px 4px 0;
}
#navlist a, #navlist a:link, #navlist a:visited {
    background: 			#000;
    border: 				1px solid #fff;
    bottom: 				2px;
    color: 				#fff;
    cursor: 				pointer;
    display: 				inline;
    height: 				1em;
    margin: 				0;
    padding: 				3px 5px 3px 5px;
    position: 				relative;
    right: 					2px;
    text-decoration:		none;
}
#navlist a:hover {
    background: 			#4AB58C;
    border: 				1px solid #000;
    bottom: 				1px;
    color: 					#000;
    position: 				relative;
    right: 					1px;
}
#navlist a:active {
    background: 			#4AB58C;
    bottom: 				1px;
    color: 					#fff;
    position: 				relative;
    right: 					0;
}
#navlist li#active {
    background: 			#4AB58C;
    bottom: 				11px;
    display: 				inline;
    margin: 				0 3px 0 0;
    padding: 				0;
    position: 				relative;
}
html>body #navlist li#active {
    background: 			#000;
    margin: 				0 4px 0 4px;
}
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
    background: 			#4AB58C;
    border-bottom: 			none;
    border-left: 			1px solid #000;
    border-right: 			1px solid #000;
    border-top: 			1px solid #000;
    bottom: 				0;
    color: 					#000;
    cursor: 				text;
    margin: 				0;
    padding: 				2px 5px 0 5px;
    position: 				relative;
    right: 					0;
}

/* End Menu */

.container {
	text-align: center;
	}

table.illust {
	padding: 1px;
	width: 570px;
    	margin-left: auto;
    	margin-right: auto;
}

table {
	padding: 1px;
	width: 758px;
    	margin-left: auto;
    	margin-right: auto;
}
table.short {
	padding: 1px;
	width: 540px;
    	margin-left: auto;
    	margin-right: auto;
}
table.shorter {
	padding: 1px;
	width: 340px;
	text-align: left;
}
table.middle {
	padding: 1px;
	width: 550px;
    	margin-left: auto;
    	margin-right: auto
}
td {
	vertical-align: top;
	}
td.left {
	vertical-align: top;
	text-align: left;
	}
ul.surg {
	font-family: Arial, Verdana, Helvetica, serif;
	font-size: 14px;
	padding: 10px;
	margin-left: 10px;
	text-align: left;
	}
ul.surg li {
	padding-bottom: 4px;
	}
ol {
	font-family: Arial, Verdana, Helvetica, serif;
	font-size: 14px;
	padding: 10px;
	margin-left: 30px;
	text-align: left;
	}
ol li {
	font-weight: bold;
	padding-bottom: 4px;
	}
ol li span {
	font-weight: normal;
	}