@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
		}

a:hover {
    text-decoration:underline;
        }

body {
    background: #C3C0B6 url('/images/bg.png') repeat-x fixed 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
		}

#wrap {
	width:100%;
	min-width:995px;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 0;
	background:url('/images/content_bg.png') repeat-y center;
		}

.clear {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
		}

#content {
	width:980px;
	margin:0 auto;
	height:auto;
		}
        #content #mobileText {
            margin-bottom: 5px;
            color: red;
                }
            #content #mobileText a {
                text-decoration: none;
                color: #808080;
                    }

.left {
	float:left;
		}

.right {
	float:right;
		}

#logo {
	width:267px;
	height:67px;
	background:url('/images/logo.png') no-repeat;
	margin:0 0 10px 0;
		}
		#logo a {
			text-indent:-9999px;
			border:none;
			height:67px;
			width:267px;
			overflow:hidden;
			display:block;
				}

#search {
    display: block;
    float: right;
    clear: right;
    width: 215px;
	text-align: right;
	margin:0;
		}
        #search form {
            width: 215px;
                }
        #search #searchLabel {
            width: 35px;
            float: left;
            height: 35px;
            padding: 5px;
            color: black;
                }
        #search #searchCap {
            width: 5px;
            float: left;
            height: 35px;
            background:url('/images/search.gif') no-repeat left top;
        }
        #search #searchMiddle {
            width: 120px;
            float: left;
            height: 35px;
            background:url('/images/search.gif') no-repeat center top;
                }
        #search #searchSubmit {
            width: 30;
            float: left;
            height: 35px;
                }
.search {
    background-color: transparent;
    border: 0;
    position: relative;
    top: 5px;
    width: 120px;
    font-size: 11px;
		}

#nav {
    display: block;
    float: right;
    clear: right;
	text-align:right;
	height:22px;
    width: 700px;
		}
		#nav li {
			list-style:none;
			display:inline;
			padding:0 10px;
			font-size:13px;
			color:#000000;
			font-weight:bold;
            margin: 0;
				}
				#nav li a {
					font-weight:bold;
					text-decoration:none;
					color:#FFFFFF;
						}
                #nav li.home {
                    background:#c9cba9;
                    padding:0 10px 0 40px;
                        }
				#nav li.forecast {
					background:#c3c3aa;
						}
				#nav li.cams {
					background:#bfbeaa;
						}
				#nav li.videos {
					background:#bdbbaa;
						}
				#nav li.photos {
					background:#a19f95;
						}
				#nav li.news {
					background:#908f89;
						}
				#nav li.travel {
					background:#868581;
						}
                #nav li.green {
                    background:#807f7d;
                        }
                #nav li.fasl {
                    background:#807f7d;
                        }
				#nav li.shop {
					background:#656464;
					padding:0 20px 0 10px;
						}
                #nav li.on {
                    background:#ffffff;
                    border-top: 1px solid black;
                    border-left: 1px solid black;
                    border-right: 1px solid black;
                        }

#login {
	width:237px;
	height:auto;
		}
		#login .top {
			background:url('/images/login_t.gif') no-repeat;
			height:7px;
			width:237px;
				}
		#login .bg {
			background:url('/images/login_bg.gif') repeat-y;
			height:auto;
			width:223px;
			color:#4f473c;
			font-size:13px;
			line-height:20px;
			padding:7px;
				}
				#login .bg a {
					color:#787c28;
					text-decoration:none;
						}
						#login .bg a {
							text-decoration:underline;
								}
		#login .bot {
			background:url('/images/login_b.gif') no-repeat;
			height:7px;
			width:237px;
				}

#ad_t {
	width:728px;
	height:90px;
	background:url('/images/ad.jpg') no-repeat;
		}

#today {
	background:#4f473c;
	width:970px;
	padding:5px;
	margin:0 0 0 0;
		}
		#today h1 {
			color:#FFFFFF;
			font-size:17px;
			font-weight:bold;
				}

#map a img {
    width:402px;
    height:248px;
    float:left;
    border: 0;
        }

#top {
    padding:10px;
    width:960px;
    height:auto;
    border-bottom:3px solid #4f473c;
    margin:0 0 20px 0;
        }
        #top .forecasts {
	        float:left;
	        width:230px;
	        border-right:1px dotted #767676;
	        padding:0 10px;
	        margin:0 10px 0 0;
		        }
		#top li {
			color:#767676;
			margin:0 0 5px 15px;
				}
		#top li.arrow {
			background:url('/images/arrow.jpg') no-repeat left;
			padding:0 0 0 15px;
			margin:0 0 0 15px;
			list-style:none;
				}
		#top li a {
			color:#787c28;
			text-decoration:none;
				}
				#top li a:hover {
					text-decoration:underline;
						}
		#top h1 {
			font-family:"Arial Narrow",Arial;
			font-size:18px;
			color:#4f473c;
			text-transform:uppercase;
			margin:0 0 10px 0;
			font-weight:bold;
				}

#featureContainer {
    width:960px;
    height:auto;
    margin:0 0 20px 0;
        }
        #featureContainer h1 {
            padding-bottom: 10px;
            border-bottom:2px solid #4f473c;
            font-family:"Arial Narrow",Arial;
            font-size:18px;
            color:#4f473c;
            text-transform:uppercase;
            font-weight:bold;
                }
                #featureContainer h1 #hd {
                    color: #ffffff;
                    background-color: #000000;
                        }
        #featureContainer .featured {
            float: left;
            width: 310px;
            margin: 0 0 20px 0;
            padding: 10px 5px 0 5px;
            font-weight: bold;
                }
                #featureContainer .featured a {
                    font-size: 14px;
                    text-decoration: none;
                    color: #787c28;
                    text-transform: uppercase;
                        }
                        #featureContainer .featured a img {
                            width: 295px;
                            padding: 2px;
                            border: 1px solid #e7d9d9;
                            margin: 0 0 5px 0;
                        }

#top .cams {
	width:270px;
	height:auto;
	padding:0 10px;
	float:left;
		}
        #top .cams .left {
	        width:135px;
		        }
		        #top .cams .left h2 {
			        color:#767676;
			        font-family:"Arial Narrow",Arial;
			        font-size:16px;
			        margin:10px 0;
			        text-transform:uppercase;
			        font-weight:bold;
				        }

