/*
adding my own notes so I don't forget what does what
*/
body { margin: 0; padding: 0; background: url(background.png) repeat; /*text color */ color: #000000; font: normal 11px/11px Verdana, Sans-Serif; }

table { width: 99%; }

a, a:link, a:visited { /*links*/color: #CCD9E5; background: transparent; text-decoration: none; }

a:hover, a:active { /* hover color */ color: #009933; background: transparent; }

img { vertical-align: middle; border: 0; }

p { margin: 0 0 10px 0; padding: 0; font: normal 11px/16px Verdana, Sans-Serif; text-align: justify; }

#wrapper { min-width: 770px; }

#header { background: url(header.jpg) repeat-x; height: 72px; }

#header #logo { width: 200px; float: left; display: block; background: url(logo.gif) no-repeat; font-size: 0; height: 58px; }

#headernav { float: right; padding: 45px 20px 0 0; width: 451px; height: 20px; }

#headernav ul { margin: 0; padding: 0; width: 451px; list-style: none; height: 20px; }

#headernav li { float: left; margin: 0; padding: 0; display: block; font: bold 10px/10px Verdana, Sans-Serif; }

#headernav li a { width: 150px; padding: 8px 0 9px 0; display: block; color: #D1DDE9; background: url(Greynav2.gif) #336699 no-repeat 0 0; text-align: center; text-decoration: none; }

#headernav li a:hover { /* tabs hover color for text */ color: #FFFFFF; background: url(Greynav2.gif) #336699 no-repeat 0 -27px; }

#headernav #hnactive a { background: url(Greynav2.gif) #FFFFFF no-repeat 0 -54px; color: #336699; }

#headernav #hnactive a:hover { color: /* active tab text */ #000000; background: url(Greynav2.gif) #FFFFFF no-repeat 0 -81px; }
/*bottom bar*/
#content { border-bottom: 1px solid #336699; padding: 20px; clear: both; background: #595959; }

#sidebar { float: left; width: 170px; padding-right: 20px; font: normal 11px/13px Verdana, Sans-Serif; }

#sidebar ul { margin: 0 0 20px 0; padding: 0; border: /* border code */ 1px solid #717171; background: #595959; }

#sidebar li { margin: 0; padding: 4px 4px 4px 14px; list-style: none; font-weight: normal; }

#sidebar li b { color: #6699cc; }

#main { margin-left: 190px; margin-right: 140px; }

.clear { clear: both; font-size: 0; }

#footer { padding: 8px 16px 8px 36px; border-top: #FFFFFF 1px solid; clear: both; color: #87A0C2; background: #595959 no-repeat left; font-size: 10px; line-height: 14px; }

#footer a { text-decoration: none; }

.post { margin-bottom: 20px; font: normal 11px/160% Verdana, Sans-Serif; }

h2 { color: #6699cc; margin: 0px; padding: 0px 0px 3px; border-bottom: /*text bars*/ 1px solid #E7EEF4; font-size: 18px; line-height: 20px; }

h2 a { text-decoration: none; }

h3 { color: #008000; margin: 0px; padding: 0px 0px 3px; font-size: 14px; line-height: 20px; }

h3 a { text-decoration: none; }

.postedby { padding: 3px 0 3px 0; color: #808080; }

.postedby a { text-decoration: none; }

input { border: 1px solid #CCD9E5; padding: 1px 3px 1px 3px; background: #F7F9FB; color: #000000; }

textarea:active, textarea:active, input:active, input:hover { background: #FFFFFF; }

textarea { border: 1px solid #CCD9E5; padding: 1px 3px 1px 3px; background: #F7F9FB; color: #000000; font-family: sans-serif; font-size: 12px }