/** HP Global
***************************************************/
html {
	background-color:#c3c3c3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
body {
	padding:0;
	margin:0;
	font-size:70%
}

h1, h2, h3, h4, h5 { 
	margin:0;
	padding:0;
}

form { padding:0;margin:0; }
.date { font-size:.8em; }
.archive, .archive_pad { font-size:.85em;}
.archive_pad { padding-top:5px; }
#wrapper {
	width:95%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}


/** HP Spacers
***************************************************/
.navyDottedSpacer{
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	height:1px;
	border-top:#000033 dotted 1px;
	clear:both;
}
.navyLineSpacer{
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	height:1px;
	border-top:#000033 solid 1px;
	clear:both;
}

/** HP Header
***************************************************/
.hp-header { 
	height:20px;
	width:98%;
	background-color:#E8C810;
	background-position:top right;
	background-repeat:no-repeat;
}

.hp-header-text {
	float:left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	font-weight:bold;
	font-size:16px;	
}

.hp-header-link {
	float:right;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

.hp-header2 { 
	height:25px;
	width:98%;
	float:center;
	background-color:#273E84;
	background-position:top right;
	background-repeat:no-repeat;
}

.hp-header-text2 {
	float:left;
	padding-top:3px;
	padding-left:5px;
	font-weight:bold;
	font-size:16px;
	font-weight:bold;
	color:#E8C810;
}

.hp-header-link2 {
	float:right;
	padding-right:10px;
	padding-top:3px
}

.hp-header-text3 {
	float:left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	font-weight:bold;
	font-size:12px;	
}

.hp-header4 { 
	height:20px;
	width:98%;
	background-color:#FF0000;
	background-position:top right;
	background-repeat:no-repeat;
}

.hp-header-text4 {
	float:left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	font-weight:bold;
	font-size:16px;	
}

.hp-header-link4 {
	float:right;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}



/** HP Spacers
***************************************************/
.hp-content-spacer {
	height:10px;
	background-color:#ffffff;
	font-size:1px;
}

.hp-content-spacer-clear {
	height:10px;
	font-size:1px;
}

.hp-content-spacer-darkblue {
	height:12px;
	background-color:#000033;
	font-size:1px;
}

.hp-content-spacer-nobg {
	height:7px;
	font-size:1px;
}

/** HP Caps
***************************************************/
.hp-cap-mediumblue-bottomleft {
	background: #c3c3c3 url('../hp_images/cap_medblue_bottom_left.gif') no-repeat 0 100%;
	width:100%;
	height:7px;
	font-size:1px
}

.hp-cap-mediumblue-bottomright {
	background: url('../hp_images/cap_medblue_bottom_right.gif') no-repeat 100% 100%;
	height:7px;
	font-size:1px
}

.hp-cap-darkblue-topleft {
	background: #c3c3c3 url('../hp_images/cap_darkblue_top_left.gif') no-repeat 0 100%;
	width:100%;
	height:7px;
	font-size:1px
}

.hp-cap-darkblue-topright {
	background: url('../hp_images/cap_darkblue_top_right.gif') no-repeat 100% 100%;
	height:7px;
	font-size:1px
}

.hp-cap-darkblue-bottomleft {
	background: #c3c3c3 url('../hp_images/cap_darkblue_bottom_left.gif') no-repeat 0 100%;
	width:100%;
	height:7px;
	font-size:1px
}

.hp-cap-darkblue-bottomright {
	background: url('../hp_images/cap_darkblue_bottom_right.gif') no-repeat 100% 100%;
	height:7px;
	font-size:1px
}

.hp-cap-lightblue-topleft {
	background: #c3c3c3 url('../hp_images/cap_lightblue_top_left.gif') no-repeat 0 100%;
	width:100%;
	height:7px;
	font-size:1px
}

.hp-cap-lightblue-topright {
	background: url('../hp_images/cap_lightblue_top_right.gif') no-repeat 100% 100%;
	height:7px;
	font-size:1px
}

.hp-cap-lightblue-bottomleft {
	background: #c3c3c3 url('../hp_images/cap_lightblue_bottom_left.gif') no-repeat 0 100%;
	width:100%;
	height:7px;
	font-size:1px
}

.hp-cap-lightblue-bottomright {
	background: url('../hp_images/cap_lightblue_bottom_right.gif') no-repeat 100% 100%;
	height:7px;
	font-size:1px
}

.hp-cap-hotblue-bottomleft {
	background: #c3c3c3 url('../hp_images/cap_hotblue_bottom_left.gif') no-repeat 0 100%;
	width:100%;
	height:7px;
	font-size:1px
}

.hp-cap-hotblue-bottomright {
	background: url('../hp_images/cap_hotblue_bottom_right.gif') no-repeat 100% 100%;
	height:7px;
	font-size:1px
}

/** HP Links
***************************************************/
.a, a:link, a:active, a:visited { color:#336699;text-decoration:none }
a:hover { color:#336699;text-decoration:underline }
a.bold:link, a.bold:active, a.bold:visited { font-weight:bold }
a.util:link, a.util:active, a.util:visited { font-size:.79em }

a.header:link, a.header:active, a.header:visited { font-size:16px;font-weight:bold;color:#336699 }
a.header:hover { color:#336699;text-decoration:underline }
a.header_more:link, a.header_more:active, a.header_more:visited { font-weight:normal;font-size:.8em }

a.header_h2:link, a.header_h2:active, a.header_h2:visited { font-size:11px;font-weight:bold;color:#336699}
a.header_h2:hover { color:#336699;text-decoration:underline }

a.header_h4:link, a.header_h4:active, a.header_h4:visited { font-size:16px;font-weight:bold;color:#E8C810}
a.header_h4:hover { font-size:16px;font-weight:bold;color:#E8C810;text-decoration:underline }

a.header_h4_arrow:link, a.header_h4:active, a.header_h4:visited { font-size:11px;font-weight:bold;color:#336699;padding-right:10px;background:url('../hp_images/arrow_small.gif') no-repeat center right; }
a.header_h4_arrow:hover { color:#336699;text-decoration:underline }

a.header_10_arrow:link, a.header_10:active, a.header_10:visited { font-size:10px;font-weight:bold;color:#336699;padding-right:10px;background:url('../hp_images/arrow_small.gif') no-repeat center right; }
a.header_10_arrow:hover { color:#336699;text-decoration:underline }

a.header_11_arrow:link, a.header_11:active, a.header_11:visited { font-size:11px;font-weight:bold;color:#336699;padding-right:10px;background:url('../hp_images/arrow_small.gif') no-repeat center right; }
a.header_11_arrow:hover { color:#336699;text-decoration:underline }

a.header_12_arrow:link, a.header_12:active, a.header_12:visited { font-size:12px;font-weight:bold;color:#336699;padding-right:10px;background:url('../hp_images/arrow_small.gif') no-repeat center right; }
a.header_12_arrow:hover { color:#336699;text-decoration:underline }

/** HP Thumbnail Cages
***************************************************/
/** HP Thumbs Cage **/
.hp-thumb-cage {
	overflow:hidden;
	font-size:11px;
	clear:both;
}

.hp-thumb-cage h3 {
	font-size:12px;
}
.hp-thumb-cage img {
	float:left;
	margin:0 5px 10px 0;
	padding:0;
}
.hp-thumb-cage span {
	font-size:10px;
	font-weight:bold;
	color:#eeeeee;
}

/** HP Thumbs Bottom Cage **/
.hp-thumb-bottom-cage {
	overflow:hidden;
	font-size:11px;
	clear:both;
	padding:0 0 0 0;
}
.hp-thumb-bottom-cage h3 {
	font-size:12px;
}
.hp-thumb-bottom-cage img {
	float:left;
	margin:0 5px 0 0;
}
.hp-thumb-bottom-cage span {
	font-size:10px;
	font-weight:bold;
	color:#eeeeee;
}

/** HP No Thumbs Cage **/
.hp-NOthumb-cage {
	clear:both;
	font-size:11px;
	padding:0 0 12px 0;
}
.hp-NOthumb-cage h3 {
	font-size:10px;
}
.hp-NOthumb-cage span {
	font-size: 10px;
	font-weight:bold;
	color:#eeeeee; 
}

/** HP No Thumbs Bottom Cage **/
.hp-NOthumb-bottom-cage {
	clear:both;
	font-size:11px;
	padding:0 0 0 0;
}
.hp-NOthumb-bottom-cage h3 {
	font-size:10px;
}
.hp-NOthumb-bottom-cage span {
	font-size:10px;
	font-weight:bold;
	color:#eeeeee; 
}



/** HP Columns
***************************************************/
.left-column {
	float:left;
	margin:0 0px 0 0; 
	width:30%; 
	valign:top;
	background-color:#FFFFFF;
}
.mid-column {
	width:55%; 
	margin:0 0px 0 0;
	float:left;
	valign:top;
	background-color:#FFFFFF;		
}
.right-column {
	width:15%px; 
	margin:0 0px 0 0;
	float:left;
	valign:top;	
	background-color:#E8C810;	
}

/** HP Row Cage
***************************************************/
.row-cage {
	clear:both;
}

/** HP Media Cage
***************************************************/
.media-cage {
	background-color:#336699;
	clear:both;
	padding:10px 0 10px 0;
}


/** HP Top Right Promo
***************************************************/
.hp_right-promo-cage { 
	float:left;
	font-size:.84em;
	margin:0 10px 0 0;
	width:130px;
}
.hp_right-promo-cage h3 {
	line-height:10px;
	font-size:1.1em;
	padding-bottom:3px;
}
.hp_right-promo-box-premium {
	background-color:#000033; 
	margin:0 0 5px 0;
}
.hp_right-promo-box {
	background-color:#000033;
	line-height:13px; 
}
.hp-right-promo-box-pad {
	padding:0 0 0 7px;
}
.hp_right-promo-box-link { padding-top:3px }
#hp_right-promo-box-mobile-text { padding:0 3px 0 6px;line-height:10px }
#hp_right-promo-box-mobile-link { padding-top:5px;font-size:1.1em }


/** HP Promobox
***************************************************/
.hp_promobox-cage {
	float:left;
	height:310px; 
	overflow:hidden;
	width:455px;
}
.hp_promobox-topbox { height:32px }
.hp_promobox-topbox-text { line-height:14px;padding:1px 0 0 5px }
.hp_promobox-topbox-subhead { font-family:verdana;font-size:7pt;font-weight:bold;color:#ff9900 }
.hp_promobox-topbox-titleXX { color:white;font-size:17px;font-weight:bold;text-decoration:none;font-family:arial }
.hp_promobox-bottombox { height:276px }
.hp_promobox-topcorner { position:absolute;z-index:99;left:449px }
.hp_promobox-bottomcorners { position:absolute;z-index:98;top:303px }

a.promobox-title:link, a.promobox-title:active, a.promobox-title:visited { color:white;font-size:17px;font-weight:bold;text-decoration:none;font-family:arial }
a.promobox-title:hover { color:#FF9900 }

/** HP Cam
***************************************************/
.hp_cam-cage {
	float:right;
	width:383px;
}
.hp_camofday-ad {
	background-color:#225588;
	height:282px;
	text-align:center;
}
.hp_camofday-ad-padding {
	padding-top:12px;
}
.hp_cam-box-div {
	height:282px;
}
.hp_cam-box {
	background-color:#225588;
	padding:12px 0 6px 0;
	text-align:center;
	width:383px;
}
.hp_cam-box-text {
	clear:both;
	padding:10px 0 1px 0;
	text-align:center;
}
.hp_cam-loading {
	padding:15px;
}

/** HP Content
***************************************************/
.hp_content h2 {
	font-size:11px;
	line-height:.8em;
	margin:0;
	padding:10px 6px 7px 0px;
	background-color:#FFFFFF;
}



/** HP Cams and Reports
***************************************************/
.hp_cams-reports_cage {
	padding:10px; 
	background-color:#ffffff;
}
.hp_cams-reports_cage2 {
	padding:0px; 
	background-color:#E8C810;
}
.hp_cams-reports_cage h3, .hp_cams-reports_cage h4 {
	font-size:.94em;
	color:#336699;
	padding-bottom:3px;
}
.hp_cams-reports_cage h4 {
	padding-top:7px;
	padding-bottom:3px;
}
.hp_cams-reports_cage h5 {
	color:#336699;
	font-size:1.1em;
	padding-bottom:2px;
	/*padding-top:7px;*/
}
.hp_cams-reports-leftcol {
	width:135px; 
	float:left;
}
.hp_cams-reports-rightcol {
	width:135px; 
	float:right;
}
.hp_cams-reports_contentbox {
	clear:both; 
	padding:0 0 10px 0; 
	margin:0 0 0 0;
	border-bottom:#000033 dotted 1px;
}
.hp_cams-reports_contentbox_noline {
	clear:both; 
	padding:0 0 5px 0; 
	margin:0 0 0 0;
}
.hp_cams-reports_contentbox_noline ul {
	margin:0;
	padding:0;
	list-style:none;
}
.hp_cams-reports_contentbox ul {
	margin:0;
	padding:0;
	list-style:none;
}
#hp_numspots {
	color:#ffffff;
	font-size:1.1em;
}
#hp_forecast-text {
	font-size:.9em;
	line-height:12px;
	padding-top:3px;
}
#hp_forecast-link {
	padding-top:5px;
	padding-bottom:2px;
}
#hp_forecast-archive-link {
	padding-top:10px;
}
#hp_cams-reports-header {
	padding:0 6px 6px 3px;
}
.hp_cams-reports-alertpadding {
	padding-bottom:3px;
}

/** Find Spots and Forecasts
***************************************************/
#hp_find-title {
	padding-top:7px;
	font-size:11px;
}
#hp_form-pad {
	padding-top:5px;
}
#txt1 {
	width:220px;
}

/** HP Water
***************************************************/
.hp-water {
	padding:10px;  
	/* height:295px; */
	overflow:hidden;
	clear:both;
	text-align:left;
	background-color:#417ab5;
}
#hp_water-pullquote {
	font-size:21px;
	font-weight:bold;
}
.hp_watercover-thumb {
	padding:10px 5px 0 0; 
}
.hp_watercover-thumb img {
	float:left;
	padding-right:15px;
}
.hp-water h4 {
	font-size:1em;
	font-style:italic;
}
.hp-water ul {
	list-style-position:inside;
	padding:0; 
	margin:0 0 0 8px; 
}
#hp_water-demo-link {
	padding-top:8px;
}









/** HP Left Special Features Promo Box
***************************************************/
#hp_leftpromo_pullquote {
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#hp_leftpromo_quote_pad {
	padding-bottom:14px;
}
.hp_leftpromo {
    background-color:#000033;
	padding:10px 10px 0px 10px;  
    /*       T,   R,   B,  L     */
	/* height:295px; */
	overflow:hidden;
	clear:both;
	text-align:left;
}

/** HP Six Weeks
***************************************************/
.hp-sixweeks {
    background-color:#000033;
	padding:10px 10px 2px 10px;  
    /*       T,   R,   B,  L     */
	/* height:295px; */
	overflow:hidden;
	clear:both;
	text-align:left;
}
#hp_sixweeks-pullquote {
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.hp_sixweeks-thumb {
	padding:10px 5px 0 0; 
}
.hp_sixweeks-thumb img {
	float:left;
	padding-right:15px;
}
.hp-sixweeks h4 {
	font-size:1em;
	font-style:italic;
}
#hp_sixweeks-archive-link {
	padding-top:8px;
}
#hp_sixweeks-quote-pad {
	padding-bottom:8px;
}


/** HP Most Popular
***************************************************/
.hp_popular {
	padding:10px; 
	overflow:hidden;
	clear:both;
	text-align:left;
	line-height:12px;
}
.hp_popular ol {
	list-style-type:decimal;
	padding:0 0 0 20px;
	margin:0;
}
.hp_popular li {
	padding:0 0 5px 0; 
	margin:0; 
}
.hp_popular a {
	font-weight:bold;
}

/** HP Most Recent
***************************************************/
.hp_most-recent {
	padding:0 10px 10px 10px;
}
.hp_loading-pad {
	padding:10px;
}
.hp_most-recent-medium { font-size:1.2em }
.hp_most-recent-small { font-size:1.1em }
.hp_most-recent-smaller { font-size:1.0em }

/** HP Right Column
***************************************************/
/* Ad */
.hp_320-250-ad {
	background-color:#225588;
	clear:both;
	height:250px;
	/*padding:0 0 5px 0;*/
	width:300px;
}

/* Tabs */
.hp_right-tabs-one {
	padding:0 10px 3px 10px; 
	clear:both; 
}
.hp_right-tabs-two {
	padding:0 10px 3px 10px; 
	clear:both; 
}
.hp_tab-medium { width:75px }
.hp_tab-long { width:100px }

/* Surfwire */
.hp_surfwire {
	background-color:#225588;
	padding:10px;
}
.hp_surfwire-div {
	padding-bottom:5px;
}

/** Store
***************************************************/
.hp_store {
	background-color:#417ab5;
	height:200px;
	padding:10px;
}

.hp_store-image {
	float:left;
	width:80px;
	text-align:center;
}

.hp_store-text {
	float:left;
	width:195px;
	margin-left:5px
}

.hp_store-text h3 {
	font-size:12px;
}

/** HP Bottom Headers
***************************************************/
.hp_wctzone h4, .hp_travel h4 {
	padding-bottom:3px;
	font-size:.94em;
	font-weight:bold;
	color:#ffffff;
}

/** HP WCT
***************************************************/
.hp_wctzone {
	height:400px;
	padding:5px 10px 10px 10px;
}
.hp_wctzone-padding {
	padding-top:3px;
}

/** HP The Line
***************************************************************/
.hp_theline {
	padding:10px 10px 10px 20px;
	background-color:#000066;
	height:180px;
}

/* HP Photos
***************************************************************/
.hp_photos {
	padding:5px 10px 10px 10px;
	line-height:15px;
	height:400px;
}
.hp_photos ul {
	padding:0 0 10px 0;
	margin:0 0 0 2px;
	list-style:none;
}
.hp_photos li {
	padding:0;
	margin:3px 5px 1px 0;
	float:left;
}
.hp_photos h3 {
	font-size:1.3em;
}
.hp_photos h4 {
	font-size:11px;
	padding-bottom:3px;
}
#hp_photos-high-rated { padding-top:3px }
#hp_photos-photo-link { padding-top:3px }
#hp_photos-normal-text { font-weight:normal }
.hp_photos_spacer { height:3px;font-size:1px }

/** HP Travel
***************************************************************/
.hp_travel {
	padding:7px 10px 10px 10px;
}
.hp_travel h5 {
	font-size:.9em;
}
#hp_travel-question { font-size:1.2em;padding-bottom:3px }
#hp_travel-promo { font-size:1.2em }
#hp_travel-guides { padding-top:7px }
#hp_travel-field{ height:15px;color:#999999 }

/** HP Community
***************************************************************/
.hp_community {
	padding:15px 10px 10px 10px;
}
.hp_community-left {
	float:left;
	width:180px;
}
.hp_community-right {
	float:right;
}

/** Footer
***************************************************************/
#footer {
	width:100%;
	margin: 0 auto;
	background-color:#000033;
	text-align:center;
	line-height:20px;
	color:#FFFFFF;
	padding:10px 0 15px 0;
	clear:both;
}

a.footer,
a.footer:link,
a.footer:active,
a.footer:visited {
	text-align:center;
	color:#E8C810;
	font-weight:bold;
}
#footer_tools {
	padding-top:7px;
	padding-bottom:7px;
	border-top:#FFFFFF dotted 1px;
}
#footer_links {
	padding-top:7px;
	border-top:#FFFFFF;
}

/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
/* a:hover {background:#ffffff; text-decoration:none;} */ /*BG color is a must for IE6*/
a.csatooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.csatooltip:hover span {display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#111111; text-decoration:none}

/* Registration */
a.basic:link, a.basic:active, a.basic:visited { font-weight:normal; }
a.large:link, a.large:active, a.large:visited { font-size:12px; }
.gn_wrapper { width:262px;height:90px;background-color:#336699 }
.gn_wrapper_premium { width:262px;height:90px;background-color:#000033 }
.gn_leftbox { width:155px;float:left;padding:20px 0 0 10px;text-align:center }
.gn_leftbox_premium { width:160px;float:left;padding:10px 0 0 15px;text-align:center }
.gn_rightbox { float:right;padding:10px 10px 0 10px;line-height:16px }
.gn_rightbox_premium { float:right;padding:3px 10px 0 10px;line-height:16px }
.gn_messagebox { font-size:11px;padding-bottom:2px }
.gn_toppadding { padding:8px 0 0 0 }
.gn_toppadding_small { padding:4px 0 0 0 }
.gn_username { font-size:11px }
.gn_expired { color:yellow }