html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

html,body {background: #fff; color: #000; text-align: center;}

#container {width: 780px; margin: 0 auto; background: #fff; font-size: 62.5%; text-align: center;}

#logo {width: 100%; height: 155px;}

#navbar {position: relative; width: 780px; height: 40px; margin: 0 auto 2em auto; padding: 0; background: url("images/page/navbar.gif") no-repeat top center; text-align: center;}
#navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navbar li, #navbar a {height: 40px; display: block;}
#panel1b {left: 0; width: 95px;}
#panel2b {left: 95px; width: 95px;}
#panel3b {left: 190px; width: 95px;}
#panel4b {left: 285px; width: 95px;}
#panel5b {left: 380px; width: 95px;}
#panel6b {left: 475px; width: 95px;}
#panel7b {left: 570px; width: 95px;}
#panel8b {left: 665px; width: 95px;}
#panel1b a:hover {background: transparent url("images/page/navbar2.GIF") 0 -40px no-repeat;}
#panel2b a:hover {background: transparent url("images/page/navbar2.GIF") -95px -40px no-repeat;}
#panel3b a:hover {background: transparent url("images/page/navbar2.GIF") -190px -40px no-repeat;}
#panel4b a:hover {background: transparent url("images/page/navbar2.GIF") -285px -40px no-repeat;}
#panel5b a:hover {background: transparent url("images/page/navbar2.GIF") -380px -40px no-repeat;}
#panel6b a:hover {background: transparent url("images/page/navbar2.GIF") -475px -40px no-repeat;}
#panel7b a:hover {background: transparent url("images/page/navbar2.GIF") -570px -40px no-repeat;}
#panel8b a:hover {background: transparent url("images/page/navbar2.GIF") -665px -40px no-repeat;}

#banner {width: 780px; height: 22em; margin: 0 auto; background: url("images/page/banner.gif") no-repeat top center;}

#content {float: left; width: 480px;}

#sidebar {margin-left: 510px;}

#footer {height: 5em; background: #1b3854 url("../images/page/bannerbg.gif") repeat-x top left;}
#sitemenu {padding-top: 1.5em; width: 48em; margin: 0 auto;}

/* Misc Classes */
br.spacer {clear: both; visibility: hidden;}

/* Text Classes */
h1,h2,p {text-align: justify;}
h1.content {margin: 0 0 1em 0; padding: 0 1em 0 2em; font: 500 1.8em "trebuchet MS",verdana, sans-serif;}
h2.sidebar {margin: 1.5em 0 1em 0; padding: 0 1em 0 0; color: #012264; font: 500 1.8em "trebuchet MS", arial, sans-serif; text-decoration: underline; text-align: center;}
p.content {margin-bottom: 1em; padding: 0 1em 0 3em; font: 500 1.3em "trebuchet MS", verdana, sans-serif;}
p.header {margin-bottom: .5em; padding: 0 1em 0 3em; font: 600 1.3em "trebuchet MS", verdana, sans-serif; text-decoration: underline;}
p.sidebar {margin-bottom: 1em; padding: 0 3em 0 0; font: 500 1.1em arial, sans-serif;}

/* Image Classes */
img.logo {float: left; border: none;}
img.sponsor {float: left; clear: right; margin-bottom: 1em; border: none;}
img.board {float: left; clear: right; margin: 0 .5em .25em 0; border: 1px solid #000;}

/* List Classes */
ul.content {margin-bottom: 1em; padding-left: 3.7em; list-style: square; font-size: 100%; text-align: justify;}
ul.content li {font: 500 1.3em "trebuchet MS", verdana, sans-serif;}
ul.vglogo {margin-bottom: 1em; padding-left: 3.7em; list-style: square; color: #46b72d; font-size: 100%; text-align: justify;}
ul.vglogo li {color: #000; font: 500 1.3em "trebuchet MS", verdana, sans-serif;}

/* Form Classes */
form {margin-bottom: 1.5em; font: 500 1.3em "trebuchet MS", verdana, sans-serif; text-align: left;}
form.contact {width: 480px; margin: 0 1em 0 3em; color: #000;}
form.donate {margin: 1.5em 0 0 2.25em;}

/* Fieldset */
fieldset {padding-top: 1em; color: #000;}
/* fieldset.border {float: left; clear: right; width: 200px; margin-right: 50px; border-top: 1px solid #000;} */
fieldset.textarea {clear: both;}

/* Legend */

/* Input */
form.contact input.hidden {display: none;}
form.contact label {float: left; width: 200px;}
form.contact label.checkbox {float: left; clear: right; width: 178px;}
form.contact input, form textarea, form select, form checkbox {float: left; display: block; margin-bottom: 1em; background: #efefef; border: 1px solid #dbdbdb;}
form.contact input.required {border: 1px solid #4f4f4f;}
form.contact input {width: 200px;}
form.contact input.checkbox {float: left; width: auto;}
form.contact select {float: left; width: 14.1em;}
form.contact input.submit {clear: both; width: 5em; margin: 0 auto; padding: .25em; text-align: center;}
form label:after {content: ":";}
form br {clear: left;}

/* hcard */
div.vcard {float: left; clear: right; padding: 1em; background: #efefef; color: #0960a6; border: 1px solid #dbdbdb;}
form.contact p.vcard {padding: 0 0 1em 0;}