/* CSS Document */

body {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#container {
}
#left {
	float:left;
}
#right {
	float:left;
}

/* Left Top Styles */
#leftTop {
	width:378px;
	height:313px;
	background-image:url(Images/topLeft.jpg);
	background-repeat:no-repeat;
}
#leftTop h1 {
	display:none;
}
#leftTop h2 {
	padding:210px 0px 0px 120px;
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	font-style:italic;
}

/* Left Bottom Styles */
#leftBottom {
	width:378px;
	height:213px;
	clear:both;
}
#leftBottomTop {
	height:143px;
	background-image:url(Images/blInnerTop.jpg);
	background-repeat:no-repeat;
}
#leftBottomTop p {
	float:left;
	width:83px;
	padding:117px 0px 0px 32px;
	color:#000000;
}
div>#leftBottomTop p { /* IE Hack */
	padding:107px 0px 0px 32px;
}
#leftBottomTop p a {
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
#navigation {
	float:left;
	margin:10px 8px 0px 25px;
	padding:0px 8px 0px 0px;
	border-right:1px solid #CCCCCC;
}
#navigation h3 {
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	color:#FF9900;
	font-size:12px;
}
#navigation ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	font-size:11px;
}
#surfForecasts {
	background-image:url(Images/ForecastBackground.gif);
	float:left;
	width:122px;
	height:115px;
	margin:15px 0px 0px 0px;
	padding:0px;
}
#surfForecasts h3 {
	padding:2px 0px 5px 0px;
	margin:0px;
	text-align:center;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:12px;
}
#surfForecasts img {
	padding:0px 0px 0px 4px;
}
#leftBottomMiddle {
	background-image:url(Images/blInnerMiddle.jpg);
	background-repeat:repeat-y;
	height:290px;
	padding:0px 0px 0px 20px;
}
.leftBottomSquare {
	float:left;
	width:175px;
	height:150px;
}
.leftBottomSquare ul {
	padding:0px;
	margin:25px 0px 0px 3px;
	list-style-type:none;
	text-align:center;
}
.leftBottomSquare ul li {
	background-image:url(Images/BlankButton.gif);
	background-repeat:no-repeat;
	height:22px;
	width:150px;
	padding:4px 0px 0px 0px;
	text-transform:uppercase;
}
.leftBottomSquare ul li a {
	color:#000000;
	text-decoration:none;
} 
#leftBottomBottom {
	background-image:url(Images/blInnerBottom.jpg);
	background-repeat:no-repeat;
	height:12px;
	width:378px;
}

/* Right Main Styles */
#rightMainTop {
	width:390px;
	height:34px;
	background-image:url(Images/rmTop.jpg);
	background-repeat:no-repeat;	
	padding:5px 5px 0px 15px;
	margin:0px;
}
#topNav {
	width:360px;
	height:20px;
	font-size:11px;
	text-align:center;
	padding:0px;
	margin:15px 0px 0px 10px;
	text-transform:uppercase;
	color:#CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#topNav p {
	padding-bottom:0px;
	margin-bottom:0px;
}
div>#topNav { /* IE Hack */
	margin:0px 0px 0px 10px;
}
#topNav a {
	color:#336699;
}
#rightMainMiddle {
	background-image:url(Images/rmMiddle.jpg);
	background-repeat:repeat-y;
	padding:8px;
	margin:0px;
	width:394px;
}
#rightMainMiddle img {
	border:0px;
}
#rightMainBottom {
	background-image:url(Images/rmBottom.jpg);
	background-repeat:no-repeat;
	width:410px;
	height:21px;
}
#mainText {
	padding:4px 8px 4px 8px;
	font-size:11px;
	min-height:540px;
}
#mainText h2 {
	color:#FF9900;
	font-size:18px;
	padding:0px;
	margin:10px 0px 5px 0px;
}
#mainText h3 {
	color:#FF9900;
	font-size:14px;
	padding:0px;
	margin:10px 0px 0px 0px;
}
.breakInfo {
	padding:0px;
	margin:0px 0px 0px 0px;
}
.breakMap {
	padding:0px;
	margin:0px 0px 0px 10px;
}

