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: "" "";
}

body {
text-align:center;
font-family:"Trebuchet MS";
font-size:16px;
margin:0;
padding:0;
background: url(../img/body-bg-3.png);
color: #333;
}

.hidden {
visibility:hidden;
height:0;
width:0;
overflow:hidden;
}

.killfloat {
clear:both;
height:0;
width:0;
overflow:hidden;
}

.rel {
position:relative;
}

#stripe{
height: 62px;
width: 100%;
position: absolute;
top:  50%;
margin-top: -305px;
background: #14355c;
opacity: 0.7;
}

#redstripe{
height: 40px;
width: 100%;
position: absolute;
top:  50%;
margin-top: -233px;
background: #c8190f;
opacity: 0.7;
}

#page {
width:926px;
height: 670px;
text-align:left;
position:absolute;
left:  50%;
top:  50%;
margin-top: -335px;
margin-left: -463px;
background: url(../img/page-bg.png) no-repeat;
overflow: hidden;
}

#page .container{
position: relative;
width:926px;
height: 610px;
margin: 30px;
}

#top{
height: 62px;
width: 866px;
background: #14355c;
}

#top .logo{
float: left;
}

#main{
width: 866px;
height: 540px;
margin-top: 10px;
}

#left{
width: 213px;
height: 540px;
background: #14355c;
margin-right: 10px;
float: left;
}

#image{
width: 213px;
height: 540px;
background: #ccc;
margin-right: 10px;
float: left;
}

#normal{
width: 400px;
height: 520px;
float: left;
padding: 10px;
overflow:auto;
}

#normal h1{
background: #C8190F;
color: #fff;
height:40px;
line-height:40px;
font-size: 1em;
margin:-10px -10px 10px;
padding:0 10px;
text-transform: uppercase;
}

#normal h2{
color: #C8190F;
margin-bottom: 10px;
}

#normal .bodytext{
font-size: 0.9375em;
line-height: 1.25em;
}

#normal .bodytext a{
color: #333;
}

#normal li{
font-size: 0.9375em;
line-height: 1.25em;
list-style: square;
margin-left: 10px;
margin-bottom: 5px;
}

#menu a:hover{
background-position: bottom;
}

#gmapmarker, #gmapDirHead{
font-size: 0.8125em;
margin: 5px 0;
}

#gmapmarker a, #gmapDirHead a{
color: #C8190F;
}

#mailform label{
float: left;
width: 120px;
font-size: 0.9375em;
}

#mailform .csc-mailform-field{
float: left;
clear: left;
margin-bottom: 10px;
}

#mailform input, #mailform textarea{
border: 1px #14355c solid;
}