* { margin:0; padding:0; font-size:14px; font-family:Arial; color:#2f1c00; }

body { margin-top:9px; background:#2f1c00 url(/!img/mp/pj_mp_bckgrd.jpg) scroll top no-repeat;  color:#2f1c00; font-family:Arial; font-size:14px;  }

#wrapper { width:974px; margin:0 auto; background-image:url(/!img/int/pj_int_body_bkgrd_tile.gif); }

h1 { font-family:Arial; font-size:25px; color:#3B240B; font-style:italic; padding-bottom:5px; }
h3 { font-family:Verdana; font-size:20px; color:#3B240B; padding-bottom:5px; }

ul {margin-left: 25px; list-style: square;}
li {margin-bottom: 10px;}

a, img { border-style:none; outline-style:none; }

.bold, b {font-weight:bold;}

#content{
    background-image:url(/!img/int/pj_int_body_bkgrd.jpg);
    background-repeat:no-repeat;
    width:974px;
    display:inline-block;
    overflow: hidden;
}

#content img { margin:10px; }

/*General Classes*/
.floatr { float:right; }
.floatl { float:left; }
.contentimg {
	margin:5px 10px 5px 10px;
	float:right;
	clear:right;
	border-style:none;
}
.cabinimg {
	 width:240px;
	 height:160px;
	 margin:5px 10px 5px 10px;
	 float:right;
	 clear:right;
	 border-style:none;
}
.bookonline { float:right; margin-right:10px; padding:0 0 10px 5px; }
#content .bookonline img { margin-top:0; }
#content .dataTable img { margin:0; }
.bookcabin { margin-left:407px; padding:0 0 10px 5px; }
.todayseventsitemstyle {
	padding: 3px 5px;
	vertical-align: top;
}

/*Main Navigation*/
#Nav 
{ 
	background: url(/!img/int/pj_int_nav_rollover.jpg) no-repeat;
	width:974px; 
	height:38px; 
}        

#main_nav dd 
{ 
	margin:0;
	float:left; 
    position:relative; 
	z-index: 1;
}

#main_nav a.ir 
{ 
	background: url(/!img/int/pj_int_nav_static.jpg) 0px 0px no-repeat;
	display:block; 
	height:38px; 
	text-indent:-200em; 
}

#main_nav dt 
{ 
	position:absolute; 
	top: -200px;
}

#accommodations a.ir {background-position: -0px 0px; width: 295px;}
#things a.ir {background-position: -295px 0px; width: 225px;}
#history a.ir {background-position: -521px 0px; width: 165px;}
#map a.ir {background-position: -685px 0px; width: 288px;}

.sec_accommodations dd#accommodations a.ir,
.sec_things dd#things a.ir,
.sec_history dd#history a.ir,
.sec_map dd#map a.ir {background: none;}
       
dd#accommodations a.ir:hover,
dd#things a.ir:hover,
dd#history a.ir:hover,
dd#map a.ir:hover { background: none; }

/*Left Naviation*/

#ctl00_leftColumn {	height:482px; width:231px; float:left; margin-left:27px; margin-top:10px;}
.secNav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }
.secNav dd { float:left; width:auto!important; display:inline; position:relative; margin:0; }
.secNav a.ir { display:block; width:100%; height:0; overflow:hidden; text-decoration:none; text-indent:-9999px; position:relative; border:0; }

/* Accommodations Navigation Elements */

#accomNav #mather a.ir { width:231px; background-position:0px 0px; padding-top:40px; }
#accomNav #cabins a.ir { width:231px; background-position:0px -40px; padding-top:40px; }
#accomNav #camping a.ir { width:231px; background-position:0px -80px;  padding-top:30px; }
#accomNav #restaurant a.ir { width:231px; background-position:0px -110px; padding-top:40px; }
#accomNav #meetings a.ir { width:231px; background-position:0px -150px; padding-top:40px; }
#accomNav #accomspace { width:231px; height:60px; }
#accomNav #accombook a.ir { width:231px; background-position:0px -250px; padding-top:32px; }
#accomNav #accomenews a.ir { width:231px; background-position:0px -282px; padding-top:34px; }
#accomNav #accomgallery a.ir { width:231px; background-position:0px -316px; padding-top:32px; }       
#accomNav #accomhome a.ir { width:231px; background-position:0px -348px; padding-top:32px; }
#accomNav a.ir:hover, 
#accomNav dd:hover a.ir, 
#accomNav dd.active a.ir, 
#accomNav a.ir:focus, 
#accomNav a.ir:active { background-image: url(/!img/int/pj_int_subnav_accommodations_rollover.gif); }

.sub_mather_lodge dd#mather a.ir,
.sub_cabin-listings dd#cabins a.ir,
.sub_cabin_detail dd#cabins a.ir,
.sub_camping dd#camping a.ir,
.sub_restaurant dd#restaurant a.ir,
.sub_meetings_reunions_retreats dd#meetings a.ir {background-image: url(/!img/int/pj_int_subnav_accommodations_rollover.gif);}


/* Things To Do Navigation Elements */

#thingsNav #calendar a.ir { width:231px; background-position:0px 0px; padding-top:40px; }
#thingsNav #trails a.ir { width:231px; background-position:0px -40px; padding-top:36px; }
#thingsNav #fish a.ir { width:231px; background-position:0px -76px;  padding-top:36px; }
#thingsNav #pools a.ir { width:231px; background-position:0px -112px; padding-top:45px; }
#thingsNav #visit a.ir { width:231px; background-position:0px -157px; padding-top:50px; }
#thingsNav #thingsrest a.ir { width:231px; background-position:0px -207px; padding-top:34px; }
#thingsNav #area a.ir { width:231px; background-position:0px -241px; padding-top:34px; }
#thingsNav #thingsspace { width:231px; height:60px; }
#thingsNav #thingsbook a.ir { width:231px; background-position:0px -335px; padding-top:32px; }
#thingsNav #thingsenews a.ir { width:231px; background-position:0px -367px; padding-top:34px; }
#thingsNav #thingsgallery a.ir { width:231px; background-position:0px -401px; padding-top:32px; }
#thingsNav #thingshome a.ir { width:231px; background-position:0px -433px; padding-top:32px; }

#thingsNav a.ir:hover, 
#thingsNav dd:hover a.ir, 
#thingsNav dd.active a.ir, 
#thingsNav a.ir:focus, 
#thingsNav a.ir:active { background-image: url(/!img/int/pj_int_subnav_things_to_do_rollover.gif); }

.sub_calendar dd#calendar a.ir,
.sub_trails_overlooks dd#trails a.ir,
.sub_fishing_marina dd#fish a.ir,
.sub_polls_picnic_playground dd#pools a.ir,
.sub_visior_center_gift_shops dd#visit a.ir,
.sub_restaurant dd#thingsrest a.ir,
.sub_area_information dd#area a.ir { background-image: url(/!img/int/pj_int_subnav_things_to_do_rollover.gif); }

/* History Navigation Elements */

#histNav #parkhist a.ir { width:231px; background-position:0px 0px; padding-top:64px; }
#histNav #pethist a.ir { width:231px; background-position:0px -64px;  padding-top:33px; }
#histNav #histgal a.ir { width:231px; background-position:0px -97px; padding-top:33px; }
#histNav #histspace { width:231px; height:53px; }
#histNav #histbook a.ir { width:231px; background-position:0px -183px; padding-top:34px; }
#histNav #histenews a.ir { width:231px; background-position:0px -217px; padding-top:34px; }
#histNav #histgallery a.ir { width:231px; background-position:0px -251px; padding-top:30px; }       
#histNav #histhome a.ir { width:231px; background-position:0px -281px; padding-top:32px; }

#histNav a.ir:hover, 
#histNav dd:hover a.ir, 
#histNav dd.active a.ir, 
#histNav a.ir:focus, 
#histNav a.ir:active { background-image: url(/!img/int/pj_int_subnav_history_rollover.gif); }

.sub_overview dd#overview a.ir,
.sub_history_of_the_park dd#pethist a.ir,
.sub_history_of_petit_jean_mountain dd#parkhist a.ir,
.sub_photo_gallery dd#histgal a.ir { background-image: url(/!img/int/pj_int_subnav_history_rollover.gif); }

/* Map and Directions Elements */
#mapNav #mapbook a.ir { width:231px; background-position:0px 0px; padding-top:40px; }
#mapNav #mapenews a.ir { width:231px; background-position:0px -40px; padding-top:36px; }
#mapNav #mapgallery a.ir { width:231px; background-position:0px -76px;  padding-top:34px; }
#mapNav #maphome a.ir { width:231px; background-position:0px -110px;  padding-top:32px; }
#mapNav a.ir:hover, #mapNav dd:hover a.ir, #mapNav dd.active a.ir, #mapNav a.ir:focus, #mapNav a.ir:active { background-image: url(/!img/int/pj_int_subnav_map_directions_rollover.gif); }


#conText { float:right; width:670px; padding:25px 25px 0px 5px; }

p { padding:10px 0 10px 0; }

ul {  padding-left:20px; }
/*ul li { color:#2f1c00; font-family:Arial; font-size:16px; }*/

#footer
{
    margin:0 auto;
    background:url(/!img/int/pj_int_footer.jpg) repeat-x 0 top;
    width:974px;
    height:172px;
    clear: both;
    font-size:11px;
    line-height:12px;
    color:#fff;
}

#footer table 
{
    margin:0 auto;
    margin-top:57px;
}

#footer p { font-size:11px; line-height:12px; color:#fff; }

#footer a { font-size:11px; line-height:12px; color:#fff; }

a.footer:link, a.footer:visited { color:#fff; text-decoration:underline; }
a.footer:hover, a.footer:active { color:#fff; text-decoration:none; }

a:link { color:#818d4e; text-decoration:underline; }

a:visited { color:#818d4e; text-decoration:underline; }

a:hover, a:focus, a:active { color:#B08961; text-decoration:none; }

.EventGrid a { color: #2F3905; }


#SubNav { padding: 7px; font-size: 12px; background-color: #D0C89A; border: 1px solid #F3F3F3; text-align: center;}
#SubNav a { font-size:12px; }
/*DATA TABLE - used for Rates and Fees, if nothing else */
.dataTable {border:1px solid #000000; background:#F7F2DF;border-bottom:0px;border-right:0px;}

.dataTable td li {margin-bottom:0px;}

.rowHead,.rowHeader { text-align:center; background:#BAC39B; color:#413F40;border-right:1px solid #000000;border-bottom:1px solid #000000;}

.rowBorder { padding-left:5px; padding-right:5px; border-bottom:1px solid #000000;border-right:1px solid #000000;}

.rowOdd {border:1px solid #EADDA8;}
/*END DATA TABLE*/

a.TrailInfo:link,a.TrailInfo:visited{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration: none;
    }

a.TrailInfo:hover{z-index:25; text-decoration:none;}

a.TrailInfo span{display: none; text-decoration:none}

a.TrailInfo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    text-decoration:none;
    top:2em; left:2em; width:15em;
    border:1px solid  #192943;
    background-color:#fff; color:#000;
    text-align: left;
    width: 300px;
    padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px;
    font-weight:normal}
    
a.mapimage img {
	margin-right:10px;
	vertical-align:middle;
}