#first {
	margin:0 0 10px 0;
		}

#first .left {
	width:655px;
		}
		#first .left .item {
			margin:15px 0 15px 0;
				}
				#first .left .item .thumb {
					float:left;
					width:auto;
					height:auto;
					border:1px solid #6d6c63;
					margin:0 10px 0 0;
						}
				#first .left .item .desc {
					float:left;
					width:500px;
						}
						#first .left .item .desc .meta {
							padding:10px 0 0 0;
								}
						#first .left .item .desc h3 {
							font-size:17px;
								}
						#first .left .item .desc a {
							text-decoration:none;
							color:#787c28;
								}
		#first .left .vid {
			width:150px;
			height:auto;
			float:left;
			margin:10px 6px 10px 7px;
			text-align:center;
			display: inline;
				}
				#first .left .vid img {
					border:1px solid #6d6c63;
					text-decoration:none;
						}
				#first .left .vid a {
					color:#787c28;
					text-decoration:none;
						}
						#first .left .vid a:hover {
							text-decoration:underline;
								}
		#first .left .photo {
			width:303px;
			height:auto;
			float:left;
			display: inline;
			margin:10px;
				}
				#first .left .photo img {
					border:1px solid #6d6c63;
						}
				#first .left .photo a {
					color:#787c28;
					font-size:14px;
					font-weight:bold;
					text-decoration:none;
						}
						#first .left .photo a:hover {
							text-decoration:underline;
								}
        #first .left #halfNews {
            width:303px;
            height:auto;
            float:left;
            display: inline;
            margin:10px;
                }
                #first .left #halfNews h1 {
                    border-bottom:2px solid #4F473C;
                    color:#4F473C;
                    font-family:"Arial Narrow",Arial;
                    font-size:18px;
                    font-weight:bold;
                    padding-bottom:2px;
                    text-transform:uppercase;
                        }
                #first .left #halfNews .newsItem {
                    font-size: 11px;
                    padding: 10px 0px;
                        }                
                        #first .left #halfNews .newsItem img {
                            float: left;
                            width: 60px;
                            height: 45px;
                            border: 1px solid black;
                            margin-right: 5px;
                                }                
                        #first .left #halfNews .newsItem h3 {
                            font-size: 11px;
                            font-weight: bold;
                                }                
                        #first .left #halfNews .newsItem a {
                            color: #787C28;
                                }                
        #first .left #halfPhoto {
            width:303px;
            height:auto;
            float:left;
            display: inline;
            margin:10px;
                }
                #first .left #halfPhoto h1 {
                    border-bottom:2px solid #4F473C;
                    color:#4F473C;
                    font-family:"Arial Narrow",Arial;
                    font-size:18px;
                    font-weight:bold;
                    padding-bottom:2px;
                    text-transform:uppercase;
                        }
                #first .left #halfPhoto .galleryItem {
                    font-size: 11px;
                    padding: 7px 0px;
                        }                
                        #first .left #halfPhoto .galleryItem img {
                            float: left;
                            width: 100px;
                            height: 75px;
                            border: 1px solid black;
                            margin-right: 5px;
                                }
                        #first .left #halfPhoto .galleryItem h3 {
                            font-size: 11px;
                            font-weight: bold;
                                }
                        #first .left #halfPhoto .galleryItem a {
                            color: #787C28;
                                }
        #first .left #videoPlayerContainer {
            border-bottom: 2px solid #DCDBD9;
                }
                #first .left #videoPlayerContainer #videoTitle {
                    font-size: 25px;
                    font-weight: bold;
                    color: #ffffff;
                    background-color: #000000;
                    padding: 10px;
                        }
                #first .left #videoPlayerContainer #videoFlv {
                    text-align: center;
                    width: 655px;
                    height: 368px;
                        }
                        #first .left #videoPlayerContainer #videoFlv object {
                            width: 655px;
                            height: 368px;
                                }
                                #first .left #videoPlayerContainer #videoFlv object embed {
                                    width: 655px;
                                    height: 368px;
                                        }
                #first .left #videoPlayerContainer #videoDetails {
                    width: 655px;
                    background-color: #F1F0EE;
                    font-size: 12px;
                        }
                        #first .left #videoPlayerContainer #videoDetails #userBadge {
                            padding: 20px;
                            width: 210px;
                            float: left;
                            background-color: #F1F0EE;
                                }
                                #first .left #videoPlayerContainer #videoDetails #userBadge #avatar {
                                    margin-right: 5px; 
                                    width: 75px;
                                    height: 75px;
                                    border: 1px solid black;
                                    float: left;
                                        }
                        #first .left #videoPlayerContainer #videoDetails #videoDescription {
                            background-color: #F1F0EE;
                            padding: 20px;
                            width: 365px;
                            float: left;
                                }
                        #first .left #videoPlayerContainer #videoDetails #videoTags {
                            margin-left: 20px;
                            margin-bottom: 20px;
                                }
                                #first .left #videoPlayerContainer #videoDetails #videoTags a {
                                    color: #787C28;
                                        }
                        #first .left #videoPlayerContainer #videoDetails #videoLink {
                            margin-left: 20px;
                            margin-bottom: 20px;
                            float: left;
                            width: 300px;
                                }
                                #first .left #videoPlayerContainer #videoDetails #videoLink input {
                                    width: 280px;
                                        }
                        #first .left #videoPlayerContainer #videoDetails #videoEmbed {
                            float: left;
                                }
                                #first .left #videoPlayerContainer #videoDetails #videoEmbed input {
                                    width: 280px;
                                        }
                        #first .left #videoPlayerContainer #videoDetails #videoShare {
                            margin-bottom: 20px;
                            margin-left: 20px;
                                }
        #first .left .pagination {
            width:655px;
            text-align:center;
            padding:10px 0;
            margin:20px 0;
            font-size: 14px;
                }
                #first .left .pagination a {
                    color:#787c28;
                    font-size:14px;
                    text-decoration:none;
                        }
                #first .left .pagination a.current {
                    font-weight:bold;
                        }
                #first .left .pagination a.page {
                    background:#787c28;
                    padding:3px;
                    color:#FFFFFF;
                        }

