.hdrs {font-size:18px;font-weight: bold;color:black;font-family: TimesNR, Times, serif;}
.header {background-color: #ebf5fc; cursor:default;}
.headerChange {background-color: lime; cursor:default;}

.itemBorder { border: 1px solid black }
.itemText { text-decoration: none; color: #FFFFFF; font: 17px Arial, Helvetica }

.crazyBorder { border: 2px outset #663399 }
.crazyText { text-decoration: none; color: #FFCC99; font: Bold 17px Arial, Helvetica }
form{width:430px;background-color: #BBD8FF;}
fieldset{border: 0px solid #000}
/*
legend{font: bold 140%/1.6 Arial,sans-serif;color: #27518A}
*/
fieldset label{float:left;display:inline;width:130px;font-size:16px;font-weight:normal;
    line-height:16px;margin: 3px 10px;text-align:center;background: #FFF url("arrow.jpg") no-repeat right center}
input.ct,textarea{margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    border-width:2px 1px 1px 2px;width: 260px}
input.ct{height: 24px}
input#new,input#change,input#remove{margin: 10px 0 0 0;border-style:solid;border-color: #FFF #333 #333 #FFF;
    border-width:1px 2px 2px 1px;background: #CCC;width:auto;height: auto}
br{clear:left}
input#go{margin: 10px 0 0 0;border-style:solid;border-color: #FFF #333 #333 #FFF;
    border-width:1px 2px 2px 1px;background: #CCC;width:auto;height: auto}
/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}


body {font-family:Arial, Helvetica,sans-serif;font-size:16px;font-weight:normal;text-decoration:none;
 }
h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 1.8em;
  font-weight: bold;
  
}

p, li {
  font-size: 1.2em;
}

h1, h2, p {
  margin: 1em 0;
}


#branding {
  height: 130px;
  background-color:#8DCFF4;
  padding: 10px;
  width:100%;
}


#footer {
  background-color:#8DCFF4;
  padding: 1px 20px;
  
}

/* The Core Technique
================================= */

body {
  text-align: center;
  min-width: 960px;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  background-color: #EBF5FC;
}

#mainNav {
  width: 30%;
  float: left;
}


#content {
  width: 68%;
  float: right;
}

#mainContent {
  width: 50%;
  margin: 0;
  float: left;
}
#secondaryContent {
  width: 47%;
  
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right;
}

#footer {
  clear: both;
}

/* add some padding to the contentse in the main nav and secondary content areas */

#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav *, #secondaryContent * {
 padding-left: 20px;
 padding-right: 20px;
}

#mainNav * *, #secondaryContent * * {
 padding-left: 0;
 padding-right: 0;
}

 .liClass {
  display: block;
  width: 200px;
  height: 39px;
  line-height: 39px;
  color: #000;
  text-decoration: none;
  background: #BBD8FF url(img/pixy-rollover.gif) no-repeat left bottom;
  text-indent: 50px;
  text-transform: uppercase;
}

.liClass:hover {
  background-color: #369;
  background-position: right bottom;
  color: #fff;
}

#topnav {background-color:#004655;height:35px;margin:0 10px;padding:0 10px;position:relative; width:940px;}
div#topnav span{color:#FFF;font-size:125%;top:8px;}
ul#navlinks {left:10px;list-style-type:none;position:absolute;top:6px;width:800px;}
ul#navlinks li{float:left;font-weight:bold;margin-right:25px;}
ul#navlinks a {color: #FFFFFF;font-family:"Trebuchet MS", "Lucida Grande", Verdana;font-size: 16px;text-decoration: none;}
ul#navlinks a:hover{color:#d6f00a;text-decoration:underline;}

td a {color: #FFFFFF;font-family:"Trebuchet MS", "Lucida Grande", Verdana;font-size: 16px;text-decoration: none;}
td a:hover{color:#d6f00a;text-decoration:underline;}


@media print {
#wrapper {width:100%;}
}
<!--[if IE 6]>
<style>
#wrapper {width: expression(document.body.clientWidth > 850 ? "850px" : (document.body.clientWidth < 571 ? "570px" : "94%"));}
</style>
<script type="text/javascript">
function calcWidth() {
document.getElementById('wrapper').style.width = document.body.clientWidth > 850 ? '850px' : (document.body.clientWidth < 571 ? '570px' : '94%')
}
onbeforeprint = function() {document.getElementById('wrapper').style.width = '100%';}
onafterprint = calcWidth;
onresize = calcWidth;
</script>
<![endif]-->