body {
	background:#666;
        margin:0px;
        padding:0px;
        font-family: verdana, arial, helvetica, sans-serif;
	color: #ccc;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #fff;
	outline: none;
	}
a:visited {
	color:  #fff;
	}
a:active {
	color:  #fff;
	}
a:hover {
	color: #000;
	text-decoration: none;
	}


/* 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.*/

h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

#top {
	margin: 20px 20px 0px 20px;
        text-align: center;
	padding: 10px;
	border: 0px;
	background: #666;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	}
html>body #top {
	height: 70px; /* ie5win fudge ends */
	}

#left1 {
	position: absolute;
	bottom: 385px;
	left: 0px;
	margin: 20px;
	padding: 10px;
        position: fixed;
	font-size: 11px;
        line-height: 150%;
	border: 0px;
	background: #666;
	width: 130px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 110px;
	}
html>body #left1 {
	width: 130px; /* ie5win fudge ends */
	}
#left1 a {
        display: block;
	font-size: 1em; font-weight: bold;
        margin: 2px 0 2px;
        text-decoration: none;
	outline: none;
	font-weight: bold;
	color:  #fff;
        border: 1px solid yellow;
	}
#left1 a:visited {
	color:  #fff;
	}
#left1 a:active {
	color:  #fff;
	}
#left1 a:hover {
	color: #000;
	text-decoration: none;
	}
#left1 a img {height: 0; width: 0; border-width: 0;}
#left1 a:hover img {position: absolute; top: 2px; left: 171px; width: 382px; height: 255px; margin: 10px;
        }

#left2 {
	position: absolute;
	bottom: 284px;
	left: 10px;
	margin: 20px;

        position: fixed;
	font-size: 11px;
        line-height: 150%;
	border: 0px;
	background: #666;
	width: 130px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 110px;
	}
html>body #left2 {
	width: 130px; /* ie5win fudge ends */
	}

#left2 a {
        display: block;
	font-size: 1em; font-weight: bold;
        margin: 2px 0 2px;
        text-decoration: none;
	background-color:yellow;
	color:  #666;
	outline: none;
	}
#left2 a:visited {
	background-color:yellow;
	color:  #666;
	}
#left2 a:active {
	background-color:yellow;
	color:  #666;
	}
#left2 a:hover {
	background-color: #FFFFB3;
	color: black;
	text-decoration: none;
	}
#left2 a span {display: none;}
#left2 a:hover span {display: block;
   position: absolute; top: 75px; left: 120px; width: 180px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: #333;
   font: 10px Verdana, sans-serif; text-align: left;
        }

#left2 a img {height: 0; width: 0; border-width: 0;}
#left2 a:hover img {position: absolute; top: -45px; left: 120px; width: 190px; height: 120px; margin: 10px;z-index: 100;
        }

#left3 {
        position: absolute;
	bottom: 220px;
	left: 0px;
	margin: 20px;
	padding: 10px;
        position: fixed;
	font-size: 11px;
        line-height: 150%;
	border: 0;
	background: #666;
	width: 130px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 110px;
	}
html>body #left3 {
	width: 130px; /* ie5win fudge ends */
	}
#left3 a {

        display: block;
	font-weight: bold;
        margin: 0px 0 0px;
        text-decoration: none;
	color:  #fff;
        border: 1px solid yellow;
	outline: none;
	}
#left3 a:visited {
	color:  #fff;
	}
#left3 a:active {
	color:  #fff;
	}
#left3 a:hover {
	color: #000;
	text-decoration: none;
	}
#left3 a img {height: 0; width: 0; border-width: 0;}
#left3 a:hover img {position: absolute; top: -98px; left: 171px; width: 382px; height: 255px; margin: 10px;
        }

#left4 {
	position: absolute;
	bottom: 136px;
	left: 10px;
	margin: 20px;

        position: fixed;
	font-size: 11px;
        line-height: 150%;
	border: 0px;
	background: #666;
	width: 130px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 110px;
	}
html>body #left4 {
	width: 130px; /* ie5win fudge ends */
	}
#left4 a {
        display: block;
	font-size: 1em; font-weight: bold;
        margin: 2px 0 2px;
        text-decoration: none;
	background-color:yellow;
	color:  #666;
	outline: none;
	}
#left4 a:visited {
	background-color:yellow;
	color:  #666;
	}
#left4 a:active {
	background-color:yellow;
	color:  #666;
	}
#left4 a:hover {
	background-color: #FFFFB3;
	color: black;
	text-decoration: none;
	}
#left4 a span {display: none;}
#left4 a:hover span {display: block;
   position: absolute; top: 75px; left: 120px; width: 180px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: #333;
   font: 10px Verdana, sans-serif; text-align: left;
        }

#left4 a img {height: 0; width: 0; border-width: 0;}
#left4 a:hover img {position: absolute; top: -45px; left: 120px; width: 190px; height: 120px; margin: 10px;
        }

#left5 {

	left: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: -2px;
        position: fixed;
	font-size: 11px;
        line-height: 150%;
	border: 0px;
	background: #666;
	width: 130px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 110px;
	}
html>body #left5 {
	width: 130px; /* ie5win fudge ends */
	}
#left5 a {
        display: block;
	font-size: 1em; font-weight: bold;
        margin: 2px 0 2px;
        text-decoration: none;
	background-color:yellow;
	color:  #666;
	outline: none;
	}
#left5 a:visited {
	background-color:yellow;
	color:  #666;
	}
#left5 a:active {
	background-color:yellow;
	color:  #666;
	}
#left5 a:hover {
	background-color: #FFFFB3;
	color: black;
	text-decoration: none;
	}
#left5 a span {display: none;}
#left5 a:hover span {display: block;
   position: absolute; top: 85px; left: 120px; width: 180px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: #333;
   font: 10px Verdana, sans-serif; text-align: left;
        }

#left5 a img {height: 0; width: 0; border-width: 0;}
#left5 a:hover img {position: absolute; top: -10px; left: 120px; width: 190px; height: 120px; margin: 10px;
        }

#middle {
	margin: 20px 190px 20px 190px;
        line-height: 140%;
	padding: 10px;
	border: 0px;
        font-size: 14px;
	background: #666;
	}

#feed {
        margin-left: 190px;
        margin-bottom: 0;
        width: 71%;
        line-height: 140%;
	padding: 10px;
	border: 0px;
        font-size: 14px;
	background: #666;
	}

#right {
	position: absolute;
	bottom: 170px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	font-size: 10.5px;
        line-height: 130%;
        position: fixed;
	border: 0px;
	background: #666;
	width: 170px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
	}
html>body #right {
	width: 130px; /* ie5win fudge ends */
	}

#leftbottom {
	position: absolute;
        line-height: 1.2;
	bottom: 0px;
        left: 0px;
	margin: 10px;
	padding: 20px;
        position: fixed;
	border: 0px;
	font-size: 9px;
	background: #666;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #leftbottom {
	width: 150px; /* ie5win fudge ends */
	}
#rightbottom {
	position: absolute;
        line-height: 1.2;
	bottom: 30px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
        position: fixed;
	border: 0px;
	font-size: 9px;
	background: #666;
	width: 170px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
	}
html>body #rightbottom {
	width: 130px; /* ie5win fudge ends */
	}

#w3c {
	position: absolute;
	background-color: transparent;
	bottom: 2px;
	right: 2px;
        position: fixed;
	}
#w3c a {
	background-color: transparent;
	}
#w3c a:visited {
	background-color: transparent;
	}
#w3c a:active {
	background-color: transparent;
	}
#w3c a:hover {
	background-color: transparent;
	}