#first .right {
	width:300px;
	padding:0 0 10px 0;
		}
		#first .right .ad {
			width:300px;
			margin:0 0 15px 0;
				}
                #first .right .ad img {
                    border: 0;
                        }
		#first .right .cont {
			padding:10px;
			margin:0 0 10px 0;
				}
				a.more {
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#787c28;
					text-decoration:none;
					float:right;
					margin:0 0 10px 0;
						}
				#first .right .cont img {
					border:1px solid #000;
                    width: 60px;
						}
				#first .right .cont h2 a {
					color:#787c28;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;
					text-decoration:none;
					font-size:17px;
					text-transform:none;
						}
				#first .right .cont a, #second .right .news a, #second .right .vid h3 a {
					color:#205959;
					text-decoration:none;
						}
				#first .right .cont img.thumb {
					margin:0 10px 10px 0;
						}
				#first .right .cont h3 a, #second .right .news h3 a, #second .right .vid h3 a {
					color:#787c28;
					font-size:11px;
					font-weight:bold;
					text-transform:uppercase;
						}
        #first .right #nowPlaying {
            width: 300px;
            margin-bottom: 15px;
            }
            #first .right #nowPlaying h1 {
                padding-bottom: 2px;
                border-bottom:2px solid #4f473c;
                font-family:"Arial Narrow",Arial;
                font-size:18px;
                color:#4f473c;
                text-transform:uppercase;
                font-weight:bold;
                    }
            #first .right #nowPlaying .listChart  {
                    }
                    #first .right #nowPlaying .listChart  li {
                        list-style: none;
                        padding: 8px 5px;
                        clear: both;
                            }
                            #first .right #nowPlaying .listChart li span {
                                float: left;
                                margin-right: 5px;
                                    }
                                    #first .right #nowPlaying .listChart li span img {
                                        border: 1px solid black;
                                        display: block;
                                        width: 100px;
                                            }
                            #first .right #nowPlaying .listChart li h3 {
                                    }
                                    #first .right #nowPlaying .listChart li h3 a {
                                        font-size: 15px;
                                        color: #787C28;
                                        text-decoration: none;
                                            }
                            #first .right #nowPlaying .listChart li h4 {
                                font-weight: normal;
                                    }
        #first .right #camLocations {
            width: 135px;
            float: left;
            margin-right: 15px;
            margin-bottom: 15px;
                }
                #first .right #camLocations h1 {
                    border-bottom:2px solid #4F473C;
                    color:#4F473C;
                    font-family:"Arial Narrow",Arial;
                    font-size:15px;
                    font-weight:bold;
                    padding-bottom:2px;
                    text-transform:uppercase;
                    margin-bottom: 5px;
                        }
                #first .right #camLocations li {
                    margin-left: 15px;
                    margin-bottom: 5px;
                    font-size: 12px;
                        }
                        #first .right #camLocations li.arrow {
                            background:url('/images/arrow.jpg') no-repeat left;
                            padding:0 0 0 15px;
                            margin:0;
                            list-style:none;
                                }
                        #first .right #camLocations li a {
                            color: #787C28;
                                }
        #first .right #surfForecasts {
            width: 150px;
            float: left;
            margin-bottom: 15px;
                }
                #first .right #surfForecasts h1 {
                    border-bottom:2px solid #4F473C;
                    color:#4F473C;
                    font-family:"Arial Narrow",Arial;
                    font-size:15px;
                    font-weight:bold;
                    padding-bottom:2px;
                    text-transform:uppercase;
                    margin-bottom: 5px;
                        }
                #first .right #surfForecasts li {
                    margin-left: 15px;
                    margin-bottom: 5px;
                    font-size: 12px;
                        }
                        #first .right #surfForecasts li.arrow {
                            background:url('/images/arrow.jpg') no-repeat left;
                            padding:0 0 0 15px;
                            margin:0;
                            list-style:none;
                                }
                        #first .right #surfForecasts li a {
                            color: #787C28;
                                }
        #first .right #followUs {
            width: 300px;
                }

#first h1, #second h1 {
    font-family:"Arial Narrow",Arial;
    font-size:20px;
    font-weight:bold;
    color:#4f473c;
    border-bottom:2px solid #4f473c;
    text-transform:uppercase;
        }

#second .left {
	width:800px;
	height:auto;
		}
		#second .left .pag {
			float:right;
			margin:9px 0 0 0;
			font-size:12px;
				}
		#second .left .pagination {
			width:800px;
			text-align:center;
			border-top:2px solid #4f473c;
			padding:10px 0;
			margin:20px 0;
            font-size: 14px;
				}
				#second .left .pagination a {
					color:#787c28;
					font-size:14px;
					text-decoration:none;
						}
				#second .left .pagination a.current {
					font-weight:bold;
						}
				#second .left .pagination a.page {
					background:#787c28;
					padding:3px;
					color:#FFFFFF;
						}
		#second .left .gal {
			float:left;
			padding:10px 8px 10px 10px;
			width:180px;
            height: 190px;
            overflow: hidden;
				}
				#second .left .gal img {
					padding:5px;
					border:1px solid #e7d9d9;
						}
				#second .left .gal a {
					text-transform:uppercase;
					color:#787c28;
					text-decoration:none;
					font-weight:bold;
						}
		#second .left .vid {
			float:left;
			padding:10px 8px 10px 10px;
			width:180px;
				}
				#second .left .vid img {
					padding:2px;
					border:1px solid #e7d9d9;
						}
				#second .left .vid a {
					text-transform:uppercase;
					color:#787c28;
					text-decoration:none;
					font-weight:bold;
						}
		#second .left .item {
			margin:15px 0 15px 0;
				}
				#second .left .item .thumb {
					float:left;
					width:auto;
					height:auto;
					border:1px solid #6d6c63;
					margin:0 10px 0 0;
						}
				#second .left .item .desc {
					float:left;
					width:800px;
						}
						#second .left .item .desc span {
							font-weight:bold;
							color:#7e7e7e;
								}
						#second .left .item .desc .meta {
							padding:20px 0 0 0;
								}
						#second.left .item .desc h3 {
							font-size:17px;
								}
						#second .left .item .desc a {
							text-decoration:none;
							color:#787c28;
								}

