@import url(sIFR-screen.css);
@import url(nav_ir.css);

#canvas {
	margin: 0 auto;
	min-width: 766px;
	padding: 3px 0;
	width: 99%;
	max-width: 90em;
}
	.withrelated #canvas { min-width: 916px; }
	.parkdetail #canvas { min-width: 916px; }
	.home #canvas { width: 766px; }

p.toplink { position: absolute; margin-top: -2em; left: 55%; font-weight: bold; }

/* =HEADER *
********************************/
#masthead {
	background: url(/images/int/sc_sp_green_int_extender.gif) repeat-x 768px 100%;
	position: relative;
}
.home #masthead { background: none; }

#siteinfo {
	background:  url(/images/common/sc_sp_header_tile.gif) repeat-x 0 0;
	height: 23px; /* 1.92em; */
}
	#tagline {
		display:block;
		position: absolute;
		top: 0;
		left: 55px; /* width of home button */
	}
	.home #tagline { left: auto; }

#mh_search {
	position: absolute;
	right: 0;
	top: 0;
	width: 24em;
	text-align: right;
}
	#mh_search input, #mh_search img { /*vertical-align: text-top;*/ margin:0; }

#FlashArea { margin-top:2px; margin-left:-4px; width:774px; height:209px; background-image:url(/images/mp/scprt_parks_mp_placeholder.jpg) }

#comeOut { position:absolute; width:774px; display:block; height:209px; overflow:hidden; z-index:1; background-image:url(/images/blank.gif); }

#header {
	background: url(/images/int/sc_sp_header_logo.jpg) no-repeat 0 0;
	padding-left: 200px;
	height: 86px;
	margin: 2px 0;
}
	#header h1 {
		background: url(/images/subhead/sc_sp_subhead_park_finder.jpg) no-repeat;
		height: 86px;
		margin: 0;
		padding: 0;
		text-indent: -999em;
	}
	.sc_finder #header h1 { background-image: url(/images/subhead/sc_sp_subhead_park_finder.jpg); }
	.sc_cabins #header h1 { background-image: url(/images/subhead/sc_sp_subhead_cabins_resort.jpg); }
	.sc_camp #header h1 { background-image: url(/images/subhead/sc_sp_subhead_camp.jpg); }
	.sc_water #header h1 { background-image: url(/images/subhead/sc_sp_subhead_waves_water.jpg); }
	.sc_boots #header h1 { background-image: url(/images/subhead/sc_sp_subhead_boots_bikes.jpg); }
	.sc_soldiers #header h1 { background-image: url(/images/subhead/sc_sp_subhead_soldiers_settlers.jpg); }
	.sc_places #header h1 { background-image: url(/images/subhead/sc_sp_subhead_beautiful_places.jpg); }
	.sc_golf #header h1 { background-image: url(/images/subhead/sc_sp_subhead_golf.jpg); }
	.sc_hot_deals_packages #header h1 { background-image: url(/images/subhead/sc_sp_subhead_hot_deals_packages.jpg); }
	.sc_maps #header h1 { background-image: url(/images/subhead/sc_sp_subhead_maps.jpg); }
	.sc_groups #header h1 { background-image: url(/images/subhead/sc_sp_subhead_groups.jpg); }
	.sc_meetings_retreats #header h1 { background-image: url(/images/subhead/sc_sp_subhead_meetings_retreats.jpg); }
	.sc_family_reunions #header h1 { background-image: url(/images/subhead/sc_sp_subhead_family_reunions.jpg); }
	.sc_weddings #header h1 { background-image: url(/images/subhead/sc_sp_subhead_weddings.jpg); }
	.sc_enewsletter #header h1 { background-image: url(/images/subhead/sc_sp_subhead_enewsletter.jpg); }
	.sc_sweepstakes #header h1 {background-image: url(/images/subhead/sc_sp_subhead_sweepstakes.jpg); }
	.sc_stewardship #header h1 {background-image: url(/images/subhead/sc_sp_int_sub_stewardship.jpg); }
	
#headerextcap { background: url(/images/int/sc_sp_green_bar_left_edge.gif) no-repeat 567px 0; }

#nav {
	margin: 2px 0;
	background: url(/images/nav/sc_sp_red_bar.gif) repeat-x;
	height: 27px;
}


