﻿.RightSideContent img {margin-left: 10px; margin-bottom: 10px;}
.RightSideContent ul {list-style: square; margin-left: 25px;}

/***************************************************************
Navigation Bar
***************************************************************/

#Navigation 
{ 
	z-index:2;
	padding-top:10px;
	background: url(/!img/mp/degray_mp_nav_normal.png) no-repeat; 
    width:954px; 
    height:41px; 
    margin:0 auto; 
}

#MainNav { 
	width:928px; height:41px; padding:0 13px;
}

#MainNav dd { 
    float:left; 
    position:relative;
    z-index: 105;
} 

#MainNav a.ir { 
    padding-top: 41px;
}

.sec_accommodations #mnAccommodations, .sec_thingstodo #mnTingsToDo, .sec_deals_packages #mnDealsPackages, 
.sec_events_calendar #mnEvents, .sec_maps #mnMapsDirections, .sec_retreats_meetings #mnRetreatsMeetings, 
.sec_park_information #mnInformation { background-image: url(/!img/mp/degray_mp_nav_hover.png); } 

#MainNav dd:hover, #MainNav dd:active, #MainNav dd:focus, #MainNav dd.over { 
    background-image: url(/!img/mp/degray_mp_nav_hover.png);
}

#mnAccommodations { 
    width:170px;
    background-position: -13px -10px;
}

#mnTingsToDo { 
    width:119px; 
    margin-left: 3px;
    background-position: -186px -10px; 
}

#mnDealsPackages { 
    width:151px; 
    margin-left: 1px;
    background-position: -306px -10px; 
}

#mnEvents { 
    width:72px; 
    margin-left: 1px; 
    background-position: -458px -10px; 
}

#mnMapsDirections { 
    width:62px;  
    margin-left: 3px;
    background-position: -533px -10px; 
}

#mnRetreatsMeetings { 
    width:172px; 
    margin-left: 1px;
    background-position: -596px -10px; 
}

#mnInformation { 
    width:172px; 
    margin-left: 1px;
    background-position: -769px -10px; 
}

.dropdown ul { 
    overflow: visible; 
    position:absolute; 
    display:none; 
    z-index:4; 
    left:0;
    top:41px;
}

.home .dropdown ul { 
	top:auto!important;
    bottom:40px!important; 
}

#Navigation .dropdown dd.active ul, #Navigation .dropdown dd:hover ul, #Navigation .dropdown dd.over ul, #Navigation .dropdown a.ir:hover { 
    display:block;
}

#Navigation ul {
    /*border: 1px solid #3b3b3b;*/
    border-top:none;
    background:#F4FFFB; 
    list-style-type: none; 
    padding:0; 
    margin:0; 
    width:195px;
    
}

#Navigation ul li a {
    display:block; 
    line-height:23px; 
    vertical-align:middle; 
    padding:0 0 0 6px; 
    width:199px; 
    font-weight:bold; 
    text-decoration:none; 
    border:0; 
    color:#fff; 
}

#Navigation ul li { 
    background-image: url(/!img/mp/degray_mp_dropdown_teal.gif);
    width:195px; 
    height:26px; 
    overflow:hidden; 
}

#Navigation ul li.alt { 
    /*background:#eaf2f8;*/ 
} 

#Navigation ul li a:focus, #Navigation ul li a:hover { 
    background-image: url(/!img/mp/degray_mp_dropdown_green.gif); 
    width:195px; 
    height:26px; 
}
#Navigation dd ul .top, #Navigation dd ul .bottom { display:none; }
#Navigation #mnInformation ul { margin-left:-23px; }


/***************************************************************
Interior Content Area
***************************************************************/
.InteriorContentWrapper
{
    width: 928px;
    padding:0 13px;
    background: url(/!img/mp/degray_mp_body_tile.png) repeat-y;
    position:relative;
    z-index: 1;
}

.InteriorContentAreaContainer
{
    width: 928px;
    padding-top: 10px;
    background: url(/!img/mp/degray_mp_body_top.png) no-repeat center top;
}
 
 .RightSideContent
 {
    width: 658px; 
    float: left;
    padding:0 20px 220px 15px;
 }
 
 .Breadcrumb
 {
    font-weight: bold;
    color: Black;
 }
 
 .Breadcrumb a
 {
    text-decoration: none;
    color: #6aa91d;
 }
 
 .Breadcrumb a:hover
 {
    color: #ef9b57;
 }
 
 .PageTitleWrapper
 {
    width: 658px;
    height: 40px;
    border-top: solid 1px #ccc;
    padding-top: 8px;
 }

 .TitleOfPage
 {
    width: 425px;
    height: 40px;
    line-height:1em;
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #164E87;
 }
 
 .AddToAnyBox
 {
    width: 220px;
    float: left;
    text-align: right;
    
 }
 
 .SharePrintArea
 {
    width: 200px;
    float: right;
 }
 
 .BodyContentBox
 {
    width: 658px;
 }
 
/***************************************************************
Interior Left Sidebar
***************************************************************/

.LeftSidebar
{
    width: 235px;
    float: left;   
}

.LeftSidebar ul
{
	margin:0;
    margin-left: 4px;
    list-style-type: none;
    font-size: 14px;
}

.LeftNavigation li
{
    border-bottom: solid 1px #30496B;
    width: 210px;
    height: 27px;
    line-height:27px;
    padding:0 0 2px 15px;
    margin:0;
    vertical-align:middle;
    background-image: url(/!img/int/degray_int_subnav_tile_light.gif); 
}