#second .right {
	width:160px;
	height:auto;
		}
		#second .right .ad {
			height:600px;
			width:160px;
			margin:0 0 10px 0;
				}
		#second .right .forecasts {
			padding:10px;
			font-size:12px;
				}
		        #second .right .forecasts li {
			        list-style:none;
			        margin:0 0 3px 0;
				        }
				        #second .right .forecasts li.arrow {
					        background:url('/images/arrow.jpg') no-repeat left;
					        padding:0 0 0 15px;
						        }
				        #second .right .forecasts li a {
					        color:#787c28;
					        text-decoration:none;
						        }
		#second .right .news {
			padding:5px 0;
				}
		#second .right .vid {
			padding:10px 10px 0 10px;
			text-align:center;
				}
				#second .right .vid img {
					padding:2px;
					background:#FFFFFF;
					border:1px solid #e7d9d9;
						}

#header {
    margin-bottom: 10px;
        }
                        
#footer {
	width:955px;
	margin: 50px auto 0 auto;
	background: #EFE7E7 url('/images/footer.gif') repeat-x;
	height:143px;
	padding:40px 20px;
	line-height:25px;
		}
		#footer .imp {
			font-size:12px;
				}
		#footer a {
			color:#787c28;
			text-decoration:none;
			padding:0 3px;
				}
        #footer img {
            border: 0;
                }
        #footer .left {
            float: left;
            width: 700px;
                }
        #footer .right {
            float: left;
            width: 255px;
            margin-top: -70px;
                }
                
.rightMore {
    text-align: right;
    margin-top: 15px;
    margin-bottom: 15px;
        }
        .rightMore a {
            color: #787C28;
                }

#photoViewMain {
        }
        #photoViewMain #currentPhotoContainer {
            width: 795px;
                }
                #photoViewMain #currentPhotoContainer #photoHeader {
                    vertical-align: bottom;
                    font-size: 17px;
                        }
                        #photoViewMain #currentPhotoContainer #photoHeader h3 {
                            width: 640px;
                            font-size: 25px;
                            font-weight: bold;
                            padding: 5px;
                            float: left;
                                }
                        #photoViewMain #currentPhotoContainer #photoHeader #photoNav {
                            width: 145px;
                            text-align: right;
                            float: left;
                            display: inline;
                                }
                                #photoViewMain #currentPhotoContainer #photoHeader #photoNav a {
                                    color: #787C28;
                                    text-decoration: none;
                                        }
                #photoViewMain #currentPhotoContainer a img {
                    border: 0;
                        }
                #photoViewMain #currentPhotoContainer #currentPhoto {
                    text-align: center;
                    height: 
                        }
        #photoViewMain #galleryThumbContainer {
            text-align: center;
            padding: 12px 0;
            background-color: #DDDAD5;
                }
                #photoViewMain #galleryThumbContainer li {
                    list-style: none;
                    padding: 8px 5px;
                    display: inline;
                        }
                        #photoViewMain #galleryThumbContainer li a img {
                            vertical-align: middle;
                                }
                #photoViewMain #galleryThumbContainer .thumb a img {
                    width: 80px;
                        }
        #photoViewMain #photoDetails {
            width: 795px;
            background-color: #F1F0EE;
            font-size: 12px;
            border-bottom: 2px solid #DCDBD9;
            margin-bottom: 20px;
                }
                #photoViewMain #photoDetails #userBadge {
                    margin: 20px;
                    width: 209px;
                    float: left;
                    background-color: #F1F0EE;
                    border-right: 1px dotted black;
                        }
                        #photoViewMain #photoDetails #userBadge #avatar {
                            margin-right: 5px; 
                            width: 75px;
                            height: 75px;
                            border: 1px solid black;
                            float: left;
                                }
                #photoViewMain #photoDetails #photoDescription {
                    background-color: #F1F0EE;
                    padding: 20px 20px 20px 0;
                    width: 525px;
                    float: left;
                        }
                #photoViewMain #photoDetails #photoTags {
                    margin-left: 20px;
                    margin-bottom: 20px;
                        }
                        #photoViewMain #photoDetails #photoTags a {
                            color: #787C28;
                                }
                #photoViewMain #photoDetails #photoLink {
                    margin-left: 20px;
                    margin-bottom: 20px;
                    float: left;
                    width: 300px;
                        }
                        #photoViewMain #photoDetails #photoLink input {
                            width: 280px;
                                }
                #photoViewMain #photoDetails #photoEmbed {
                    float: left;
                        }
                        #photoViewMain #photoDetails #photoEmbed input {
                            width: 280px;
                                }
                #photoViewMain #photoDetails #photoShare {
                    margin-bottom: 20px;
                    margin-left: 20px;
                        }
        #photoViewMain #otherGalleries {
            width: 465px;
            float:left;
            margin: 0 10px 10px 10px;
                }
                #photoViewMain #otherGalleries h1 {
                    border-bottom:2px solid #4F473C;
                    color:#4F473C;
                    font-family:"Arial Narrow",Arial;
                    font-size:18px;
                    font-weight:bold;
                    padding-bottom:2px;
                    text-transform:uppercase;
                    margin: 0 0 10px 0;
                        }
                #photoViewMain #otherGalleries li {
                    display: inline;
                    float: left;
                    margin: 0 0 20px 0;
                        }
                        #photoViewMain #otherGalleries li div {
                            text-align: center;
                            width: 155px;
                            height: 150px;
                            float: left;
                            overflow: hidden;
                                }                    
                        #photoViewMain #otherGalleries li a {
                            font-size: 11px;
                            color: #787C28;
                            text-decoration: none;
                                }                    
                                #photoViewMain #otherGalleries li a img {
                                    border: 1px solid black;
                                    width: 150px;
                                        }
        #photoViewMain #lrecAd {
            width: 310px;
            text-align: center;
            float: left;
                }
                
