/**
* main.css
*/

body{ margin: 3px 3px 10px 3px; background: #FFF; font: normal small Verdana, Arial, Helvetica, sans-serif; height: 100%; }

/* site divs */
#nav { width: 200px; float: left; }
#content { width: 770px; float: right; }
#header { width:975px; margin-top: 10px; margin-left: auto; margin-right: auto; background: #FFF; border: 1px solid #000; text-align: center; padding: 0px; margin-bottom: -15px; }
#pic { width:975px; height: 150px; margin-left: auto; margin-right: auto; background: #FFF; border-left: 1px solid #000; border-right: 1px solid #000; text-align: center; padding: 0px; overflow: hidden; margin-bottom: 2px; margin-top: -2px; }
#main { width: 975px; margin-top: 0px; margin-left: auto; margin-right: auto; background: #FFF; border-left: 1px solid #000; border-right: 1px solid #000; }
#front { width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
#trailer { width: 975px; margin-top: 0px; margin-left: auto; margin-right: auto; background: #DDD; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; font-weight: bold; text-align: center; font-size: 1.6em; color: #000; padding-top: 5px; padding-bottom: 5px; }
#footer { width: 975px; margin-top: 0px; margin-left: auto; margin-right: auto; background: #FFF; border: 1px solid #000; text-align: center; }
#footer2 { width: 975px; margin-top: 0px; margin-left: auto; margin-right: auto; background: #FFF; border-top: 3px solid #000; text-align: center; }
.box { padding: 2px; }

/* Fonts and things */
img { border: 0; margin: 0px; padding: 0px; }
.navimg { margin-bottom: 5px; }
form { border: 0 }
h1 { font-weight: bold; font-size: 1.4em; color: #00376D; margin-top: 0.2em; margin-bottom: 0.3em; }
h2 { font-weight: bold; font-size: 1.3em; color: #00376D; margin-top: 0.2em; margin-bottom: 0.3em; }
h3 { font-weight: bold; font-size: 1.2em; color: #00376D; margin-top: 0.2em; margin-bottom: 0.3em; }
h4 { font-weight: normal; font-size: 1.1em; color: #00376D; margin-top: 0.2em; margin-bottom: 0.3em; }
h5 { font-weight: normal; font-size: small; margin-top: 0.2em; margin-bottom: 0.3em; }
p { margin: 0 0 1.0em 0; }
table { border-collapse: collapse; }
th { background-color:#00376D; text-align: left; color: #FFF; }
.frtd { padding: 4px; }
.checkbox { padding: 0px; margin: 1px; }
textarea, input, select { font-size: normal 1.05em; border: 1px solid #000; padding: 2px; }
input { background-color: #FFF; }
button { font-size: normal 0.95em; background-color: #000; height: 6px; }
pre { font: courier; border: 1px dotted #000; width: 98%; padding: 3px; background: #FFF; }
input.button { color: #DEF; font-weight: bold; background-color: #0C1BD4; }
.smallBla { color: #000; font-size: 0.8em; }
.titlebar { font-size: 1.4em; font-weight: bold; color: #00376D; width: 100%; text-align: center; }
.gallerytitle { font-size: 1.4em; font-weight: bold; color: #C00; width: 100%; text-align: center; }
.mailform { width: 75%; text-align: center; border: solid 2px #444; margin-left: auto; margin-right: auto; }

a:link { text-decoration: underline; color: #000; }
a:hover { text-decoration: underline; color: #555; }
a:active { text-decoration: underline; color: #555; }
a:visited { text-decoration: underline; color: #000; }

/* More link */
a.more:link { text-decoration: none; color: #009; float: right; }
a.more:hover { text-decoration: underline; color: #F00; float: right; }
a.more:active { text-decoration: underline; color: #F00; float: right; }
a.more:visited { text-decoration: none; color: #8505A5; float: right; }

/* navigation */
.nav_off { border-bottom: 1px solid #FFF; padding: 2px 0 2px 0; background: #ABABAB url( '/images/nav_on_end.gif' ) repeat-y right; color: #000; padding-left: 5px; }
.nav_on { border-bottom: 1px solid #FFF; padding: 2px 0 2px 0; background: #000 url( '/images/nav_off_end.gif' ) repeat-y right; color: #FFF; padding-left: 5px; }
.nav_off2 { border-bottom: 1px solid #FFF; padding: 2px 0 2px 0; background: #ABABAB url( '/images/nav_on_end.gif' ) repeat-y right; color: #000; padding-left: 5px; font-weight: bold; }
.nav_on2 { border-bottom: 1px solid #FFF; padding: 2px 0 2px 0; background: #000 url( '/images/nav_off_end.gif' ) repeat-y right; color: #FFF; padding-left: 5px; font-weight: bold; }
.nav_off3 { height: 100px; border-bottom: 1px solid #FFF; padding: 2px 0 2px 0; background: #ABABAB url( '/images/nav_on_end.gif' ) repeat-y right; color: #000; padding-left: 5px; font-weight: bold; vertical-align: bottom; }
.nav_on3 { height: 100px; border-bottom: 1px solid #FFF; padding: 2px 0 2px 0; background: #000 url( '/images/nav_off_end.gif' ) repeat-y right; color: #FFF; padding-left: 5px; font-weight: bold; vertical-align: bottom; }

/* layout divs */
.clr { clear: both; }