/* PUBLIC SITE STYLES */

body {

	text-align:center;
	color:#333;
	margin:0px;
	
}

/*html,body{height:100%}*/

img {border:0px;}

body, td {

	font-size:11px;
	
}

a:link {
	text-decoration: underline;
	color: #333;
}


h1#forecast {

	width:60%;
	padding-left:0px;
	
}

#weatherBox {

	width:100%;
	text-align:left;
	
}


#windBox {
	
	width:100%;
	text-align:left;
	margin-top:20px;

}

#dayDisplayBox {
	width:100%;
	text-align:left;
	margin-bottom:10px;
}

#weatherTable, #windTable {

	border: 1px solid #6ECACC;
	width:603px;
	margin-left:44px;
	margin-right:0px;

}

#dayTable {

	width:603px;
	margin-left:44px;
	margin-right:0px;
}

#dayTable td.day {
	
	width:116.6px;
	border-left:1px solid #fff;
	background-color:#C5E6E0;
	text-align:center;
	color:#414142;
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px;

}

.windArrowDiv {
	width:50px;
	height:50px;
	float:left;
	z-index:-1000;
}

#weatherTable td.reportTD, #windTable td.reportTD {

	width:116px;
	border-left:1px solid #6ECACC;
	

}


#weatherTable td.reportTD img, #weatherTable td.reportTD img {

	float:left;
	
}

#weatherTable td .weatherInfo, #windTable td .windInfo {

	padding-left:50px;
	padding-top:5px;
	font-size:11px;
	z-index:1000;
}

#surfixTable {

	width:100%;

}

#surfixTable td {

	padding:5px;
	font-size:11px;

}

#surfixTable th {

	border-bottom:2px solid #ccc;
	text-align:left;
	padding:5px;
	color: #FFFFFF;
	background: #AAE2D9 none repeat scroll 0%;
	font-size: 14pt;
	
}

#surfixBanner {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

/******  H O M E   P A G E  **********/

#homeIntroTable {

	width: 745px;
	border-spacing:0px;
	border-collapse:collapse;
	

}
#adBox {
	width: 150px;
	margin-left:auto;
	margin-right:auto;
	height:246px;
	min-height:246px;
	text-align:center;

	html>body #adBox{height:auto}/* not ie6- */
}

/******** ENVIORNMENT ARTICLES ********/

.articleSnippetBlock {
	margin-top:10px;
	margin-bottom:20px;
}
.articleSnippetBlock h4, .articleSnippetBlock h3, .articleSnippetBlock h2, .articleSnippetBlock h1 {
	padding:0px;
	margin:0px;
}

.environmentSideMenu {
	float:right;
	padding:0px;
	margin-top:17px;
	width:200px;
}

#environmentNewsMain {
	padding-top:40px;
	margin-bottom:50px;
}

/**************************/

/****************   N E W S   ********************/

#newsArchiveList div {
	margin-top:20px;
}

#newsContent {

	width:500px;

}
#newsContent img {
	padding:3px;
	border:1px solid #999;
	margin-right:10px;
	margin-bottom:10px;
	
}
#newsMenuContainer {
	font-size:11px;
	width:200px;
	float:right;
	border-top:1px solid #6ECACC;
	border-bottom: 1px solid #6ECACC;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:20px;
}

#newsMenuContainer ul {
	margin:0px;
	padding-left:20px;
}
#newsMenuContainer li {
	margin-top:7px;
	margin-left:0px;
	color:#6ECACC;
}
#newsMenuContainer li a:link, #newsMenuContainer li a:visited {
	color:#6ECACC;
	text-decoration:none;
}

#newsMenuContainer li#newsArchiveLink a:link, #newsMenuContainer li#newsArchiveLink a:visited {

	color:#000;
	text-decoration:underline;

}

#newsMenuContainer li a:hover {
	color:#333;
}

#newsArticleContainer {
	margin-top:20px;
}


/******HP-modules*******/
#module {
	
	/*height:320px;*/
	/*
	margin:12px;
	padding:padding:20px 20px 8px;
	*/
	width:751px;
	min-height:420px;
  	height:auto !important;
  	height:420px;
	

}

.handle{
	color: #333;
	margin:0;
	
	padding: 10px 1px 4px 10px;
	
	font-size: 12px;
	z-index: -1000;
	width:230px;
	float: left;
	}

