/*main link color: #09578B */

body {
	margin: 20px 0 20px 0;
	padding: 0;
	background-color: #F0F0F0;
}
h1 {
	display: block;
  font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	padding: 0;
	margin: 0 0 1px 0;
	text-align: left;
}
#boxLeft h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0 0 5px 0;
}

h2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	display: block;
	padding: 0;
	margin: 12px 0 5px 0;

}
h3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	display: block;
	padding: 0;
	margin: 5px 0 2px 0;

}
h4 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	display: block;
	padding: 0;
	margin: 12px 0 2px 0;
	font-weight: bold;
	font-style: italic;

}
.blue {
	color: #09578B;
	font-weight: bold;
}
.green {
	color: #006633;
	font-weight: bold;
}
.blue a:link, .blue a:hover, .blue a:visited {
	color: #09578B;
	font-weight: bold;
	text-decoration: underline;
}
#colMain p {
	margin: 0px 0 5px 0;
	line-height: 18px;
}
#boxLeft p {
	margin: 0px 0 5px 0;
	line-height: 18px;
}
ol {
	line-height: 19px;
	margin: 0;
	padding: 5px 0 5px 0;

}
#colMain ul {
	margin: 0;
	padding: 0 0 5px 0;
		}
#colMain li {
	margin-left: 35px;
	padding: 0px;
}
#mainTable {
	font-family:Arial, Helvetica, sans-serif;
  background-color: #FFF;
	width: 780px;
	border: 1px solid #999;
}
#navTop {
  font-family: Arial, Helvetica, sans-serif;
  text-align: right;
	font-size: 12px;
	margin: 15px 20px -5px 0;

}
#navTop a:visited {
	color: #666;
}
#navToplist a:link, navToplist a:visited {
	color: #666;
}
#navToplist a:hover {
	color: #336633;
}

#navToplist li
{
display: inline;
list-style-type: none;
padding-left: 15px;
}
/* #currentTop a:link, #currentTop a:visited, #currentTop a:hover {
	color: #FF8962;
	font-weight: bold;
	padding-right: 20px;
	text-decoration: none;
	
}
*/


#headerPhoto {
	padding-left: 3px;
	margin-left: 6px;
	margin-bottom: 4px;

}
#navLeft {
/*	background-color: #F0F0F0; */
	margin-bottom: 12px;
	padding: 5px 0 10px 0;
/*	border: 1px solid #999; */
}
#subNav a:link, #subNav a:visited {
	font-size: 12px;
	color: #336633;
	text-decoration: none;
	font-weight: normal;
	margin-left: 22px;
	line-height: 18px;
	
}
#subNav a:hover {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	line-height: 18px;
}


#colLeft {
	width: 220px;
	padding: 12px 0 12px 12px;
	text-align: left;
	color: #336633;
}

#colLeft p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 16px;	
}
.colLeftText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #99B299;/* #ABC7EC;*/
	border: 1px solid #ccc;
	width: 218px;
	padding: 6px 6px 6px -8px;
	margin: 20px 0 20px 0;
	line-height: 17px;

}
.colLeftTextBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #6E8CB5;/* #ABC7EC;*/
	border: 1px solid #ccc;
	width: 218px;
	padding: 6px 6px 6px -8px;
	margin: 20px 0 20px 0;
	line-height: 17px;

}
.colLeftTextGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 20px 0 20px 0;
	line-height: 17px;

}
a.greyLink span, a.greyLink:visited span {
	color: #666;
	text-decoration: underline;
	margin-left: -30px;
	display: inline;
	font-weight: bold;
}

a.whiteLink span, a.whiteLink:visited span {
	color: #fff;
	text-decoration: underline;
	margin-left: -30px;
	display: inline;
}
a.whiteLink:hover span {
	color: #f0f0f0;
	text-decoration: underline;
	margin-left: -30px;
	display: inline;
}
.colLeftTextHeading1 {
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	margin-top: 5px;
}
#colLeft h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336633;
	padding: 0 0 0 12px;	
	margin-top: 6px;
	font-weight: bold;
}
#colLeft img {
	padding: 0;
}
#colLeft a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
	text-decoration: none;
    padding: 0 0 0 30px;
	line-height: 22px;
	
}
#colLeft a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
	text-decoration: none;
	padding: 0 0 0 30px;
	line-height: 22px;
}
#colLeft a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	padding: 0 0 0 30px;
	line-height: 22px;	

}
#colLeftNarrow {
	width: 115px;
	padding: 12px 0 12px 12px;
	text-align: left;
	color: #336633;
}
#colLeftNarrow p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 16px;	
}
#colLeftNarrow h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336633;
	padding: 0 0 0 12px;	
	margin-top: 6px;
	font-weight: bold;
}
#colLeftNarrow img {
	padding: 0;
}
#colLeftNarrow a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
	text-decoration: none;
    padding: 0 0 0 30px;
	line-height: 22px;
	
}
#colLeftNarrow a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
	text-decoration: none;
	padding: 0 0 0 30px;
	line-height: 22px;
}
#colLeftNarrow a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	padding: 0 0 0 30px;
	line-height: 22px;	

}
#colMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 12px;
	line-height: 18px;
}
/* hr madness !!! Thanks to http://saila.com/webdesign/tips/hr/  */