/* =MAIN LAYOUT 
*********************************/
#mainframe { width: 100%; background: url(/images/common/sc_sp_side_nav_tile.gif) repeat-y 0 0; }

#mainwrap { background: url(/images/common/sc_sp_nav3_bg_bottom.gif) no-repeat 0 100%; }

#body { 
	width: 100%;
	overflow: hidden; /* clears direct descendant floats */
}
/*.home #body { background: url(/images/mp/sc_mp_nav3_bg_bottom.gif) no-repeat bottom right; }*/

#bodywrap {
	float:right;
	margin-right: -190px; /* #sidenav:width */
	width: 100%;
}
.home #bodywrap {
	float:left;
	margin-left: -151px; /* #sidebar:width */
	margin-right: 0; /* mp structure is slightly different */
}

#cwrap { 
	float: left;
	margin-left: -190px;
	width: 100%;
}
.home #cwrap { float:right; margin-left: 0; margin-right: -341px; /* #sidebar:width + #sidenav:width */ }
.withrelated #cwrap { margin-left: -337px;  } /* #related:width + #sidenav:width */

#iwrap { margin-left: 190px; } /* #cwrap:margin-left */
.home #iwrap {
	margin-left: 0; 
	margin-right: 341px; /* #cwrap:margin-right */
	border: 2px solid #fff;
	border-width: 0 2px;
}
.withrelated #iwrap { margin-left: 337px; } /* #cwrap:margin-left; */


#content {
	font-size: 1em; /* (@base 12px) = 12px */
	margin: 1em auto;
	width: 95%;
	padding: 1px 0 60px;
}
	.home #content { width: auto; margin: 1em 10px; }
	.multi #content { width: auto; margin-left: 2%; }
	.tripplanner #content { margin: 0; padding: 0 5px 5px 5px; }

#sidebar { /* used mp only */
	float: right;
	width: 151px;
	background: #FDF5E8;
}


#sidenav { /* used mp & interior */
	background: #f6b21f url(/images/common/sc_sp_side_nav_tile.gif) repeat-y;
	float: left;
	width: 190px;
	font-size:.83em;
}
.home #sidenav { margin-left: 151px; /* #sidebar:width */ }

/* =CWRAP ITEMS *
*********************************/
#features, #related {
	background: url(/images/mp/sc_sp_mp_divider_vt_middle.gif) repeat-y 10px 0;
	float: right;
	font-size: .83em;
	margin-top: 5px;
	width: 157px;
}
#features div.item { padding: 5px 5px 0 22px; }
#features div.first { background: url(/images/mp/sc_sp_mp_divider_vt_top.gif) no-repeat 10px 0; }
#features div.last { background: url(/images/mp/sc_sp_mp_divider_vt_bottom.gif) no-repeat 10px 100%; }

#related {
	background: url(/images/mp/sc_sp_mp_divider_vt_middle.gif) repeat-y 0;
	margin-right: 190px;
	width: 147px;
}
	#related div.item { padding: 5px 5px 0 7px; }
	#related div.last { background: url(/images/mp/sc_sp_mp_divider_vt_bottom.gif) no-repeat 0 100%; padding-bottom: 30px; min-height: 300px; }

	#sc_subnav { margin-left: 10px; }
	#sc_subnav ul.subnav { margin: 0; padding-left: 0; list-style: none; }
	#sc_subnav ul.subnav li { padding: 2px 0 2px 10px; background: url(/images/common/sc_sp_green_arrow_right.gif) no-repeat left .6em; }

div.item div.more, #related div.item, #sc_subnav, .tpdetails {
	background: url(/images/mp/sc_sp_mp_divider_hz.gif) no-repeat bottom;
	padding-bottom: 10px;
}
div.last .more, #related div.more { background: none; }

#utility {
	border-bottom: 1px solid #A4A49C;
	margin: 0 200px 0 10px;
	padding: 5px 0 8px;
}
.breadcrumb { line-height: 1.5; }
.breadcrumb * { white-space: nowrap; }

#promos { text-align: center; padding: 10px 0 1px; }
#promos .promo { margin-bottom: 10px; }

/* =SIDENAV ITEMS *
********************************/
#company {
	background: url(/images/common/sc_sp_contact_palm_tree.gif) no-repeat 135px 50%;
	color: #7b570b;
	font-style: normal;
	padding: 10px 42px 20px 18px;
}

	#company a
	{
		color: #7b570b;
		font-size: .9em; 
		font-weight: bold;
		text-decoration: none;
	}
