P { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; } 
a:link { font-size: 1em; color: #0000FF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a:hover { font-size: 1em; color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
.small {  font-family: "Century Gothic"; font-size: 0.8em}
.large {  font-family: "Century Gothic"; font-size: 1.4em; color: #FFFF00}
a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; color: #FF00FF}
a:active {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; color: #FF00FF}

html, body {margin:0px; padding:0px; background:#ffffff; font-family:verdana; font-size:12px;}
/* The header and footer */
.headfoot {display:block; height:70px; background:#ffffff; color:#000000; text-align:center; padding:5px;font-size:10px;}
/* This bit does all the work */
#container {position:relative; display:block; background:#ffffff; border-left:300px solid #ffffff; border-right:255px solid #ffffff; overflow:visible;}
#left {float:left; position:relative; width:298px; margin-left:-297px; display:inline;}
#right {float:right; position:relative; width:248px; margin-right:-247px; display:inline;}

.clear {clear:both;height:1px;overflow:hidden;}
a:visited {color:#000000;}
/* Just to extend each column */
#container a:visited, a {color:#000000; text-decoration:none;}
#container a span {display:none;}
#container a:active, #container a:focus {color:#ffffff; text-decoration:none; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:inline; left:0;}
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}

</style>
<!--[if IE]>
<style type="text/css">
#container {display:inline-block;}
#left {width:197px;}
</style>
<![endif]-->


.zsnazzy {width:200px;}
.xsnazzy h1, .ysnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.xsnazzy p, .ysnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.xsnazzy {background: transparent; width:250px; float:left; margin:0 3px;}
.ysnazzy {background: transparent; width:150px; float:left; margin:0 3px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

.color_a {background:#c9ba65; color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}