/* CSS Styles */

.splashcontent {
background-color: white;
color: #191919;
font-size: 20px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

.splashcontent a {
text-decoration: none;
}

body {
background: #8d8d8d url(images/bg.jpg) top center;
color: #191919;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}


td {
text-align: center;
}

td * {
vertical-align: middle;
}

td b {
vertical-align: top;
}

td a {
vertical-align: top;
}


img {
margin: 0;
border: 0;
}

a {
color: #500000;
}

a:hover {
color: #500000;
}

p {
margin: 10px 0;
}

input, textarea {
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: solid 1px black;
}

.link {
color: #900000;
text-align: center;
width: 340px;
}

h1 {
text-transform: uppercase;
color: #b21a1a;
font-size: 20px;
margin: 15px 0;
border-bottom: 1px solid #b21a1a;
}

h2 {
font-size: 16px;
color: #404040;
}

hr {
height: 0px;
border-top: solid 1px #b21a1a;
border-bottom: 0px;
}

.promolink{width: auto; text-align: right; vertical-align: middle; }
.promodescription{width: auto; text-align: left; vertical-align: middle; }

#surfbar {
height: 70px; width: 100%;
background: url(images/surfbar.jpg) repeat-x;
}

#nav {
height: 31px; width: 782px;
font-weight: bold;
background: url(images/nav.jpg) repeat-x;
margin: 0 auto;
text-align: left;
}

#nav a {

}

#nav a:hover {

}

#nav ul {

}

#nav li {

}

#nav * {
vertical-align: middle;
}

#navitem a {
color: #f3f3f3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

#nav2container {
position: relative;
}

.nav2 {
height: 20px;
line-height: 20px;
position: absolute;
top: 3px; left: 0px;
visibility: hidden;
color: #aa0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;
background-color: white;
padding-left: 10px;
padding-right: 10px;
border: solid 1px #af0000;
}

.nav2 a {
color: #aa0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

.nav2 a:hover {
text-decoration: none;
}

.splashtitle {
  color: #b21a1a;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.splashsubtitle {
  color: #303030;
  font-size: 18px;
}


#container {
width: 820px;
background: url(images/body.jpg) repeat-y top center;
margin: 5px auto 0 auto;
text-align: center;
}

#header {
height: 108px; width: 820px;
background: url(images/header.jpg) no-repeat top center;
}

#footer {
height: 30px; width: 820px;
background: url(images/footer.jpg) no-repeat top center;
color: #650000;
font-size: 10px;
font-weight: bold;
text-align: center;
padding-top: 6px;
}

#content {
width: 742px;
background: url(images/bodygrad.jpg) repeat-x top center;
padding: 1px 20px 10px 20px;
text-align: left;
margin: 0 auto;
}

#front {
height: 261px; width: 782px;
margin: 0 auto;
}

#front {
width: 782px;
margin: 0 auto;
}

#front-image {
height: 259px; width: 592px;
float: left;
}

#front-space {
height: 239px; width: 170px;
background: url(images/frontspace.jpg) no-repeat top center;
color: #ffffff;
font-size: 10px;
padding: 10px;
float: right;
}

#divider {
height: 2px; width: 100%;
background: url(images/divider.jpg) repeat-x bottom;
float: left;
}