#scprt_items {
	background: #9A478D url(/images/int/sc_int_nav3_bg_bottom.gif) no-repeat -1px 100%;
	border: 1px solid #7E3472;
	color: #D1A0C8;
	margin: 2px 0;
	font-size: .9em;
	position: relative;
}
.int #sitepromos {
	position: absolute;
	top: 10px;
	left: 110px;
}
#sitebanners {
	padding: 10px;
	text-align: center;
}
#sitebanners .banner { margin: 0 0 10px; }

/* =SIDEBAR ITEMS *
********************************/
#calendar {
	background: #fff;
	padding-bottom: 2px;
}
#calendar img { display: block; margin-bottom: 2px; }

#scprt_nav {
	color: #D1A0C8;
	margin: 0;
	padding: 10px 5px 0 32px;
}
	.home  #scprt_nav { text-align: left; }
	.int #scprt_nav { width: 140px; }
	#scprt_nav li {
		padding-right: 7px;
		line-height: 1.4;
		color: #A51F13;
	}

.home #sitepromos { padding: 10px; }
#sitepromos .promo { margin-bottom: 5px; }

#events { 
	background: #FDF5E8;
	overflow: auto;
	max-height: 750px;
	width: 151px;
	font-size: .83em;
	color: #6B5F45;
}

	#events dl {
		margin: 0;
		padding: 5px 4px 2px 4px;
	}
	#events .alt2 { background: #FDEFD4;  }
	#events dt {
		font-weight: bold;
		color: #825810;
		font-size: 1em;
		padding: 2px;
	}
	#events dd { margin: 0; padding: 2px; }
	#events .description { padding: 3px 3px 8px 5px; }



/* =FOOTER *
********************************/
#footer {
	text-align: center;
	font-size: .75em;
	margin: 2px 0;
}
#copy {
	background: #B33C2E url(/images/common/sc_sp_footer_bg_middle.gif) repeat-x;
	color: #edcfbe;
	line-height: 23px;
}
#copy span { padding-right: 10px; }
#copy a { padding-left: 10px; }
#links { padding: .3em 0; }

/* =GENERAL *
********************************/
#related div.tpdetails p { 
	background: url(/images/icons/sc_icon_trip_planner_items.gif) no-repeat 7px 50%;
	font-size:.9em;
	height:22px;
	line-height: 1.2;
	margin: 0 0 0 2px;
	padding: 8px 0 2px 40px;
	text-align:right;
}
#c1 {
	float: left;
	height: 23px;
	width: 7px;
	background: url(/images/common/sc_sp_footer_bg_left.gif) no-repeat;
}

#c2 {
	float: right;
	height: 23px;
	width: 7px;
	background: url(/images/common/sc_sp_footer_bg_right.gif) no-repeat;
}


/* Sweepstakes */
#sweepstakeslist { margin: 5px auto; width: 95%; }
#dlSweepstakes { width:100%; }
#sweepstakeslist .detailtitle {	font-size: 1.25em; font-weight: bold; }
#sweepstakeslist .title { font-weight: bold; margin:5px 0px; }
#sweepstakeslist .title a:hover { text-decoration:underline; }
#sweepstakeslist .image { float: right; margin:5px 30px; display: inline; }
#sweepstakeslist .date { font-style:italic; font-size: 0.9em; margin: 5px 25px; }
#sweepstakeslist .description { font-style : normal; font-size : 1em; padding-left: 0px; }
#sweepstakeslist .registerlink { float:right; margin:0px 25px; }
#sweepstakeslist registerbutton buttons { width:100%; text-align:center; }
#sweepstakeslist errorMessage #lbMessage { font-weight: bold; text-align: center; }

/* =IE<6 ON WINDOWS STYLES *
********************************/
/* BEGIN HIDE FROM IE MAC \*/
* html body { text-align: center; font-size: 75%; }
* html #canvas { text-align: left; }
* html #cwrap, * html #sidebar, * html #related, * html #bodywrap, * html #sidenav { display: inline; } /* fix ie double margin bug \*/
* html #sec_nav li { height: 1%; } /* trigger hasLayout property \*/
* html #related div.last { height: 500px; }
* html #events { height: 750px; }
/* END HIDE FROM IE MAC */