#mainNewsContainer {
        }
        #mainNewsContainer #articleHeader {
            font-size: 13px;
            margin-bottom: 20px;
                }
                #mainNewsContainer #articleHeader h3 {
                    width: 655px;
                    border-bottom: 2px solid #4D473B;
                    font-size: 25px;
                    font-weight: normal;
                    color: #787C28;
                    background-color: white;
                        }
                #mainNewsContainer #articleHeader #datePosted {
                    color: #7F7F7F;
                        }
        #mainNewsContainer .articleImage {
            width: 510px;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
                }
                #mainNewsContainer .articleImage img {
                    width: 510px;
                    border: 0;
                        }
        #mainNewsContainer #articleBody {
            font-size: 15px;
            overflow: hidden;
                }
                #mainNewsContainer #articleBody a {
                    color: #787C28;
                        }
                        #mainNewsContainer #articleBody a img {
                            border: 0;
                                }
        #mainNewsContainer .galleryThumbs {
            text-align: center;
            padding: 25px 0 25px 0;
                }
                #mainNewsContainer .galleryThumbs li {
                    list-style: none;
                    padding: 8px 5px;
                    display: inline;
                        }
                        #mainNewsContainer .galleryThumbs li a img {
                            width: 100px;
                            vertical-align: middle;
                            border: 0;
                                }
        #mainNewsContainer #articleTags {
            width: 640px;
            border-bottom: 2px solid #4C483F;
            padding: 15px 15px;
            margin-bottom: 10px;
                }
                #mainNewsContainer #articleTags a {
                    color: #787C28;
                    text-decoration: none;
                        }
                
#subscribeContainer {
    width: 300px;
    margin-bottom: 20px;
        }
        #subscribeContainer h3 {
            width: 300px;
            font-size: 20px;
            font-weight: bold;
            border-bottom: 2px solid #4F473C;
            text-transform: uppercase;
            margin-bottom: 10px;
            font-family:"Arial Narrow",Arial;
                }
        #subscribeContainer a {
            color: #787C28;
                }
                #subscribeContainer a img {
                    border: 0;
                        }
        #subscribeContainer #rss {
            width: 135px;
            border-right: 1px dotted #4F473C;
            float: left;
                }

#contributorsContainer {
    width: 300px;
    margin-bottom: 20px;
        }
        #contributorsContainer h3 {
            width: 300px;
            font-size: 20px;
            font-weight: bold;
            border-bottom: 2px solid #4F473C;
            text-transform: uppercase;
            margin-bottom: 10px;
            font-family:"Arial Narrow",Arial;
                }
        #contributorsContainer .contributor {
            width: 300px;
            margin-top: 10px;
                }
                #contributorsContainer .contributor img {
                    width: 55px;
                    border: 1px solid black;
                    float: left;
                    margin-right: 10px;
                        }
                #contributorsContainer .contributor h4 {
                    font-size: 13px;
                    color: #787C28;
                        }
        
#tagsContainer {
    width: 300px;
        }
        #tagsContainer h3 {
            width: 300px;
            font-size: 20px;
            font-weight: bold;
            border-bottom: 2px solid #4F473C;
            text-transform: uppercase;
            margin-bottom: 10px;
            font-family:"Arial Narrow",Arial;
                }
        #tagsContainer a {
            color: #787C28;
            text-decoration: none;
                }
        #tagsContainer .keyword1 {
            font-size: 9px;
            padding: 0 5px;
                }
        #tagsContainer .keyword2 {
            font-size: 11px;
            padding: 0 5px;
                }
        #tagsContainer .keyword3 {
            font-size: 13px;
            padding: 0 5px;
                }
        #tagsContainer .keyword4 {
            font-size: 15px;
            padding: 0 5px;
                }
        #tagsContainer .keyword5 {
            font-size: 17px;
            padding: 0 5px;
                }
        #tagsContainer .keyword6 {
            font-size: 19px;
            padding: 0 5px;
                }
        #tagsContainer .keyword7 {
            font-size: 21px;
            padding: 0 5px;
                }
                
.greenroomArticle {
    background-color: #F4F4F2;
    margin-bottom: 25px;
        }
        .greenroomArticle .articleHeader {
            font-size: 13px;
            margin-bottom: 20px;
                }
                .greenroomArticle .articleHeader h3 {
                    width: 655px;
                    border-bottom: 2px solid #4D473B;
                    font-size: 25px;
                    font-weight: normal;
                    color: #787C28;
                    background-color: white;
                        }
                        .greenroomArticle .articleHeader h3 a {
                            color: #787C28;
                            text-decoration: none;
                                }
                .greenroomArticle .articleHeader .datePosted {
                    color: #7F7F7F;
                        }
        .greenroomArticle .articleImage {
            text-align: center;
            margin-bottom: 20px;
                }
                .greenroomArticle .articleImage img {
                    width: 510px;
                        }
        .greenroomArticle .articleBody {
            font-size: 15px;
                }
                .greenroomArticle .articleBody a {
                    color: #787C28;
                        }
                        .greenroomArticle .articleBody a img {
                            border: 0;
                                }
        .greenroomArticle .galleryThumbs {
            height: 100px;
            text-align: center;
            padding: 25px 0 25px 0;
                }
                .greenroomArticle .galleryThumbs li {
                    list-style: none;
                    padding: 8px 5px;
                    display: inline;
                        }
                        .greenroomArticle .galleryThumbs li a img {
                            width: 100px;
                            vertical-align: middle;
                            border: 0;
                                }
        .greenroomArticle .articleTags {
            width: 640px;
            border-bottom: 2px solid #4C483F;
            padding: 0 0 15px 15px;
            margin-bottom: 10px;
                }
                .greenroomArticle .articleTags a {
                    color: #787C28;
                    text-decoration: none;
                        }
                
#greenroomHeader {
    width: 655px;
    height: 27px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    text-align: right;
    background:url('/images/grbHeader.gif') left no-repeat;
    font-size: 13px;
        }

