body{
font:normal 10px verdana,arial,helvetica,sans-serif;
text-align:center;
margin:0;
padding:0;
background: #fff url("hdr_fill.png") repeat-x;
color:#000;
}
h1{
padding:0;
margin:0 0 8px 0;
color:#00508e;
font-size:22px;
}
h2{
padding:0;
margin:0 0 8px 0;
color:#00508e;
font-size:18px;
}
h3{
padding:0;
margin:0;
color:#00508e;
font-size:14px;
border-bottom:1px solid #ccc;
}
ul{
list-style:inside;
padding:0;
margin:0.5em 0 1em 0;
}
li{
padding-left:10px;
margin:0;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* Positioning */
.page{
width:764px;
margin:auto;
text-align:left;
}
.pagewrap{}
.pagetop1{height: 76px;}
.pagetop2{height: 28px;}
.topleft{
padding:30px 0 0 0;
}
.topright{
padding:46px 0 0 30px;
color:#fff;
font-weight:bold;
text-align:center;
}
.topnav ul{
padding:0;
margin:7px 0 0 0;
}
.topnav li{
display: inline;
padding: 0 1em 0 1.2em;
border-left: 1px solid #777;
}
.topnav li.firstchild{
border-left: 0;
padding-left: 0;
}
.topnav li a{
color: #333;
font-weight: bold;
text-decoration: none;
}
.topnav-dense li{
padding: 0 0 0 0.2em;
}
.pagemid{
text-align:left;
}
.colleft{
float:left;
width:402px;
}
.colleft-in{
padding:12px 2px 12px 0;
}
.colright{
float:left;
width:360px;
}
.colright-in{
padding:12px 0 12px 0;
text-align:center;
}
.pagebottom{
padding:1px;
line-height:16px;
}
.bottom-in{
border-top:1px solid gray;
text-align:center;
color:#777;
}
.prebox {
height:100%;
width: 100%;
/* float:left; */
}
.logo {
font-size: 22px;
color: #fff;
font-weight: bold;
font-style: italic;
text-shadow: #000 2px 2px 4px;
}
.output{
width:100%;
height:100%;
font:11px andale mono, courier, monospace;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.wide{width:100%;}

/* debuging classes */
.brdr{border:1px solid black;}
.bkr{background:red;}
.bkb{background:blue;}
.bkg{background:green;}