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

#canvas 
{
    
	background: url(/!images/common/sc_sp75_sub_tile.gif) repeat-x 766px 3px;
	margin: 0 auto;
	min-width: 774px;
	padding: 3px 0;
	width: 99%;
	max-width: 90em;
}
	.withrelated #canvas { min-width: 916px; }
	.parkdetail #canvas { min-width: 916px; }
	.home #canvas { width: 774px; }
	.landingpage #canvas { width: 774px; }

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

/* =HEADER *
********************************/
#masthead {
	background: url(/!images/common/sc_sp75_sub_tile_left_cap.gif) no-repeat 766px 100%;
	position: relative;
	height:140px;
}
.home #masthead, .landingpage #masthead { background: none; height:auto;}

#siteinfo {
	background:  #ffffff url(/!images/int/sc_sp75_int_header_b.gif) no-repeat 4px 0;
	height: 25px; width: 766px;
}

.home #siteinfo, .landingpage #siteinfo {background:  url(/!images/common/sc75_header.gif) no-repeat 0 0; width: 774px; height:27px; padding:0;}

#mpflash
{
	background:  url(/!images/common/sc75_flash_01.jpg) repeat-x 0 0;
	width:774px;
	height:209px;
}

#subhead {
	background-color: #ffffff /*url(/!images/subheads/sc_sp75_sub_evite.jpg) no-repeat center*/;
	height: 86px;
	width:770px;
	padding-left:4px;
	background-position: 4px 0;
	background-repeat:no-repeat;
}

.kids #subhead {background-image: url(/!images/subheads/sc_sp75_sub_games.jpg)}
.wildlife_game #subhead {background-image: url(/!images/subheads/sc_sp75_sub_games.jpg)}
.photo-gallery #subhead {background-image: url(/!images/subheads/sc_sp75_sub_photogallery.jpg)}
.contest #subhead, .contest-intro #subhead {background-image: url(/!images/subheads/sc75_sub_photocontest2.jpg)}
.jr-ranger #subhead {background-image: url(/!images/subheads/sc_sp75_sub_juniorranger.jpg)}
.weather #subhead {background-image: url(/!images/subheads/sc_sp75_sub_weather.jpg)}	
.enewsletter #subhead, .enews_thanks #subhead {background-image: url(/!images/subheads/sc_sp75_sub_enews.jpg)}
.see-whats-happening #subhead, .products #subhead  {background-image: url(/!images/subheads/sc_sp75_sub_whats_happening.jpg)}
.site-map #subhead, .products #subhead  {background-image: url(/!images/subheads/sc_sp75_sub_whats_happening.jpg)}
.parks-trivia #subhead {background-image: url(/!images/subheads/sc_sp75_sub_games.jpg)}
#headerextcap { background: url(/!images/int/sc_sp_green_bar_left_edge.gif) no-repeat 567px 0; }

#gamelinks {
	width:632px;
	height:110px;
	margin:5px auto;
	background:url(/wildlife_game/images/sc_wildlife-game_link_sprite.gif) no-repeat -632px 0;
}
#gamelinks a.ir {
	width:99px;
	height:54px;
	float:left;
	margin:30px 0px;
	background:url(/wildlife_game/images/sc_wildlife-game_link_sprite.gif) no-repeat 0 -35px;
}
#gamelinks a.ir:hover { background-image:none; }
#game1 a.ir{ margin-left:131px; background-position:-131px -30px; }
#game2 a.ir{ background-position:-230px -30px; }
#game3 a.ir{ background-position:-329px -30px; }
#game4 a.ir{ background-position:-428px -30px; }
#game5 a.ir{ background-position:-527px -30px; }

.home #nav {
	margin: 2px 0;
	height: 33px;
}

#nav {height:27px;
	margin: 2px 0;}
	
.landingpage #emailIcon
{
    background: url(/!images/common/scprt_email-icon.gif) no-repeat 0px 50%;
    padding-left: 30px;
}


/* =MAIN LAYOUT 
*********************************/
#mainframe { min-width: 768px; background: url(/!images/common/sc75_left_column_bg_fall.gif) repeat-y 0 0; clear:both; margin:0 3px;}

.home #mainframe {width: 768px; margin:0 auto;}
.landingpage #mainframe {width: 768px; margin:0 auto; background:transparent none;}

.home #mainwrap { background: transparent url(/!images/mp/sc75_right_column_bg.gif) repeat-y 100% 50%; }

#body { 
	width: 100%;
	overflow: hidden; /* clears direct descendant floats */
}
.home #body { background: transparent url(/!images/mp/sc75_right_column_bg.gif) repeat-y 100%; }

#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 */
}

.landingpage #bodywrap {float:none; margin:0;}

#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 */
* html .withrelated #cwrap { margin-left: -385px;  }

#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; */
* html .withrelated #iwrap { margin-left: 385px; }

#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: 148px;
	background: #FDF5E8 url(/!images/mp/sc75_right_column_bg.gif) repeat-y;
	height:100%;
}


#sidenav { /* used mp & interior */
	background: transparent url(/!images/common/sc75_left_column_top_fall.gif) no-repeat 0 0;
	padding-top:5px;
	float: left;
	width: 190px;
	font-size:.83em;
}
.home #sidenav { margin-left: 151px; /* #sidebar:width */ }

.charPic {float:right; margin-right:210px;}

/* =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-left: -147px;
	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/sc75_contact_info_palm_tree.gif) no-repeat 135px 50%;
	color: #ffffff;
	font-style: normal;
	padding: 30px 42px 0px 18px;
}

	#company a
	{
		color: #ffffff;
		font-size: .9em; 
		font-weight: bold;
		text-decoration: none;
	}
	
.int #sitepromos {
	position: absolute;
	top: 10px;
	left: 110px;
}
#sitebanners {
	padding: 10px;
	text-align: center;
}
#sitebanners .banner { margin: 0 0 10px; }

/* =SIDEBAR ITEMS *
********************************/

#featured
{
	background: url(/!images/mp/sc75_feature_stories_header.gif) top center no-repeat;
	padding-top:50px;
    width:130px; 
    margin:10px auto;
}


#featured .story
{
    text-align:left;
    color:#ffffff;
    font-size:.85em;
}

/* =FOOTER *
********************************/
#footer {
	background: url(/!images/int/sc_sp_footer_bg_middle.gif) repeat-x;
	height:23px;
	text-align: center;
	font-size: .75em;
	margin: 2px 0;
}

.home #footer, .landingpage #footer {background:#3d86da url(/!images/common/sc_sp75th_footer_cap_bg.gif) no-repeat; width:774px;}

#copy {
	color: #edcfbe;
	line-height: 23px;
}
#copy span { padding-right: 10px; }
#copy a { padding-left: 10px; }
#links { padding: .3em 0; }

#footlinks {padding: 0 10px;}
#footlinks a {white-space:nowrap;}

#c1 {
	float: left;
	height: 23px;
	width: 7px;
	background: url(/!images/int/sc_sp_footer_bg_left.gif) no-repeat;
}

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

/* =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;
}

/* 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 */