/* hr For Internet Explorer */

hr { text-align: left; 
     margin-left: 50px; 
	 width: 150px; 
	 height: 2px; 
	 color: #ABC7EC; 
	 border: none; 
} 
/* hr For Gecko-based browsers */
html>body hr { 
	margin-left: 50px; 
	width: 150px; 
	height: 2px; 
	background-color: #ABC7EC; 
	border: none;
} 
/* For Opera and Gecko-based browsers */
html>body hr { 
	margin-left: 50px; 
	width: 150px; 
	height: 2px; 
	background-color: #ABC7EC; 
	border: 0px solid #ABC7EC; 
} 
#colMain a:link, #basicListing a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #09578B;
}
#colMain a:visited, basicListting a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
#colMain a:hover, basicListing a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#colRight {
	padding: 6px 0 0 6px;
}
#colWide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 20px;

}
#colWide a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #09578B;
}
#colWide a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
#colWide a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
}
#featureLeft a:link, #featureLeft a:visited, #featureLeft a:hover {
	text-align: center;
	margin: 0;
    padding: 0;

}
#featureLeft img {
	border: 0;
	margin: 0;
	padding: 0;
}
#featureLeftSub img {
	border: 1px solid #fofofo;
	margin: -4px 0 0 -6px;
	}
#featureLeftSub a:link, #featureLeftSub a:visited, #featureLeftSub a:hover {
	margin: 0;
	padding: 0;
}


#basicRight {
	display: block;
	float: right;
	width: 220px;
	margin: 2px 6px 2px 6px;
	padding: 4px;
	border: 1px solid #f0f0f0;
}
#basicRight p {
	margin-bottom: 2px;
}
#basicRight a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #09578B;
}
#basicRight a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
#basicRight a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
}
#boxLeft {
	width:220px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: 786755;
	color: #FFF;
	line-height: 17px;
	margin: 5px 0 5px 0;
	padding: 8px 0 8px 0;

}
#boxLeft p {
	padding: 0px 5px 0 8px;
}

#boxLeft a:link, #boxLeft a:visited {
	color: #FFF;
}
#boxLeft a:hover{
	color: #FF8962;
}

#boxRight {
	display: block;
	width: 128px;
	border: 1px solid #336699;
	font-size: 11px;
	color: #666;
	padding: 5px 2px 5px 4px;
	margin: 40px 0 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-align: left;
}

#currentSide a:link, #currentSide a:visited, #currentSide a:hover {
	color: #336633;
	font-weight: bold;
	background-image: url(images/current-page.gif);
	background-repeat: no-repeat;
	background-position: left center;



	
}

/* top horizontal navigation modified with thanks from listamatic: http://css.maxdesign.com.au/listamatic/horizontal10.htm */
#navcontainer
{
padding: 0 0 0 15px;
display: block;

}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
text-align: center;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}



#navcontainer A
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
display: block;
width: auto;
text-decoration: none;
background: #99B299;
margin: 0;
padding: 8px 17px 8px 17px;
border-right: 1px solid #fff;
text-align: center;
}
#navcontainer a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
display: block;
width: auto;
text-decoration: none;
background: #99B299;
margin: 0;
padding: 8px 17px 8px 17px;
border-right: 1px solid #fff;
text-align: center;
}

#navcontainer A:hover { 
	background-color: #bbb; 
	text-align: center;
}

#navlist A.active:link,
#navlist A.active:visited {
	background:#bbb;
}





/* feature advertising table */
#padding {
	padding: 0px 8px 8px 8px;
}
#boxFeature {
	display: block;
	width: 520px;
	height: 200px;
	border: 1px solid #A2A2C1;
	font-size: 12px;
	color: #666;
