* { margin: 0; padding: 0; }

html { height: 100%; }
body { background: #fff url('img/bg.png') repeat-x top center; height: 100%; }

/* =h */
h1, h2, h3, h4, h5, h6 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 0.1em; }
div#branding h1 { background-image: url('img/logo.png'); background-position: center; background-repeat: no-repeat; text-indent: -9999px; height: 169px; }
h1.center { text-align: center; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
div#content div#subNav h3 { color: #000; font-size: 10pt; margin-left: 9px; }

/* =p */
p { color: #000; font: 80% Georgia, "Times New Roman", Times, serif; padding: 0.2em 0.1em; line-height: 1.2em; }


/* div#greet p { color: #fff; } */
div#copy p { color: #fff; margin-top: 47px; }
div#info p { margin-bottom: 8x; }
div#subNav p { color: #000; font: 80% Georgia, "Times New Roman", Times, serif; margin-left: 9px; }

/* =a */
a { font: 100% Georgia, "Times New Roman", Times, serif; }
div#greet a { color: #000; }
div#mainNav ul li a { color: #fff; font: 130% Georgia, "Times New Roman", Times, serif; text-decoration: none; padding: 0 5px; }
div#mainNav ul li a:active { background-color: #fff; color: #003572; text-decoration: underline; }
div#mainNav ul li a:hover { background-color: #fff; color: #003572; text-decoration: underline; }
div#mainNav ul li a:visited { }

div#subNav ul li a { color: #000; font: 80% Georgia, "Times New Roman", Times, serif; text-decoration: none; }
div#subNav ul li a:active { color: #003572; text-decoration: underline; }
div#subNav ul li a:hover { color: #003572; text-decoration: underline; }
div#subNav ul li a:visited {  }
div#imgBox { margin: 10px auto; text-align: center; }

/* =div */
div#branding { margin: 0 auto; height: 228px; widows: 777px;}
div#mainNav { height: 55px; text-align: center; }
div#subNav { top: -35px; }
div.center { text-align: center; }

div#banner { margin: 0 auto; height: 366px; width: 777px; padding: 2px; position: relative; border-left: 1px #000 solid; border-right: 1px #000 solid; }
div#greet { height: inherit; width: 285px; }
div#image { height: 366px; width: 490px; padding: 0; margin: 0; position: absolute; left: 290px; top: 2px; overflow: hidden; } 
div#instruction { text-align: center; width: 100%; }

div#content { margin: 0 auto; background: url('img/content.gif') repeat-y; padding: 0 2px; padding-bottom: 12px; position: relative; width: 777px;; border-bottom: 1px #000 solid; border-left: 1px #000 solid; border-right: 1px #000 solid; height: 90%; }
div#fullContent { min-height: 67%; background: #fff; margin: 0 auto; padding: 0 2px; padding-bottom: 12px; width: 777px; border-bottom: 1px #000 solid; border-left: 1px #000 solid; border-right: 1px #000 solid; }
div#minimal { min-height: 87%; background: #fff; padding: 0 2px; padding-bottom: 12px; width: 777px; margin-top: 10px; }
div#info { width: 476px; position: absolute; padding-bottom: 10px; }
div#fullInfo { width: 760px; padding-bottom: 10px; }
div#subNav { width: 285px; margin-left: 13px; position: absolute; left: 478px; top: 2px; }
.full { background: #fff url('img/content.gif') !important; border-top: 1px #000 solid; margin-top: 6px !important; }

div#footer { height: 93px; width: 100%; background: #003572 url('img/footer.gif') repeat-x; }
div#copy { margin: 0 auto; padding: 2px; position: relative; width: 777px; }

/* =ul */
div#mainNav ul { list-style-type: none; padding: 0.7em 0px; }
div#mainNav ul li { display: inline; }

div#subNav ul { list-style-type: none; margin-bottom: 10px; }
div#subNav ul li { margin-left: 18px; }

div#info ul { list-style-type: none; }
div#info ul li { margin-left: 18px;  }

/* =img */
div#image img { border: 4px solid #fff; height: 348px; width: 476px; top: 0; left: 0; }
img.bordered { border: 1px solid #000; }
img.full { border: 1px solid #000; margin: 16px auto; }

/* =hr */
hr { border-bottom: none; border-top: 1px dashed; height: 1px; margin: 0 10px; }
/* div#greet hr { color: #fff; } */
div#content hr { color: #000; }

/* =table */
table#bethany100 { margin: 0 auto; padding-top: 10px; width: 700px; }
table#bethany100 tr td { padding: 8px 2px; text-align: center; width: 200px; }
table#bethany100 tr td span { color: #000; font: 80% Georgia, "Times New Roman", Times, serif; display: block; line-height: 1.2em; text-decoration: none; }
