@import "common.css";
@import "nav.css";
@import "forms.css";

body { background:#fcf5e9 none; color:#4e463b;}
        
/**********************************************************
 HTML Body Structure
 *********************************************************/

#wrapper { max-width:1024px; min-width:800px; min-height:824px; margin:0 auto;}
* html #wrapper { width: expression((documentElement.clientWidth < 800) ? "800px" : (documentElement.clientWidth > 1024) ? "1024px" : "auto"); height:100%; }

#header { background: url(/!img/body/jr_rangers_int_sub_tile.gif) repeat-x; width:100%; height:140px; }
#header #headerWrap { background: url(/!img/body/jr_rangers_int_sub_tile_left_cap.gif) no-repeat right; width:780px; height:140px; }
#header #topBar { background: url(/!img/body/sc_sp75_int_header_.gif) no-repeat; width:766px; height:25px; }
#header #subHD { background: url(/!img/body/jr_rangers_int_sub_base.jpg) no-repeat; width:780px; height:86px; }
#header #subHD #subheader { float:right; width:169px; height:86px; margin-right:12px; }
#navigation { background: url(/!img/body/jr_rangers_int_nav_a.jpg) no-repeat; width:766px; height:29px; }

#content { background: #FFFFFF url(/!img/body/jr_rangers_mp_purple_tile.gif) left repeat-y; min-height:600px; position:relative; }
* html #content { height:600px; }
#content #lSide { float:left; width:198px; }
#content #lSide #mapCap { background: url(/!img/body/jr_rangers_mp_parksmap.jpg) no-repeat; width:198px; height:147px; }
#content #lSide #mapCap a { width:198px; height:0px; padding-top:147px; overflow:hidden; display:block; text-indent:-9999px; position:relative; }
#content #botImg { background: url(/!img/body/jr_rangers_int_leftbase.jpg) no-repeat; width:198px; height:285px; position:absolute; bottom:0; left:0; }

#content #rSide { margin-left:198px; position:relative; }
#content #rSide #toolBar { border-bottom:1px solid #A4A49C; margin:0 10px; font-weight:bold; font-size:.9em; height:36px; line-height:36px; vertical-align:middle; }
#content #rSide #toolBar a { font-weight:normal!important; }
#content #rSide #toolBar ul { margin:0; padding:0; }
#content #rSide #toolBar ul li { list-style-type:none; float:right; margin:0; padding:6px 0 0 0; }
#content #rSide #text { padding:20px 180px 20px 20px; }

#footer { background: url(/!img/body/jr_rangers_int_footer_middle.gif) repeat-x; width:100%; height:25px; position:relative; text-align:center; color:#EDCFBE; font-size:9px; line-height:25px; vertical-align:middle; }
#footer a { color:#EDCFBE; text-decoration:none; font-weight:bold; font-size:9px; }
#footer a:hover { color:#FFF; text-decoration:none; }
#footer #ftLeft { background: url(/!img/body/jr_rangers_int_footer_left.gif) no-repeat; width:15px; height:25px; position:absolute; top:0px; left:0; }
#footer #ftRight { background: url(/!img/body/jr_rangers_int_footer_right.gif) no-repeat; width:15px; height:25px; position:absolute; top:0px; right:0; }

.contimg { float:right; width:252px; height:252px; padding-left:10px; padding-bottom:10px; }
/**********************************************************
 Page / Section Specific
 *********************************************************/

.awards #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_awards.gif) no-repeat; }
.become_one #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_become.gif) no-repeat; }
.faqs #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_faqs.gif) no-repeat; }
.games #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_games.gif) no-repeat; }
.parks #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_jr_parks.gif) no-repeat; }
.parents #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_parents.gif) no-repeat; }
.gallery #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_photogallery.gif) no-repeat; }
.state_parks #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_state_parks.gif) no-repeat; }
.tell_a_friend #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_tellfriend.gif) no-repeat; }
.what_is #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_whatis.gif) no-repeat; }
.shecrab #header #subHD #subheader { background: url(/!img/subheaders/jr_rangers_int_sub_games.gif) no-repeat; }

.gallery #content #rSide #text { padding:20px; }


#u_print { cursor:pointer; }
#content a { font-weight: bold; }
.parks #parkmap { border:none; position:relative; }
.parks #parklinks a { font-size:0.8em; }
.parks #Facts { background:#DFEDFF;color:#324D00;border:dashed 2px #436ED0;padding:0px;padding-left:10px;padding-right:10px;width:350px;position:absolute;left:0px;top:0px;visibility:hidden; }
.parks #Facts div { font-weight:bold; font-size:1.3em; text-align:center; padding-top:10px; padding-bottom:10px; }
.parks #Facts p { background:#FCF5E9; color:#1D275F; padding:10px; margin-bottom:10px; text-align:left; }
.parks #FactArrow { position:absolute; border:double 2px #F0AC47; width:18px; height:20px; visibility:hidden; }
.parks .parklinks { float:left; padding:10px; }
.parks .trans5 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85; }
.parks .trans4 { filter:alpha(opacity=68); -moz-opacity:0.68; -khtml-opacity:0.68; opacity:0.68; }
.parks .trans3 { filter:alpha(opacity=51); -moz-opacity:0.51; -khtml-opacity:0.51; opacity:0.51; }
.parks .trans2 { filter:alpha(opacity=34); -moz-opacity:0.34; -khtml-opacity:0.34; opacity:0.34; }
.parks .trans1 { filter:alpha(opacity=17); -moz-opacity:0.17; -khtml-opacity:0.17; opacity:0.17; }

.faqs .question { font-weight: bold; font-size:1.2em; }
#content #related { 
	position:absolute;
	right:0;
	top:42px;
	background:transparent url(/!img/body/sc_sp_mp_divider_vt_middle.gif) repeat-y scroll 0pt 50%;
	width:150px;
	margin-left:20px;
	margin-top:5px;
	padding-right:9px;

}

#related div.last { background:transparent url(/!img/body/sc_sp_mp_divider_vt_bottom.gif) no-repeat scroll 0pt 100%; min-height:300px; padding-bottom:30px; }
.tpdetails { background: url(/!img/body/sc_sp_mp_divider_hz.gif) no-repeat bottom; padding-bottom: 10px; }
#related div.tpdetails p { background: url(/!img/body/sc_icon_trip_planner_items.gif) no-repeat 7px 50%; height:22px; line-height: 1.2; margin: 0 0 0 2px; padding: 8px 0 0 40px; text-align:right; font-size:9px; }
#related div.tpdetails p a { font-size:10px; font-weight:normal; }
#related div.tpdetails p strong { font-size:10px; }

* html #related div.last { height: 500px; }

.shecrab #content { background:#D47B3A none; margin-left:3px; }