html, body, * {font-family:'Arial',sans-serif; font-size:12px; color: #333; }
body {
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0;
}
h1 { font-size:16pt; color: #000; padding: 5px 30px; display:block;background:transparent;margin:0; }
h2 { font-size:11pt; }
h3 { font-size:10pt; }
error { font-size:9pt; color:cc0000; }
#t { background-color:#c0c0ff; border:none; margin: 0 auto; }
#tt { color:#cc0000; background: #ffb80f;font-weight:bold; padding:5px; margin:0px; }
#tt a { color:#cc0000; background-color:#d7d7ff; font-weight:bold; font-size:9pt; }
#tf { background-color:#eee; border:none; padding:5px; font-size:12px; }
#tw { background-color:#fafaff; border:none; padding:5px; }
#tlh { background-color:#eee; font-weight:bold; font-size: 12px;padding:5px; }
#tl { background-color:#fafaff; border:0px solid #ccc; font-size:9pt; padding:5px; }
.hover { text-decoration:none; border-bottom:1px dotted #BBBBBB; color:#000000; }

.t { background-color:#c0c0ff; border:none; margin: 0 auto; }
.t caption { color:#cc0000; background: #ffb80f;font-weight:bold; padding:5px; margin:0px; text-align:left; }
.tt { color:#cc0000; background: #ffb80f;font-weight:bold; padding:5px; margin:0px; }
.tt a { color:#cc0000; background-color:#d7d7ff; font-weight:bold; font-size:9pt; }
.tf { background-color:#eee; border:none; padding:5px; font-size:12px; }
.tw { background-color:#fafaff; border:none; padding:5px; }
.tlh { background-color:#eee; font-weight:bold; font-size: 12px;padding:5px; }
.tl { background-color:#fafaff; border:0px solid #ccc; font-size:9pt; padding:5px; }

#surfiobar {
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 35px;
 color: #000;
 background: #d7d7ff;
 border-bottom: 1px dotted #ccc;
 text-align: left;
 vertical-align: middle;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
}
#surfiobar table,tr,td,form {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: none;
}
#surfiobar a {
 text-decoration:none;
}
#surfiobar a:hover {
 text-decoration:underline;
}

#surfiobox {
 text-align:center;
 vertical-align:top;
 width:685px;
 min-height:600px;
 border:none;
 margin:0px;
 padding:0px;
}

#surfionav {
 text-align:left;
 vertical-align:top;
 width:130px;
 min-height:30px;
 border:3px outset #ffb80f;
 background:#ffb80f;
 padding-top:5px;
 padding-bottom:5px;
 float:left;
 font-size:10px;
 margin:0px;
}
#surfionav h1 {
 font-size:12px;
 text-align:center;
}
#surfionav h2 {
 font-size:11px;
 margin:0px;
 padding:0px;
}
#surfionav h2 a {
 font-size:11px;
 margin:2px;
 padding-left:0px;
 text-decoration:none;
}
#surfionav h3 {
 font-size:10px;
 margin:0px;
 padding:0px;
 background:#ffb80f;
 background:url(/nav_sub.gif) no-repeat;
}
#surfionav h3 a {
 font-size:10px;
 margin-left:6px;
 padding-left:2px;
 text-decoration:none;
}

#surfio {
 text-align:center;
 vertical-align:middle;
 width:530px;
 min-height:600px;
 border:3px outset #d7d7ff;
 background:#d7d7ff;
 padding:5px;
 margin:0px;
 float:right;
}

#googlebox {
 border:none;
 width:730px;
 height:95px;
 margin-top:10px;
}

#footer {
 margin:1em 0;
 text-align:center;
}
#footer * {
 font-size:10px;
}
#footer a {
 text-decoration:none;
}
#footer a:hover {
 text-decoration:underline;
}