#camNarrowContainer {
    width: 160px;
    height: 500px;
    float: left;
    margin-right: 20px;
        }
        #camNarrowContainer #camMenu {
                }
                #camNarrowContainer #camMenu h1 {
                    font-size: 18px;
                    font-weight: bold;
                    margin-bottom: 20px;
                        }
                #camNarrowContainer #camMenu .camGroup {
                    padding-bottom: 20px;
                        }
                        #camNarrowContainer #camMenu .camGroup h2 {
                            text-transform: uppercase;
                            font-size: 12px;
                            border-bottom: 2px solid #C0C0C0;
                            margin-bottom: 10px;
                                }
                        #camNarrowContainer #camMenu .camGroup h3 {
                            font-size: 12px;
                            color: #878684;
                            margin: 2px 0 2px 10px;
                                }
                        #camNarrowContainer #camMenu .camGroup .camLink {
                            width: 135px;
                            padding: 2px 0 2px 25px;
                                }
                                #camNarrowContainer #camMenu .camGroup .camLink a {
                                    font-size: 12px;
                                    color: #787C28;
                                    text-decoration: none;
                                        }
                        #camNarrowContainer #camMenu .camGroup .selected {
                            background: #ADC78C url('/images/selectedCam.gif') no-repeat left;
                                }
                                #camNarrowContainer #camMenu .camGroup .selected a {
                                    color: white;
                                        }
                                
#camWideContainer {
    width: 475px;
    float: left;
        }
        #camWideContainer #currentCamHeader {
            border-bottom: 2px solid black;
            color: white;
            background-color: #2E4B6B;
            font-size: 25px;
            font-weight: bold;
            padding-left: 10px;
            width: 465px;
                }
        #camWideContainer #camError {
            background-color: #AECBEB;
            font-size: 17px;
            font-weight: bold;
            width: 425px;
            padding: 100px 25px;
                }
        #camWideContainer #preRollContainer {
            background-color: #F7F7F7;
            padding: 10px;
            width: 310px;
            height: 16px;
            float: left;
                }
                #camWideContainer #preRollContainer #prerollCountdown {
                    background-color: #F7F7F7;
                    border: 0;
                    width: 35px;
                    font-size: 11px;
                        }
        #camWideContainer #shareContainer {
            background-color: #F7F7F7;
            padding: 10px;
            width: 125px;
            float: left;
                }
        #camWideContainer #defaultCam img {
            border: 0;
            margin-bottom: 30px;
                }
        #camWideContainer #swellForecastContainer {
            margin: 30px 0;
                }
                #camWideContainer #swellForecastContainer h1 {
                    font-size: 17px;
                    width: 475px;
                    font-weight: bold;
                    border-bottom: 2px black solid;
                    margin: 10px 0;
                        }
                #camWideContainer #swellForecastContainer #swellForecastHeader {
                    border-bottom: 2px #4F473C solid;
                    margin-bottom: 10px;
                        }
                        #camWideContainer #swellForecastContainer #swellForecastHeader h1 {
                            font-size: 19px;
                            width: 275px;
                            float: left;
                            font-weight: bold;
                            border: 0;
                                }
                        #camWideContainer #swellForecastContainer #swellForecastHeader #newsletterLink {
                            width: 200px;
                            float: left;
                            height: 20px;
                            text-align: right;
                            vertical-align: middle;
                            display: inline-block;
                                }
                                #camWideContainer #swellForecastContainer #swellForecastHeader #newsletterLink a {
                                    text-decoration: none;
                                    color: #787C28;
                                        }
                                        #camWideContainer #swellForecastContainer #swellForecastHeader #newsletterLink a img {
                                            border: 0;
                                            vertical-align: middle;
                                                }
                #camWideContainer #swellForecastContainer #forecastStats {
                    margin-bottom: 10px;
                    color: #606060;
                        }
                #camWideContainer #swellForecastContainer #forecastBody {
                    margin-bottom: 10px;
                        }
                        #camWideContainer #swellForecastContainer #forecastBody p {
                            margin: 5px 0;
                                }
                        #camWideContainer #swellForecastContainer #forecastBody a {
                            color: #787C28;
                            text-decoration: none;
                                }
                                #camWideContainer #swellForecastContainer #forecastBody a img {
                                    border: 0;
                                    margin: 10px 0;
                                        }
        #camWideContainer #tidePredictionContainer  {
                }
                #camWideContainer #tidePredictionContainer h1 {
                    width: 475px;
                    border-bottom: 2px #4F473C solid;
                    font-size: 17px;
                    font-weight: bold;
                    margin-bottom: 10px;
                        }

#forecastMenu {
    width: 300px;
    margin-bottom: 20px;
        }
        #forecastMenu h3 {
            width: 300px;
            font-size: 19px;
            font-weight: bold;
            border-bottom: 2px solid #4F473C;
            text-transform: uppercase;
            margin-bottom: 10px;
            font-family:"Arial Narrow",Arial;
                }
        #forecastMenu ul {
                }
                #forecastMenu ul li {
                    list-style-position: inside;
                    float: left;
                    width: 140px;
                    padding: 5px;
                        }
                        #forecastMenu ul li a {
                            color: #787C28;
                            text-decoration: none;
                                }
        #forecastMenu #moreSurfReports {
            margin-left: 150px;
            padding: 5px;
                }
                #forecastMenu #moreSurfReports a {
                    color: #787C28;
                    text-decoration: none;
                        }
                        #forecastMenu #moreSurfReports img {
                            border: 0;
                                }

#rightColMobile {
    width: 300px;
    margin-bottom: 20px;
        }
        #rightColMobile h1 {
            border-bottom:2px solid #4F473C;
            color:#4F473C;
            font-family:"Arial Narrow",Arial;
            font-size:18px;
            font-weight:bold;
            padding-bottom:2px;
            text-transform:uppercase;
                }
        #rightColMobile a {
            color: #787C28;
                }
                                
#rightColNews {
    width: 300px;
    margin-bottom: 20px;
        }
        #rightColNews h1 {
            border-bottom:2px solid #4F473C;
            color:#4F473C;
            font-family:"Arial Narrow",Arial;
            font-size:18px;
            font-weight:bold;
            padding-bottom:2px;
            text-transform:uppercase;
                }
        #rightColNews .newsItem {
            font-size: 11px;
            padding: 10px 0px;
                }                
                #rightColNews .newsItem img {
                    float: left;
                    width: 60px;
                    height: 45px;
                    border: 1px solid black;
                    margin-right: 5px;
                        }                
                #rightColNews .newsItem h3 {
                    font-size: 11px;
                    font-weight: bold;
                        }                
                #rightColNews .newsItem a {
                    color: #787C28;
                        }
                        
