/* Central Coast Adventures style sheet */
html, body {
width: 100%;
height: 100%;
margin: 0px;
vertical-align: top;
text-align: center;
}
body {
font: 70% normal Verdana, Arial, Helvetica, sans-serif;
color: #453E29;
background: #003866 url(/layout/body_bg.gif);
}

/* MAIN CONTENT STYLES */
p, table, td, td table, ul, ol, dl, li, div, span, blockquote, font {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #453E29;
line-height: normal;
}
font {
background-color: transparent;
}
p, blockquote, ul, ol, dl {
margin-top: 0px;
padding-top: 0px;
}
.content div {margin-bottom: 1.2em;} /* spacing like paragraphs in content areas */
ul, ol, dl {
padding-bottom: 0.5em;
}
h1 {
font-size: 1.5em;
color: #003866;
}
h2 {
font-size: 1.2em;
color: #002B55;
text-transform: none;
margin-bottom: 0.25em;
padding-top: 0.5em;
}
h3, h4, h5, h6 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0.25em;
padding-top: 0.5em;
}
h4, h6 {
font-style: italic;
}
a:link, a:link font {
color: #006699;
}
a:visited, a:visited font {
color: #336633;
}
a:hover, a:hover font {
color: #6285A3;
text-decoration: none;
}
a:active, a:active font {
color: #FFF;
text-decoration: none;
background: #ADBDCC;
}

.smalltext {font-size: 0.8em}
.largetext {font-size: 1.3em}
.border {border: solid 1px #333;}

/* Default Table Styles */
table.table- {} /* Default Table Styles */
tr.table-odd {background-color: #FFF;}
tr.table-even {background-color: #E9EFF4;}

table.table-heading- {} /* Autoformat Table Style with Heading Row
*/
td.table-heading-topleft, td.table-heading-topright, td.table-heading-topcenter {
background: #FFF;
color: #002B55;
font-weight: bold;
}
tr.table-heading-odd {background-color: #FFF;}
tr.table-heading-even {background-color: #E9EFF4;}


/* MAIN LAYOUT */
#container {
width: 960px;
margin: 0px auto;
vertical-align: top;
text-align: left;
border-left: solid 1px #4f4b40;
border-top: solid 1px #4f4b40;
}
#logo {
width: 180px;
margin: 0;
background: #e6f0fa url(/layout/cca-logo2.gif) no-repeat left top;
vertical-align: top;
text-align: center;
}
#logo a:active {background-color: transparent;}
#logo img {width: 180px; height: 120px;}
#leftnav {
width: 150px;
margin: 0;
padding: 0px 15px;
background: #e6f0fa;
}
#topnav {
height: 29px;
margin: 0;
padding: 5px 14px 5px;
background: #E3DABB url(/layout/lines_bg2.gif) repeat-y right top;
text-align: right;
vertical-align: top;
}
.stripe {
background: #6285A3 url(/layout/stripe_bg.gif) repeat-x;
height: 10px;
}
#header {
background: #aacde9 url(/layout/boats2.jpg) no-repeat bottom;
height: 225px;
width: 780px;
}
#headingbar-lft {
background: #FFF;
height: 40px;
margin: 0px;
padding: 0px;
}
#headingbar {
background: #FFF;
margin: 0px;
padding: 5px 30px;
vertical-align: middle;
}
#headingbar h1 {
margin: 0px;
padding: 0px;
}

#headingbar-right {
height: 40px;
margin: 0px;
padding: 0px;
background: #fff;
}
#main {
height: auto;
width: 960px;
margin: 0px;
padding-bottom: 4em;
vertical-align: top;
background: #E3DABB url(/layout/lines_bg2.gif) repeat-y top;
}
#main-default {
height: auto;
margin: 0px;
padding: 30px 100px 2em 210px;
vertical-align: top;
}
.left {
background-color: #E3DABB;
vertical-align: top;
height: auto;
}
#right {
background-color: #E3DABB;
height: auto;
vertical-align: top;
}
#footer-left {
background-color: #FFFFFF;
}
#footer {
background-color: #FFFFFF;
font-size: 0.9em;
margin: 0px;
padding: 10px 30px 2em;
}
#footer a, #footer a:visited {
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
color: #003467;
}
#footer a:hover {
color: #6285A3;
}
#footer a:active {
color: #FFF;
}
#footer-right {
background-color: #FFFFFF;
text-align: right;
vertical-align: top;
padding: 10px;
}
.bg-clr {
background: #4f4b40;
}

/* Home Page Layout */
#main-home {
float: left;
height: auto;
width: 480px;
margin: 0px;
padding: 1em 0px 2em 30px;
vertical-align: top;
}
.hm-right {
float: right;
margin-top: 39px;
}
.hm-left {
float:left;
margin-top: 38px;
}


/*******************NAVIGATION**********************/
/* Main Menu */
#nav1, #nav1 ul {
margin: 0px;
padding: 0px;
list-style: none;
float : left;
width: 150px;
z-index: 10;
}
#nav1 li {
float: left;
line-height: 1.2em;
}
/* width needed in the #nav1 li selector or else Opera goes nuts */
#nav1 li.nav-top { /* set different widths on top and subs */
width: 148px;
margin: 0px 0px 2px 0px;
padding: 0px;
border: solid 1px #99917A;
vertical-align: middle;
text-align: center;
background: url(/layout/trans_bg_50p.png);
}
#nav1 li a, #nav1 li a:link, #nav1 li a:visited {
display: block;
color: #001643;
font-size: 10px;
font-weight: normal;
text-decoration: none;
height: 100%;
margin: 0px;
padding: 2px 4px 4px;
}
#nav1 li a:hover {
color: #FFF;
background: #7D9AB3;
}
#nav1 li a:active {
color: #7D9AB3;
background: #FFF;
}