/* Right Ad Styles */
#rightAd {
	width:412px;
	height:63px;
	padding:2px 0px 0px 10px;
}
#rightAd img {
	border:0;
}


/* Footer Styles */
#footer {
	clear:both;
	width:790px;
	height:59px;
	background-image:url(Images/footer.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 0px 0px;
}
#footer p {
	padding:0px;
	margin:2px 0px 0px 0px;
	text-align:center;
}
#footer p a {
	color:#336699;
	text-decoration:none;
}
#footerMenu {
}
#keywords {
	font-size:9px;
}
#copyright {
	color:#FF9900;
	font-size:9px;
}
.paragraphheader {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}
.advertiserheader {
	font-size: 13px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}
.red{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#FF0000;
	padding:0px 1px;
	text-decoration: none;
}
.red a:link {color:#FF0000; text-decoration:none; font-weight:bold}
.red a:active {color:#FF0000; text-decoration:none; font-weight:bold}
.red a:visited {color:#FF0000; text-decoration:none; font-weight:bold}
.red a:hover {
	color:#FF0000;
	text-decoration:underline;
	font-weight: bold;
}

.left-ad { background: url(images/ad-1.jpg) no-repeat top center; height:97px; text-align:center }
.right-ad { background: url(images/ad-2.jpg) no-repeat top center; height:97px; text-align:center }

.bottomlinks{ 	background-color:#318AB8;	
				font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#FFFFFF;
				valign:middle;
				text-align:center;
				height:75px;}
.bottomlinks a:link {color:#FFFFFF; text-decoration:none; font-weight:normal}
.bottomlinks a:active {color:#FFFFFF; text-decoration:none; font-weight:normal}
.bottomlinks a:visited {color:#FFFFFF; text-decoration:none; font-weight:normal}
.bottomlinks a:hover {color:#FFFFFF; text-decoration:underline }

H2 {
	FONT-SIZE: 14px; COLOR: #FF6633; FONT-FAMILY: arial; font-weight:bold;
					text-align:left;font-style:italic;
					PADDING-RIGHT: 0px; 
					PADDING-LEFT: 7px; 
					PADDING-BOTTOM: 1px; 
					MARGIN: 0px; 
					PADDING-TOP: 1px; }

H3 {
	FONT-SIZE: 13px; COLOR: #FF6633; FONT-FAMILY: arial; font-weight:regular;
					text-align:center;font-style:italic;
					PADDING-RIGHT: 2px; 
					PADDING-LEFT: 0px; 
					PADDING-BOTTOM: 3px; 
					MARGIN: 0px; 
					PADDING-TOP: 5px; 
	}		
.H3 a:link {color:#FFFFFF; text-decoration:none; font-weight:normal}
.H3 a:active {color:#FFFFFF; text-decoration:none; font-weight:normal}
.H3 a:visited {color:#FFFFFF; text-decoration:none; font-weight:normal}
.H3 a:hover {color:#FFFFFF; text-decoration:underline
}

.arrowblue-gradient{ background:#FFFFFF url(images/gradient-bullet.jpg) no-repeat top left;
					font-family:Arial;
					font-size:14px;
					font-weight:bold;
					font-style:italic;
					color:#FFFFFF;
					valign:middle;
					height:25px;
					padding:5px 15px 0px 30px;
}

.image {
	float;
	margin-left: 20px; 
	margin-bottom: 15px; 
	margin-top: 10px; 
	margin-right: 15px;
}
	
.arroworange-gradient{ background:#FFFFFF url(images/gradient-bullet-orange.jpg) no-repeat top left;
					font-family:Arial;
					font-size:14px;
					font-weight:bold;
					font-style:italic;
					color:#FFFFFF;
					valign:middle;
					height:25px;
					padding:3px 0px 0px 22px;
					
}
.arroworange-gradient a:link {color:#FFFFFF; text-decoration:none; font-weight:bold}				
.arroworange-gradient a:active {color:#FFFFFF; text-decoration:none; font-weight:bold}
.arroworange-gradient a:visited {color:#FFFFFF; text-decoration:none; font-weight:bold}
.arroworange-gradient a:hover {
	color:#0066FF;
	text-decoration:underline;
	font-weight: bold;

}
.arrowred-gradient{ background:#FFFFFF url(images/gradient-bullet-red.jpg) no-repeat top left;
					font-family:Arial;
					font-size:14px;
					font-weight:bold;
					font-style:italic;
					color:#FFFFFF;
					valign:middle;
					height:25px;
					padding:5px 10px 0px 12px;
					
}
.arrowdkblue-gradient{ background:#FFFFFF url(images/gradient-bullet-dkblue.jpg) no-repeat top left;
					font-family:Arial;
					font-size:14px;
					font-weight:bold;
					font-style:italic;
					color:#FFFFFF;
					valign:middle;
					height:25px;
					padding:5px 10px 0px 12px;
}

.middleText { no-repeat;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 25px; 
	FONT-SIZE: 14px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 0px; FONT-STYLE: italic; font-family:Arial; font-weight:bold;
}
.middle-headings {
	FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: arial; font-weight:regular; text-align:left;font-style:italic;
					PADDING-RIGHT: 0px; 
					PADDING-LEFT: 25px; 
					PADDING-BOTTOM: 0px; 
					PADDING-TOP: 0px; }
					
.middlecontent{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
}

.middlecontentcenter{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-align:center;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
}
.middlecontentcenter a:link {color:#000000; text-decoration:none; font-weight:bold}
.middlecontentcenter a:active {color:#000000; text-decoration:none; font-weight:bold}
.middlecontentcenter a:visited {color:#000000; text-decoration:none; font-weight:bold}
.middlecontentcenter a:hover {
	color:#FF0000;
	text-decoration:underline;
	font-weight: bold;
}

.middlecontent12{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
}
.middlecontentleft{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	padding: 0px;
}

.middlecontentbold{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	padding: 0px;
	
}

.middlecontentboldcenter{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	padding: 0px;
	
}

.textTop {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 18px;
	PADDING-BOTTOM: 8px;
	MARGIN: 0px;
	COLOR: #FF6633;
	PADDING-TOP: 0px;
	FONT-STYLE: italic;
	font-family:Arial;
	font-weight:bold;
	text-align: center;
}
.middletop {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 25px; 
	FONT-SIZE: 14px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 0px; FONT-STYLE: italic; font-family:Arial; font-weight:bold;
}
.middletop a:link {color:#FFFFFF; text-decoration:none; font-weight:bold}				
.middletop a:active {color:#FFFFFF; text-decoration:none; font-weight:bold}
.middletop a:visited {color:#FFFFFF; text-decoration:none; font-weight:bold}
.middletop a:hover {color:#FFCC99; text-decoration:underline
}

.infoLinks {
	font-size:12px
	font-weight: bold;
	margin: 0px 0px 5px 25px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	
}

.paragraphheaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FA5405;
	padding: 0px;
}
.paragraphheaders a:link {color:#FA5405; text-decoration:none; font-weight:bold}				
.paragraphheaders a:active {color:#FA5405; text-decoration:none; font-weight:bold}
.paragraphheaders a:visited {color:#FA5405; text-decoration:none; font-weight:bold}
.paragraphheaders a:hover {color:#0066FF; text-decoration:underline

}
.blueitalic {
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
	color: #0066FF;
}
.red13 {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

.red18 {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

.blue13 {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0066CC;
}

.reditalic {
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
	color: #FF0000;
}

.black13 {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;