BODY
{
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
    FONT-SIZE: 11px;
	color: black;
	background: white;
	margin: 0;
	padding: 0;
}


.header
{
	FONT-FAMILY: verdana,arial,geneva,sans-serif;
    font-size: 15px;
	color: #000000;
	font-weight: bold;
}

.subheader
{
	FONT-FAMILY: verdana, arial, geneva, sans-serif;
    font-size: 11px;
	color: #000000;
	font-weight: bold;
}


H2
{
	FONT-FAMILY: verdana,arial,geneva,sans-serif;
    font-size: 16px;
	color: #000000;
	font-weight: bold;
}

H3
{
	FONT-FAMILY: verdana,arial,geneva,sans-serif;
    font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
}

h3 a, h3 a:hover {
	font-size: 14px;
	font-weight: bold;
}

h4, h4 a, h4 a:hover {
	font-size: 13px;
	font-weight: bold;
}

A
{
    COLOR: #0049FF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration:none;
}

A:hover
{
    COLOR: #0049FF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration:underline;
}

A.small
{
    COLOR: #0049FF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-decoration:none;
}

A.small:hover
{
    COLOR: #0049FF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-decoration:underline;
}


A.snav
{
    COLOR: #0049FF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-decoration:none;
}

A.snav:hover
{
    COLOR: #0049FF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-decoration:underline;
}

A.subnav
{
    COLOR: #0049FF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-decoration:none;
}

A.subnav:hover
{
    COLOR: #0049FF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-decoration:underline;
}

A.cnav
{
    COLOR: #FF0000;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration:none;
}

A.cnav:hover
{
    COLOR: #FF0000;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration:underline;
}

.crumbnav A
{
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration:none;
}

.crumbnav A:hover
{
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration:underline;
}

TD
{
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
    FONT-SIZE: 11px;
	color: #000000;
}

fieldset input, fieldset textarea {
  width: 340px;
}

label {
  clear: left;
  float: left;
  width: 150px;
}

.payment label {
	display: block;
	float: none;
	width: auto;
}

.payment .error {
	display: block;
	font-weight: bold;
	margin: 0.5em 0 0.25em;
	padding: 0.25em 0.5em;
	width: 50%;
}

.payment .error.hide {
	display: none;
}

.required
{
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
    FONT-SIZE: 11px;
	color: #7196F3;
	FONT-WEIGHT: bold;
}

.required.red {
  color: red;
}

.small
{
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
    FONT-SIZE: 10px;
	color: #000000;
}

.footer
{
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
    FONT-SIZE: 9px;
	color: #000000;
}

.snav
{
    COLOR: #333333;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-decoration:none;
}

.hnav
{
    COLOR: #000000;
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
	FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	text-decoration:none;
}

P
{
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
    FONT-SIZE: 11px;
	color: #000000;
	line-height:1.4;

}

P.subheader
{
	FONT-FAMILY: verdana, arial, geneva, sans-serif;
    font-size: 11px;
	color: #000000;
	font-weight: bold;
	margin-top: 12px;
}

P.indent
{
	margin-top:-16px;
	margin-bottom:-10px;
	margin-left:30px;
}

/* used in left nav for sections */
p.indented {
	padding-left: 1em;
}

.header
{
    FONT-FAMILY: verdana,arial,geneva,sans-serif;
    FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	color: #000000;

}


UL
{
	LIST-STYLE: square;
	LINE-HEIGHT: 1.4;
	margin-top: 5px;
	margin-bottom: 5px;
}

h4 {
	font-style: italic;
	border-bottom: solid 1px #333;
	padding-bottom: 0.25em;
	font-size: 13px;
}

div.more_info {
	clear: both;
	text-align: center;
	border: solid 1px black;
	background: #d9d9d9;
	padding: 4px 8px;
	margin: 1em;
}

/* BEGIN: DATA TABLES */
table.data {
	font-size: 11px;
	border: solid 1px #ddd;
	width: 100%;
}

table.data th, table.data td {
	padding: 2px 4px;
}

table.data th, table.data tr.no-hover:hover th {
	text-align: left;
	background: #ddd;
	color: black;
}

table.data tr:hover th {
	background: #666;
	color: white;
}

table.data td, table.data tr.no-hover:hover td {
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	background: white;
	color: black;
}

table.data tr:hover td {
	background: #7196f3;
	color: white;
}
    table.data tr:hover td a {
        color: white;
    }
/* END: DATA TABLES */

div.sidebar {
	float: right;
	width: 25%;
	background: #f6f6f6;
	padding: 10px 16px;
	margin: 0 0 1em 1em;
}

img.right {
	float: right;
	border: solid 1px black;
	margin: 0 0 1em 1em;
}

hr {
	clear: both;
}

/* surf photos */
#photo-holder {
	width: 450px;
	border: solid 6px #ccc;
	margin: 1em 0;
}

#photo-thumbs {
	width: 320px;
	padding: 0 70px;
	text-align: center;
}

#photo-thumbs img {
	width: 45px;
	height: 30px;
	border: solid 2px #ccc;
	margin: 0 1px 1px 0;
}

#photo-thumbs img:hover {
	border-color: blue;
}

/* big cover photos */

.cover-image {
	background: no-repeat center center;
	background-size: cover;
	border: solid 1px black;
	display: block;
	height: 400px;
	height: 25vw;
	width: 100%;
}

/* sidebar photos */

#photos-sidebar {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}
    #photos-sidebar li {
        display: block;
        margin: 1em 0 0 1em;
        padding: 0;
    }
    #photos-sidebar img {
        border: solid 1px blue;
        cursor: pointer;
        height: auto;
        width: 200px;
    }

/* error display */
.error, .error td {
    background: #c00;
    color: white;
}

blockquote.error {
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
}

/* honeypot captcha */
#captcha {
    display: none;
}

/* weather modules */

.weather_right {
    float: right;
    margin: 0 0 10px 10px;
}

/* youtube videos */

iframe.youtube {
	height: 360px;
	width: 640px;
}
	iframe.youtube.right {
		float: right;
		margin: 0 0 1em 1em;
	}

@media screen and (max-width: 1050px) {
	iframe.youtube {
		height: 270px;
		width: 480px;
	}
}

@media screen and (max-width: 800px) {
	iframe.youtube {
		height: 225px;
		width: 400px;
	}
}