#nav1 li ul { /* second-level lists */
position : absolute;
left: -999em;
width: 138px;
margin-left : 125px;
margin-top : -1.5em;
border: 1px solid #999;
z-index: 11;
}
#nav1 li ul li.nav-sub { /* set different widths on top and subs */
width: 138px;
border: 0px;
line-height: 1em;
background:  url(/layout/trans_bg_90p.png);
}
#nav1 li ul a, #nav1 li ul a:link, #nav1 li ul a:visited {
display: block;
margin: 0px;
padding: 3px 6px 6px;
text-align: left;
}
#nav1 li ul a:hover {
color: #FFF;
background-color: #7D9AB3;
}
#nav1 li ul a:active {
color: #7D9AB3;
background-color: #FFF;
}
#nav1 li ul ul { /* third-and-above-level lists */
left: -999em;
margin-left : 136px;
margin-top : -1.6em;
z-index: 12;
}


#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li:hover ul ul ul ul, #nav1 li:hover ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul ul ul,
#nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul, #nav1 li.sfhover ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul ul ul { /* hide third-and-above-level lists */
left: -999em;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li li li li:hover ul, #nav1 li li li li li:hover ul, #nav1 li li li li li li:hover ul, #nav1 li li li li li li li:hover ul, #nav1 li li li li li li li li:hover ul, #nav1 li li li li li li li li li:hover ul, #nav1 li li li li li li li li li li:hover ul,
#nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul, #nav1 li li li li.sfhover ul, #nav1 li li li li li.sfhover ul, #nav1 li li li li li li.sfhover ul, #nav1 li li li li li li li.sfhover ul, #nav1 li li li li li li li li.sfhover ul, #nav1 li li li li li li li li li.sfhover ul,  #nav1 li li li li li li li li li li.sfhover ul { /* show lists nested under hovered list items */
left: auto;
}

#nav1 li:hover, #nav1 li.hover { /* fix for IE7 sticky menu bug */
    position: static;
}

.nav-arrow {margin: 0px 2px;}

.clear { /* content underneath the menu needs to be cleared */
clear: both;
}

/* Top Menu */
#nav-text2 {height: 19px; margin-top: 10px;}
#nav-text2 a, #nav-text2 a:visited {
font-size: 10px;;
font-weight: normal;
text-decoration: none;
color: #003467;
}

#nav-text2 a:hover {
color: #6285A3;
}
#nav-text2 a:active {
color: #FFF;
}

/* END NAVIGATION */



/* MODULES */
/* FORMs */
h1.form-title {
font-size: 1.2em;
color: #002B55;
text-transform: none;
margin-bottom: 0.25em;
padding-top: 0.5em;
}
.form-tdtext {width: 20%;}
.form-submitbtn, .form-resetbtn {
color: #003467;
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
text-align: center;
background: #A5B8C9;
border: solid 1px #99917A;
}
.form-required {
color: #663333;
font-size: 0.9em;
font-weight: bold;
}

/************PHOTO GALLERY***********/
table.photos-album-table {
width: 424px;
}
table.photos-album-table td.photos-album {
width: 424px;
margin: 0px;
padding: 0px;
vertical-align: top;
}
h2.photos-album-header {
display: block;
width: 220px;
margin: 0px;
padding: 10px 10px 5px;
float: right;
}
.photos-album-photobox {
width: 152px;
margin: 0px;
margin-right: 10px;
padding: 10px 10px 10px;
display: block;
float: left;
text-align: center;
border: solid 1px #333;
background: #FFF;
}
.photos-album-thumbnail {
border: 1px solid #333;
}
a:hover img.photos-album-thumbnail {
border: 1px solid #6285A3;
}
.photos-album-lastupdated {
font-size: 0.8em;
margin: 0px;
padding: 2px 0px;
text-align: center;
}
.photos-album-textbox {
display: block;
width: 220px;
margin: 0px;
padding: 0px 10px;
float: left;
text-align: left;
}

/* Pop-up Window */
#photos-view-body {
background: #FFF;
}
.photos-view-photo {
border: 1px solid #333;
}
.photos-view-button {
color: #CCC;
font-size: 0.9em;
font-weight: normal;
text-align: center;
margin: 4px 16px;
}
.photos-view-button a, .photos-view-button a:visited {
display: block;
float: none;
color: #003467;
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
text-align: center;
width: 95%;
margin: 0px 1px;
padding: 2px 8px 4px;
background: #A5B8C9;
border: solid 1px #99917A;
}
.photos-view-button a:hover {
color: #FFF;
background: #7D9AB3;
}
.photos-view-button a:active {
color: #7D9AB3;
background: #FFF;
}
.photos-fulllink {
font-size: 0.8em;
padding-top: 0.2em;
}
h2.photos-phototitle {
margin: auto;
text-align: center;
}

/* Thumbnail View */
.thumbnail {
width: 500px;
margin: 0px;
padding: 0px 0px 10px;
vertical-align: top;
text-align: center;
}
h2.thumbnail-album-title {
text-align: left;
display: block;
margin: 0px;
padding: 5px 0px;
}
.thumbnail-textbox {
text-align: left;
margin: 0px;
padding: 10px;
}
table.thumbnail-table {
vertical-align: top;
text-align: left;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}
table.thumbnail-table td.thumbnail-pic {
padding: 10px;
vertical-align: top;
text-align: center;
border: solid 1px #333;
background: #FFF;
}
td.thumbnail-pic img {
border: 1px solid #333;
margin-bottom: 0.5em;

}
td.thumbnail-pic a:hover img {
border: 1px solid #6285A3;
}
p.photos-phototitle {
}