#rightColPhoto {
    width: 300px;
    margin-bottom: 20px;
        }
        #rightColPhoto h1 {
            border-bottom:2px solid #4F473C;
            color:#4F473C;
            font-family:"Arial Narrow",Arial;
            font-size:18px;
            font-weight:bold;
            padding-bottom:2px;
            text-transform:uppercase;
                }
        #rightColPhoto .galleryItem {
            font-size: 11px;
            padding: 7px 0px;
                }                
                #rightColPhoto .galleryItem img {
                    float: left;
                    width: 100px;
                    height: 75px;
                    border: 1px solid black;
                    margin-right: 5px;
                        }
                #rightColPhoto .galleryItem h3 {
                    font-size: 11px;
                    font-weight: bold;
                        }
                #rightColPhoto .galleryItem a {
                    color: #787C28;
                        }

#locationView {
    font-size: 13px;
        }
/*
        #locationView h1 {
            color: #50463C;
            font-size: 17px;
            border-bottom: 2px solid #50463C;
            margin-bottom: 10px;
            margin-top: 20px;
            text-transform: uppercase;
                }
        #locationView h2 {
            font-size: 13px;
            font-weight: bold;
            color: #96917D;
            margin-top: 10px;
                }
*/
        #locationView a {
            color: #787c28;
            text-decoration: none;
                }
        #locationView .full {
            width: 980px;
                }
                #locationView .full h1 {
                    padding: 10px 5px;
                    font-weight: normal;
                    font-size: 21px;
                    margin: 0;
                    border: 0;
                    color: black;
                    text-transform: none;
                        }
                #locationView .full h2 {
                    padding: 5px;
                    background-color: #978E7D;
                    color: white;
                    font-size: 13px;
                    font-weight: normal;
                        }
        #locationView .left {
            width: 300px;
            padding-right: 20px;
            float: left;
                }
                #locationView .left img {
                    padding: 3px;
                    border: 1px solid #CACACA;
                    width: 292px;
                        }
                #locationView .left #forecastContainer {
                        }
                        #locationView .left #forecastContainer #waveHeight {
                            width: 75px;
                            float: left;
                                }
                        #locationView .left #forecastContainer #waveCondition {
                            float: left;
                                }
                #locationView .left #spotlightContainer {
                        }
                        #locationView .left #spotlightContainer #resortLink {
                            font-size: 15px;
                            font-weight: bold;
                                }
                        #locationView .left #spotlightContainer h2 {
                            margin-top: 0;
                                }
                #locationView .left .resource {
                    margin-top: 5px;
                        }
        #locationView .right {
            width: 655px;
            float: left;
                }
                #locationView .right #currentPhoto {
                    position: relative;
                    z-index: 100;
                    width: 655px;
                        }
                #locationView .right #thumbTrayContainer {
                    position: relative;
                    z-index: 101;
                    width: 655px;
                    height: 50px;
                    margin-top: -50px;
                    background-color: black;
                    opacity: 0.5;
                        }
                #locationView .right #thumbContainer {
                    position: relative;
                    z-index: 102;
                    width: 655px;
                    height: 50px;
                    margin-top: -50px;
                        }
                        #locationView .right #thumbContainer .imageNav {
                            float: left;
                                }
                                #locationView .right #thumbContainer .imageNav img {
                                    border: 0;
                                        }
                        #locationView .right #thumbContainer .thumb {
                            float: left;
                                }
                                #locationView .right #thumbContainer .thumb img {
                                    width: 40px;
                                    border: 1px solid white;
                                    margin: 0 5px 0 5px;
                                        }
                #locationView .right #photosContainer {
                        }
                        #locationView .right #photosContainer .thumb {
                            padding: 0 1px 1px 0;
                            float: left;
                                }
                                #locationView .right #photosContainer .thumb img {
                                    width: 130px;
                                    border: 0;
                                        }
                #locationView .right #videosContainer {
                        }
                        #locationView .right #videosContainer .videoItem {
                            width: 153px;
                            padding: 0 5px 0 5px;
                            float: left;
                            margin-bottom: 20px;
                                }
                                #locationView .right #videosContainer .videoItem img {
                                    border: 1px solid #50463C;
                                        }
                                #locationView .right #videosContainer .videoItem .subHeader {
                                    font-size: 11px;
                                        }

#travelHome {
    font-size: 13px;
        }
        #travelHome h1 {
            color: #50463C;
            font-size: 17px;
            border-bottom: 2px solid #50463C;
            margin-bottom: 10px;
            margin-top: 20px;
            text-transform: uppercase;
                }
        #travelHome h2 {
            font-size: 13px;
            font-weight: bold;
            color: #96917D;
            margin-top: 10px;
                }
        #travelHome a {
            color: #787c28;
            text-decoration: none;
                }
        #travelHome .left {
            width: 655px;
            padding-right: 20px;
            float: left;
                }
                #travelHome .left #currentPhoto {
                    position: relative;
                    z-index: 100;
                    width: 655px;
                    height: 460px;
                        }
                        #travelHome .left #currentPhoto img {
                            border: 0;
                                }
                #travelHome .left #thumbTrayContainer {
                    position: relative;
                    z-index: 101;
                    width: 655px;
                    height: 98px;
/*                    margin-top: -98px; */
                    background-color: black;
                    opacity: 0.5;
                        }
                #travelHome .left #thumbContainer {
                    position: relative;
                    z-index: 102;
                    width: 655px;
                    height: 98px;
                    margin-top: -98px;
                        }
                        #travelHome .left #thumbContainer .thumb {
                            float: left;
                                }
                                #travelHome .left #thumbContainer .thumb img {
                                    width: 119px;
                                    border: 1px solid white;
                                    margin: 4px;
                                        }
        #travelHome .right {
            width: 300px;
            float: left;
                }
                #travelHome .right #featuredResortContainer {
                        }
                        #travelHome .right #featuredResortContainer #resortLink {
                            font-size: 15px;
                            font-weight: bold;
                                }
                        #travelHome .right #featuredResortContainer img {
                            border: 1px solid #6C6C64;
                            margin: 5px 0;
                            width: 300px;
                                }
        #travelHome .full {
            width: 980px;
                }
                #travelHome .full #featuredLocationsContainer {
                        }
                        #travelHome .full #featuredLocationsContainer .locationItem {
                            width: 205px;
                            padding: 0 20px;
                            float: left;
                                }
                                #travelHome .full #featuredLocationsContainer .locationItem img {
                                    width: 200px;
                                    border: 0;
                                        }
                                #travelHome .full #featuredLocationsContainer .locationItem a {
                                    font-weight: bold;
                                        }
                #travelHome .full #travelDestinationsContainer {
                    margin-bottom: 20px;
                        }
                        #travelHome .full #travelDestinationsContainer li {
                            padding: 5px 5px 5px 15px;
                            font-size: 15px;
                            font-weight: bold;
                            width: 225px;
                            float: left;
                            list-style-position: inside;
                                }