.handle2{
	color: #333;
	margin:0;
	padding: 10px 1px 4px 10px;
	padding-top:10px;
	font-size: 12px;
	z-index: -1000;
	width:480px;
	float: left;
	}

.modname{
	color: #333;
	font-size: 20pt;
	font-weight:bold;
}
	
	/*
    	display:inline;
    	clear:none;
	background-color:transparent;
	font-size: 14px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	*/
 
}

#postContainer {
	margin-left:12px;
}

#surfCamsTable img {
	border: 2px solid #8cd9d1;
	border-collapse:collapse;
	border-spacing:0px;
}

.center {
	text-align: center;
}

#pageWrapper {

	width:1024px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	background-image: url(../images/SPBackground.jpg);
	background-position: top;
	background-repeat: repeat-y;
	padding-top:145px;
	
	/*
	height:100%;
	min-height:100%;
	*/
	padding-bottom:15px;
        /*border:1px solid blue;*/

}

html>body #pageWrapper{height:auto}/* not ie6- */

#pageWrapper #logo {

	position:absolute;
	top:60px;
	left:115px;
}

#pageWrapper #quickSelect {

	position:absolute;
	top:80px;
	right:130px;
	width:200px;
	z-index:2;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;

}

#pageWrapper #quickMenu {

	position:absolute;
	top:80px;
	right:70px;
	width:324px;
	z-index:1;

}

#subNav, #subSubNav {

	width:775px;
	margin-left:auto;
	margin-right:auto;
        font-size:0px;
        margin-top:0px;
        margin-bottom:0px;
	
}

#mainNav {
	
	padding-top:8px;
	width:775px;
	margin-left:auto;
	margin-right:auto;
}

#mainNav img {

	border:0px;
}

#mainContent {
	
	width:791px;
	margin-left:auto;
	margin-right:auto;
	
	background-image: url(../images/contentBackground.png);
	background-position: top;
	background-repeat: no-repeat;
	
	font-family: Trebuchet MS, arial, helvetica, _sans;
	
	letter-spacing: 0.1em;
	line-height: 15px;
	text-align:left;
	vertical-align:top;
        /*border:1px solid orange;*/
	
}

#innerMainContent {
	background-color:#fff;
	width:775px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	vertical-align:top;
	
	/*
	height:900px;
	min-height:900px;
	*/

        /*border:1px solid red;*/

}

/*html>body #innerMainContent {height:auto}/* not ie6- */
	
	
	
}

#mainContent h1 {

	padding-top:0px;
	margin-top:0px;
	padding-left:12px;
	padding-right:20px;
	font-size:20px;
	font-weight:bold;
	
}



#mainContent h2 {

	font-size:12px;
	/*padding-left:12px;*/

}

#mainContent p {
	
	text-align:left;
	/*padding-left:12px;*/
	padding-right:20px;
	width: 735px;
	padding-top:0px;
	margin-top:0px;
	
	
}




/**********************/

#module p {
	margin:8px 0 2px 0 ;
	text-align:left;
	color: black;
	padding:0px;
	width:230px;
}

#module a:link, #module a:visited {
	color:#333;
	text-decoration:none;
	
}

#module a:hover {
	text-decoration:underline;

}
.mapContainer {

	margin-left:12px;
	
}

/****** SIDE AD TEMPLATE *****/

#leftColumn {
	
	padding:15px 0px 0px 15px;
	width:550px;

}
#rightColumn {
	float:right;
	width:200px;
	text-align:center;
	padding-top:30px;
}

/******/

#mainText {
	
	/*width:574px; */
	/*padding-left:15px; */
	padding:0px 15px 0px 15px;
	
}

#mainText h1, p {

	/*padding-left:15px;*/
}

#mainText h2, #mainText h1, #leftColumn h1, #leftColumn h2 {

	margin-top:0px;
	/*padding-top:10px; */
	/*padding-left:15px;*/
}

#mainText #mainImage img {

	/*padding:12px 10px 0px 12px;*/
	
}

/**** FORECASTS *********/

#chartContainer {
	width:707px;
	padding:0px;
	margin-left:0px;
	background-image: url(../images/chartBkgrnd.png);
	background-position: top;
	background-repeat: no-repeat;
}