.LeftNavigation li.alt
{
    background-image: url(/!img/int/degray_int_subnav_tile_dark.gif);
}

.LeftNavigation a:link
{
    text-decoration: none;
    color: #fff;
    font-size:.9em;
}

.LeftNavigation a:visited
{
    text-decoration: none;
    color: #fff;
}

.LeftNavigation a:hover
{
    color: #9ce04a;
}

.LeftNavigation li.AT a
{
	color:#6aa91d;
}

.LeftNavigation li.top
{
	margin:0!important;
	padding:0!important;
    width: 225px;
    height: 25px;
    line-height: 25px;
    background-image: url(/!img/int/degray_int_subnav_top.gif);
    border-bottom: solid 1px #30496B;
}

.LeftNavigation li.bottom
{
	margin:0!important;
	padding:0!important;
    width: 225px;
    height: 25px;
    line-height: 25px;
    overflow:hidden;
    background-image: url(/!img/int/degray_int_subnav_bottom.gif);
}

.BooksOnlineInteriorButton
 {
    width: 229px;
    height: 95px;
    background-image: url(/!img/int/degray_int_promo_01.gif);
    display: block;
    margin-top: 4px;
 }
 
 .GiftCertificateInteriorButton
 {
    width: 229px;
    height: 95px;
    background-image: url(/!img/int/degray_int_promo_02.gif);
    display: block;
 }
 
 .EnewsInteriorButton
 {
    width: 229px;
    height: 95px;
    background-image: url(/!img/int/degray_int_promo_03.gif);
    display: block;
 }
 
 .PhotoVideoInteriorButton
 {
    width: 229px;
    height: 95px;
    background-image: url(/!img/int/degray_int_promo_04.gif);
    display: block;
 }

/***************************************************************
 Footer Area
 ***************************************************************/
 .InteriorFooter
 {
    width: 660px;
    height: 210px;
    margin: 0 auto;
    border-top: solid 1px #ccc;
    position:absolute;
    bottom:0;
    right:32px;
    z-index:2;
 }
 
 .InteriorFooterContent
 {
    width: 670px;
    height: 60px;
    margin-top: 8px;
 }
 
 .InteriorFooter a
 {
    text-decoration: none;
    color: #2b6eaf;
 }
 
 .InteriorFooter a:hover, a:visited
 {
    color: #6aa91d;
 }
 
 .InteriorFooterLogoGraphic
 {
    width: 82px;
    float: left;
 }
 
 .InteriorFooterLinks
 {
    width: 525;
    float: left;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 12px;
    font-size: 9px;
 }
 
 .InteriorFooter .ContactInfo
 {
 	font-size:.8em;
 }
 
 /*************************************************************
 Misc Links, Images, etc.
 *************************************************************/
 .CalendarLinkImageContainer
 {
    float: left;
    text-align: right;
    margin-top: 12px;
    margin-bottom: 12px;
 }
 
 .CalendarImageLink
 {
    width: 117px;
    height: 117px;
    background-image: url(/!img/int/degray_int_promo_calendarofevents1.gif);
 }
 
 .CalendarImageLink:hover
 {
    width: 117px;
    height: 117px;
    background-image: url(/!img/int/degray_int_promo_calendarofevents2.gif);
 }
 
.infoTable {
	border-collapse:collapse;
}
.infoTable tr {
	background:#FFF;
}
.infoTable tr.alt {
	background:#EEE;
}
.infoTable td, .infoTable th {
	border:1px solid #4D7AA1;
	padding:.5em;
	vertical-align:top;
}
.infoTable th {
	background:#4D7AA1;
	color:#FFFFFF;
	text-align:left;
}
.infoTable ul {
	margin-bottom:0.5em;
}

.redtext {
	color:#FF0000;
	font-weight:bold;
}

.greentext {
	color:#007A4D;
	font-weight:bold;
}

.goldtext {
	color:#B8860B;
	font-weight:bold;
}

/* PACKAGE FRAME */

#frame2repeat { width:310px; background-repeat:repeat; padding-left:10px;}


.pkgtitle {color:#164e87; font-weight:bold; font-size:12px; padding-left:15px; width:330px; text-align:left;}
.pkgdays {color: #164e87; font-weight:bold; font-size:12px; width:95px; text-align:left;}
.pkgprice {color: #164e87; font-weight:bold; font-size:12px; text-align:left;}

.pkgtitle2 {color:#353128; font-weight:bold; font-size:12px; padding-left:15px; width:330px; text-align:left;}
.pkgdays2 {color:#353128; font-weight:bold; font-size:12px; width:95px; text-align:left;}
.pkgprice2 {color:#5D5852; font-weight:bold; font-size:12px; text-align:left; padding-right:3px;}

#pkgdetails {margin: 10px 10px 10px 10px; font-size: 11px; color: #565247;}
#pkgdesc {margin: 0 10px 10px 120px;}
.pkgdetailtitle {color:#353128; font-weight:bold; font-size:13px; padding-left:15px; padding-right:3px; width:375px; text-align:left;}
.pkgdetaildays {color:#353128; font-weight:bold; font-size:10px; text-align:left;}
.pkgdetaildivider {background-image:url(/images/interior/arhdp_int_frame2_divider.gif) no-repeat; width:500px; height:1px;}


.pkglist { font-size: 11px; color: #565247; padding-left: 125px; margin: 0 0 0 40px;}

/* END PACKAGE FRAME */

/* MISC */
.MeetingsLandingLink
{
    font-size: 1.2em;
}

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;
}