#genericSubpage {
    font-size: 13px;
        }
        #genericSubpage h1 {
            color: #50463C;
            font-size: 25px;
            border-bottom: 2px solid #50463C;
            margin-bottom: 10px;
            margin-top: 20px;
            text-transform: uppercase;
                }
        #genericSubpage h2 {
            font-size: 17px;
            font-weight: bold;
            margin-top: 10px;
                }
        #genericSubpage a {
            color: #787c28;
            text-decoration: none;
                }
        #genericSubpage .left {
            width: 655px;
            padding-right: 20px;
            float: left;
            margin-bottom: 20px;
                }
        #genericSubpage .right {
            width: 300px;
            float: left;
                }

#helpPage {
    font-size: 13px;
        }
        #helpPage h2 {
            font-size: 17px;
            font-weight: bold;
            margin-top: 10px;
                }
        #helpPage a {
            color: #787c28;
            text-decoration: none;
                }
        #helpPage .left {
            width: 655px;
            padding-right: 20px;
            float: left;
            margin-bottom: 20px;
                }
                #helpPage .left #helpHeader {
                            margin-top: 20px;
                            border-bottom: 2px solid #50463C;
                            margin-bottom: 10px;
                        }
                        #helpPage .left #helpHeader #headerTitle {
                            color: #50463C;
                            font-size: 25px;
                            text-transform: uppercase;
                            float: left;
                            width: 300px;
                                }
                        #helpPage .left #helpHeader #headerContactLink {
                            width: 355px;
                            float: left;
                            text-align: right;
                                }
                #helpPage .left .helpItem {
                    padding: 10px;
                    background-color: #F2F1EF;
                        }
                        #helpPage .left .helpItem .topic {
                            margin: 10px 0;
                                }
                                #helpPage .left .helpItem .topic a {
                                    font-size: 17px;
                                    font-weight: bold;
                                        }
                        #helpPage .left .helpItem .collapsibleAnswer {
                                }
                                #helpPage .left .helpItem .collapsibleAnswer ul {
                                    margin: 15px;
                                        }
                                        #helpPage .left .helpItem .collapsibleAnswer ul li {
                                            list-style-position: inside;
                                                }
                                #helpPage .left .helpItem .collapsibleAnswer ol {
                                    margin: 15px;
                                        }
                                        #helpPage .left .helpItem .collapsibleAnswer ol li {
                                            list-style-position: inside;
                                                }
        #helpPage .right {
            width: 300px;
            float: left;
                }
#wrapSplash {
    width: 996px;
    height:auto;
    margin:0 auto;
    padding:20px 0 0 0;
    background:url('/images/content_bg.png') repeat-y center;
        }
        #wrapSplash #splashContainer {
            width: 980px;
            height:auto;
            margin: 0 auto;
            padding-bottom: 10px;
                }
                #wrapSplash #splashContainer #splash {
                    margin-left: -2px;
                        }
                        #wrapSplash #splashContainer #splash img {
                            border: 0;
                                }
                                
#outerDiv {
    background: url('/images/login_bg.gif') repeat-y;
    width: 228px;
    height: 76px;
    padding: 7px;
    overflow: hidden;
    position: relative;
        }
        #outerDiv #innerIframe {
            position: absolute;
            top: -2px;
            left: -151px;
            width: 1280px;
            height: 1200px;
                }

#mailingListLeft {
    margin-top: 20px;
    width: 305px;
    float: left;
        }
#mailingListRight {
    margin-top: 20px;
    width: 495px;
    float: left;
    font-size: 13px;
        }
        #mailingListRight h1 {
            font-size: 23px;
            font-weight: bold;
                }
        #mailingListRight div {
            margin: 20px 0;
                }
        #mailingListRight ul {
            margin: 10px;
            list-style-position: inside;
                }
        #mailingListRight a {
            color: #787C28;
            text-decoration: none;
                }
        #mailingListRight .inputText {
            width: 300px;
                }
        #mailingListRight #delivery {
            width: 100px;
                }
                
.locationCol {
    float: left;
    margin-left: 13px;
    margin-bottom: 20px;
        }
        .locationCol h1 {
            color: #50463C;
            font-size: 17px;
            border-bottom: 2px solid #50463C;
            margin-bottom: 10px;
            text-transform: uppercase;
                }
        .locationCol b {
            font-size: 13px;
            font-weight: bold;
            color: #96917D;
            margin-top: 10px;
                }
        .locationCol .module {
            margin-bottom: 20px;
                }
        .locationCol .googleMap {
            width: 298px;
            height: 300px;
            border: 1px solid #454545;
                }
        .locationCol .profilePic img {
            border: 1px solid #454545;
            padding: 3px;
            width: 292px;
                }
        .locationCol .videoItem {
            width: 150px;
            margin: 0 5px 15px 5px;
            float: left;
                }
                .locationCol .videoItem img {
                    border: 1px solid #454545;
                    padding: 3px;
                    width: 142px;
                        }
                .locationCol .videoItem .link {
                    font-size: 13px;
                        }
                .locationCol .videoItem .desc {
                    font-size: 11px;
                        }
        .locationCol #currentPhoto {
            width: 500px;
            min-height: 350px;
            margin-left: auto;
            margin-right: auto;
                }
        .locationCol #photoBar {
            width: 640px;
            height: 70px;
                }
                .locationCol #photoBar img {
                    border: 0;
                        }
                .locationCol #photoBar .nav {
                    width: 25px;
                    float: left;
                    margin: 22px 10px;
                        }
                .locationCol #photoBar .thumb {
                    width: 50px;
                    float: left;
                    margin: 10px 5px;
                        }