#forecastDiv {
	margin:0px;
	padding:0px;
}
#forecastDiv h1 {
	padding-left:15px;
	margin-top:0px;
	padding-top:10px;
}

#belowForecastDiv {
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
}

/* OVERRIDE */

h1#forecast {

	width:60%;
	padding-left:0px;
	
}

#forecastBackLink {

	margin-left:15px;
	margin-bottom:15px;

}

#forecastBackLink a:link, #forecastBackLink a:visited {

	text-decoration:none;
	color:#6ECACC;
	font-size:12px;

}

/*******NOAA Resources*******************/

#noaaforecast {
	height:325px;
	width:700px;
	margin:12px;
	padding:20px 20px 8px;

}

.noaaheader {
	font-size:14px;
	color:#6ECACC;
}

/*******Resources*******************/

#resource {
	/*height:820px;*/
	width:700px;
	margin:12px;
	padding:20px 20px 8px;

}


#resource a:link, #resource a:visited {
	color:#333;
	text-decoration:underline;
	font-size:14px;
	
}

#resource li {
	margin:10px;
	
}

.resourcebox1{
	color: #333;
	margin:0;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	width:600px;
	height:200px;
}

.resourcebox2{
	color: #333;
	margin:0;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	width:600px;
	height:150px;
}

.resourcebox3{
	color: #333;
	margin:0;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	width:600px;
	height:300px;
}

.resourcename{
	color: #333;
	font-size: 16pt;
	font-weight:bold;
	padding-bottom:7px;
	padding-top:4px;
	padding-left:4px;
	background-image:url(../images/homeSpacer2.gif);
}

.resourceimg {
	padding: 5px;
}


/******Surfspots*******/

#surfspot {
	margin:12px;
}
.surfspottext {
	color:#333333;
	font-size:12px;
	margin:0pt;
	width:500px;
	padding:8px;

}
.surfspotheader {
	font-size:16pt;
	font-weight:bold;
	padding:8px;
	color:#C3DA42;
} 

.spotimage img {
	border: 2px solid #8cd9d1;
	width: 400px;
	height: 400px;
}

#footer {
	text-align:left;
	margin-left:8px;
	margin-top:5px;
	
}

#footer a:link, #footer a:visited {
	color:#333;
	text-decoration:none;
	
}

#footer a:hover {
	text-decoration:underline;
	
}


#footer p{
	text-align:right;
	
}

.intro{
	color: #333;
	margin:0;
	padding: 10px 1px 4px 0px;
	padding-top:10px;
	font-size: 16px;
	width:700px;
	float: left
	}

.intro a:link, .intro a:visited {
	color:#333;
	text-decoration:none;
	
}
.intro a:hover {
	text-decoration:underline;

}

#column1 {
	width:340px;
	margin:0;
	padding:0 15px 15px 10px;

}


#divider {
	width: 600px;
	margin:0px;
	padding:0px 15px 15px 10px;
	text-align:center;
	color:#C3DA42;
	font-size:16px;
}

.listing {
	padding-top: 10px;
	min-height:150px;
  	height:auto !important;
  	height:150px;
  	width:600px;
}

.listinghd {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#8cd9d1;
	padding-bottom:5px;
	padding-top:5px;
}

.listinginfo {
	text-align:left;
	width:600px;
}

.listingimg {
	padding: 5px;
}

.listinginfo a:link {
	color:#8cd9d1;
	text-decoration:none;
	font-size:12px;
	
}

img.floatLeft { 
    float: left; 
    margin: 10px; 
}

/***Enviro***/

#enviro{
	height:100%;
	width:300px;
	margin:12px;
	padding:20px 20px 8px;
	float:left;
}


#enviro a:link, #resource a:visited {
	color:#333;
	text-decoration:underline;
	font-size:14px;
	
}

#enviro li {
	margin:10px;
	
}

.envirobox1{
	color: #333;
	margin:0;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	width:300px;
	height:100%;
}

.environame{
	color: #333;
	font-size: 12pt;
	font-weight:bold;
	padding-bottom:3px;
	padding-top:2px;
	padding-left:4px;
	background-image:url(http://www.surfpioneer.com/dev/public/images/environment_spacer.png);
}

.enviroimg {
	padding: 5px;
}