/*	padding: 8px;*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	padding: 0;
	margin: 0px 0 7px 0px;
}
#boxFeature img {
	margin: 6px 2px 0 6px;
}
#boxFeatureHeading {
	color: #336633;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;
	width: 100%;
	border-bottom: 1px solid #999;
	padding-top: 8px;
	padding-bottom: 6px;
	height: 22px;
}
#boxFeatureHeading h2 {
	font-size: 16px;
	font-weight: bold;
	display: inline;
	margin: 6px;
}
#boxFeature h3 {
	font-size: 14px;
	color: #336633;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 8px 0 0px 0;
	font-style: italic;
}
#boxFeatureHeading a:link {
	font-size: 14px;
	color: #336633;
}

#boxFeatureHeading a:visited {
	font-size: 14px;
	color: #336633;
} 
#boxFeatureHeading a:hover {
	font-size: 14px;
	color: #666;
}
#boxFeatureHeading p {
	display: inline;
	margin-left: 130px;
	font-size: 12px;

}
#boxFeatureHeading p a:link, #boxFeatureHeading p a:visited, #boxFeatureHeading p a:hover {
	font-size: 12px;

}



#navRight {
	background-color: #F0F0F0;
	border: 1px solid #999;
	width: 220px;
	padding: 0px;
	margin: 6px 0 6px 10px;
	padding: 5px 0 10px 0;
	text-align: left;
	color: #336633;
	float: right;
	display: block;
}

#navRight p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 16px;	
}
#navRight h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336633;
	padding: 0 0 0 12px;	
	margin-top: 6px;
	font-weight: bold;
}
#navRight img {
	padding: 0;
}
#navRight a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
	text-decoration: none;
    padding: 0 0 0 30px;
	line-height: 22px;
	
}
#navRight a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
	text-decoration: none;
	padding: 0 0 0 30px;
	line-height: 22px;
}
#navRight a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	padding: 0 0 0 30px;
	line-height: 22px;	

}
#featureRight {
/*	background-color: #F0F0F0;
	border: 1px solid #999;*/
	padding: 4px;
	margin: 6px;
/*	color: #336633;*/
	float: right;
	display: block;
	width: 214px;


}

#featureRight img {
	border: 0;
	margin: 0;
	padding: 0;
}

#colMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 12px;
	line-height: 17px;

}
#basicListing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}


#basicListing p {
	text-align: left;
	margin: 2px 0 2px 0;
}

.end {
    text-align: center;
	padding-top: 6px;
}
#bigLink {
	font-size: 18px;
	line-height: 22px;
}
#bigLink a:link, #bigLink a:visited, #bigLink a:hover {
	font-size: 18px;
	line-height: 22px;
}
#viewmap {
	color: #FF0000;
	font-weight: bold;
	
}
#viewmap a:link {
	color: #FF0000;
	font-weight: bold;
	
}
#viewmap a:visited {
	color: #FF0000;
	font-weight:bold;
}
.borderGrey {
	border: 1px solid #ccc;
}
/* TIDE STYLES */
.tides a:link, a:visited, a:hover {
	color: #FFF;
}
table.tides {
  margin-top: 20px;
  border: 1px solid #999;
  border-collapse: collapse;
 }
table.tides td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #09578B;
	border: 1px solid #999;
	padding: 2px 4px 2px 4px;
	line-height: 20px;
	
}
table.tides p {
	margin-left:-5px;
}
.tidesHeader1 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3px;
	margin-top: 0px;
}
.tidesHeader2 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	padding: 0;
}

#tidesIndex {
	font-size:12px; 
	margin-left:20px;
	margin-right:20px;
	width: 260px;
	color: #666;
}
table#tidesIndex {
  border: 1px solid #999;
  border-collapse: collapse;
 }
table#tidesIndex td {
	border: 1px solid #999;
	
}

.tidesMonth th {
  background-color: #F0F0F0;
  border: 1px solid #999;
}
table.tidesMonth {
	border: 1px solid #999;
	border-collapse: collapse;
}
table.tidesMonth td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
	padding: 2px 4px 2px 4px;
	line-height: 20px;
	border: 1px solid #999;
}

.tidesMonth h1 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;

}
.tidesMonth h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: -14px;
	margin-top: 0px;
}
.tidesMonth h4 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
}
.week {
	height: 10px;
	background-color: #F0F0F0;
}
/* END TIDE STYLES */
/* HOME FEATURE STYLES */

.homeTopLink a:link, a:visited, a:hover {
	color: #666;
}
.homeTop th {
	background-color: #003399;
	border: 1px solid #999;
	height: 54px;
	padding: 0px 0px 0px 0px;
	background-image: url(../../images/blue-gradient.jpg);
	background-repeat: repeat-x;
}
table.homeTop {
	border: 1px solid #274196;

	
/*	border-collapse: none;*/
}
table.homeTop td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 8px 5px 8px 5px;
	margin-top: 50px;
	border-bottom: 1px solid #274196;
}
table.homeTop tr {
	border-bottom: 1px solid #274196;
}
.homeTop h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;

}
.homeTop h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	color: #274196;
	
}
.homeTop h4 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* end HOME FEATURE STYLES */
#hikingTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	width: 480px;

}
#headerFeature {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
	color: #669966; 
	text-align:center;
}
#headerFeature a:link, #headerFeature a:visited {
	color: #336699;
}
#headerFeature a:hover {
	color: #669966;
}