html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after{ content: ''; content: none; }
table{ border-collapse: collapse; border-spacing: 0; }

body{ background: #e9e9e9 url(../images/background.jpg) top center repeat-y; font: 12px/1.5em arial, helvetica, verdana, sans-serif; color: #444; }

#container{ width: 960px; margin: 0 auto; }

#header{ text-align: center; background: url(../images/logo.gif) 25px center no-repeat; padding: 10px 0 10px 150px; height: 125px; }
#header h1{ font: 36px Impact, futura, arial, helvetica, verdana, sans-serif; color: #396; padding-top: 50px; margin: 0; border: none; }
#header p{ font: italic 10px arial, helvetica, verdana, sans-serif; color: #003572; }

#sidebar{ width: 175px; float: left; text-align: center; font: 12px arial, helvetica, verdana, sans-serif; }

#navigation li{ display: block; }
#navigation li a{ display: block; background: url(../images/button.gif) center top no-repeat; color: #fff; margin-bottom: 10px; padding: 5px 5px 9px 5px; text-decoration: none; }
#navigation li a:hover { background-position: center -30px; }
#navigation li a.active { background-position: center -30px; }

a:link{ color: #1F86FF; text-decoration: none;}
a:visited{ color: #003572; }
a:hover{ text-decoration: underline; }

.vcard{ color: #396; font-size: 10px; }

#content{ width: 750px; float: right; }

h1 { font: 24px Impact, futura, arial, helvetica, verdana, sans-serif; color: #396; margin-bottom: 15px; border-bottom: 1px solid #396; }
h2 { font: 20px Impact, futura, arial, helvetica, verdana, sans-serif; color: #396; margin-bottom: 10px; }
h3 { font: 14px Impact, futura, arial, helvetica, verdana, sans-serif; color: #396; margin-bottom: 5px; }
#content p,
#content ul{ padding: 5px 0; }
#content ul{ padding-left: 20px; list-style-type: disc; }

table{ border-collapse: collapse; }
table th{ text-align: right; padding: 5px; }
table td{ padding: 5px; }

.column{ float: left; padding-right: 25px; }
.two{ width: 350px; }

#whatsnew dl{ margin: 0 0 10px 0; background: #e6e6e6; height: 25px; overflow: hidden; font: 12px arial, helvetica, verdana, sans-serif; }
#whatsnew dt{ float: left; color: #003572; border-right: 1px solid #fff; height: 25px; padding: 4px 10px; font-weight: bold; }
#whatsnew dd{ float: left; color: #396; padding: 4px 10px; }
#whatsnew a:link,
#whatsnew a:visited{ color: #396; text-decoration: none; }
#whatsnew dd em{ font-size: 10px; font-style: normal; }
#ticker li{ list-style: none; height: 25px; }

#footer{ clear: both; text-align: center; padding-left: 150px; }
#footer ul{ padding: 10px 0; }
#footer li{ display: inline; padding: 10px; }
#footer p{ padding: 10px;  }

.clear{ clear: both; }

img.center{ display: block; margin: 10px auto; }
img.left{ float: left; padding: 0 10px 10px 0; }
img.right{ float: right; padding: 0 0 10px 10px; }

.question { display: block; font-weight: bold; font-size: 120%; }
.answer { display: block; margin: 10px; margin-left: 20px; }

#alerts { border: 1px dashed #cccccc; padding: 10px; margin-bottom: 5px; }

.resource-categories p { float: left; margin: 10px; text-align: center; }
.resource-categories a { border: 1px solid #cccccc; width: 150px; height: 75px; display: block; padding-top: 30%; }

form td { vertical-align: top; }

table.board th { color: #396; text-align: center; font-size: 125%; }
table.board td { text-align: center; }
blockquote { margin-left: 10px; }

#hcf { display: none; }
