/* COMMON
------------------------------------------------------------------------------ */
body		      { background: #ffffff url(Feature_Controls/bg.gif) no-repeat fixed center 100px; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin: 0px; padding:0px;}
h1,h2,h3          { padding: 10px 0px; margin:0px;}
p       	      { padding-bottom:10px; margin:0px;}
h1                { font-size: 1.4em;}
h2                { font-size: 1.3em;}
h3                { font-size: 1.2em;}
h4                { font-size: 1.1em; padding: 5px 0px; margin:0px;}

.heading-color    { color: #577f3a; padding: 10px 20px;}

em, em.italics    {font-style:italic;}
em.normal         {font-style:normal;} 
em.underline      {font-style:normal;text-decoration:underline;}

hr               { clear: both; background-color:transparent; color: #ffffff; border:none; border-bottom: dotted 1px #577f3a; margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px;}

a   {color:#577f3a;}

/* MASTER PAGE STYLES
------------------------------------------------------------------------------ */
#wrapper            { margin:0px auto; width:1036px;}
#menu               { position:relative; height:34px; padding: 0px 6px; background: #567f3a url(Feature_Controls/nav-bg.jpg) repeat-x scroll left top;}
#header             { position:relative; padding: 0px 6px; height:118px; background: url(Feature_Controls/body-bg.png) repeat-y scroll left top; overflow:hidden;}
#rotator            { position:relative; margin: 0px 0px 0px -20px; width:1075px; background: url(Feature_Controls/body-bg.png) repeat-y scroll center top;}
#main               { position:relative; min-height: 400px; padding: 0px 6px; background: url(Feature_Controls/body-bg.png) repeat-y scroll left top; overflow:hidden;}
#footer         	{ position:relative; padding: 22px 6px 10px 6px; margin-bottom:50px; border-bottom:solid 2px #567f3a; text-align:center;}

#quickNav           {position:fixed; left:0px; top:35px; width:46px; text-align:center;}

#homeIcon           {position:absolute; top:2px; left:-39px;}
#logo               {position:absolute; top:0px; left:6px;}
#search             {position:absolute; left:510px; top:28px;}
#printBut           {position:absolute; left:730px; top:28px;}
#emailBut           {position:absolute; left:838px; top:28px;}

a.backtotop         {position:absolute; bottom:-37px; right: 10px; display:block; width:147px; height:35px; background: url(Feature_Controls/back-to-top.png) no-repeat scroll left top;}
a.plan-events       {display:block; width: 45px; height:183px; margin: 5px 0px 0px 0px; background: url(Feature_Controls/plan-events.jpg) no-repeat scroll left top;}
a.plan-events:hover {background: url(Feature_Controls/plan-events.jpg) no-repeat scroll -45px top;}
a.trail-map         {display:block; width: 45px; height:113px; margin: 1px 0px 0px 0px; background: url(Feature_Controls/trail-map.jpg) no-repeat scroll left top;}
a.trail-map:hover   {background: url(Feature_Controls/trail-map.jpg) no-repeat scroll -45px top;}
a.my-itinerary2     {display:block; width: 45px; height:183px; margin: 1px 0px 0px 0px; background: url(Feature_Controls/my-itinerary2.jpg) no-repeat scroll left top;}
a.my-itinerary2:hover {background: url(Feature_Controls/my-itinerary2.jpg) no-repeat scroll -45px top;}

.accessible-options { position:relative; margin: 0px 0px 5px 0px;}
.accessible-button  { background:url(Feature_Controls/acc-btn.png) no-repeat scroll right top; height: 34px !important; width: 34px !important; }
.accessible-help    { position:absolute; left:41px; top:4px; background-color: #ffffff; border: 1px solid #c6d0e0; height:15px; padding: 5px 10px; white-space:nowrap;}

.contenttext        { padding:0px 10px;}

#trailMap           {position:relative; height:654px; margin: 5px 0px 1px 0px; background:#567e3a url(Feature_Controls/trail-map-bg.png) no-repeat scroll center 0px; display:none; padding:12px 40px 12px 40px;}
a.trail-map-close   {display: block; position:absolute; width:34px; height:34px; top: -5px; right: -5px; background: url(Feature_Controls/trail-map-close.png) no-repeat scroll center 0;}
a.trail-map-btn     {display: block; margin: 1px 0px 0px 0px; padding: 10px; height: 16px; background: url(Feature_Controls/btn-bg.jpg) repeat-x scroll 0 0; color:#ffffff; text-decoration:none; font-weight:bold; text-align:center;}


/* print pop-up fixes */
.ui-widget          {font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size:10pt !important;}

/* HORIZONTAL NAVIGATION
------------------------------------------------------------------------------ */
.htopitem       { color:#fff; font-weight:bold; padding: 9px 26px; background:url(Feature_Controls/nav-spacer.gif) no-repeat scroll right 4px;}
.htopitem-hover { color:#fff; font-weight:bold; padding: 9px 26px; background: #f89b1c url(Feature_Controls/nav-spacer.gif) no-repeat scroll right 4px;}
.htopnav        { color:#fff; padding: 0px; background:none; border-top:1px solid #ffffff;}
.hsubitem       { width:150px; background-color:#ffffff; color:#577f3a; font-weight:bold; padding: 9px 10px; border-bottom:1px solid #d7e1d0; border-left:1px solid #8ca87a; border-right:1px solid #8ca87a;}
.hsubitem-hover { width:150px; background-color:#7d9761; color:#ffffff; font-weight:bold; padding: 9px 10px; border-bottom:1px solid #d7e1d0; border-left:1px solid #8ca87a; border-right:1px solid #8ca87a;}
.hsubmenu       { border:none; padding: 0px 2px; background:none;}
.hnav-controls  { padding: 0px 0px 0px 1px; background:url(Feature_Controls/nav-spacer.gif) no-repeat scroll left 4px; border:none;}
.hnav-sep       { }

/* VERTICAL NAVIGATION
------------------------------------------------------------------------------ */
.vtopitem       { }
.vtopitem-hover { }
.vtopnav        { }
.vsubitem       { }
.vsubitem-hover { }
.vsubmenu       { }
.vnav-controls  { }
.vnav-sep       { }

/* MASTER PAGE STYLES
------------------------------------------------------------------------------ */
.itemholder         { margin: 10px; height:240px;}
#listText           { position:relative;float:left; width:350px; margin-left:25px; }
#listingcontainer   { position: relative;width: 542px;height: 217px; float:right; }
#directoryholder    { width: 174px; margin: 0px 0px 0px 5px; float: left; }
#eventholder        { width: 174px; margin: 0px 5px 0px 5px; float: left; }
#planavisitholder   { width: 174px; margin: 0px 5px 0px 0px; float: right;}
.whiteborder        { background-image: url(Feature_Controls/whiteborder.png);background-repeat: no-repeat;background-position: left top; padding: 6px; margin: 0px; width: 162px;}
a.my-itinerary      { display:block; width:162px; height:204px; background: url(Feature_Controls/my-itinerary.jpg) no-repeat scroll center center;}

/* CODE SNIPPETS
------------------------------------------------------------------------------ */

table.top-header        {background: url(../../Common/Images/Snippets/top-header-bg.png) no-repeat scroll right top; height: 204px; color:#ffffff;}
table.top-header a      {color:#ffffff;}

table.info         {height: 370px; background: url(../../Common/Images/Snippets/info-bg.png) no-repeat scroll left top;}
table.info-buttons {margin: 2px 0px;}
.info-button       {background: url(../../Common/Images/Snippets/info-button.png) no-repeat scroll left top; color:#ffffff; font-size: 12px;}
.info-button2      {background: url(../../Common/Images/Snippets/info-button2.png) no-repeat scroll left top; color:#ffffff; font-size: 12px;}

.info-box      {background-color:#567f3a; color:#ffffff; }

a.title        {color: #577f3a; font-weight: bold; text-decoration:none;} 
a.title:hover  {color: #577f3a; font-weight: bold; text-decoration:none;}

/* IMAGE SLIDER
------------------------------------------------------------------------------ */
#slider         { width: 1058px; padding: 7px 8px 8px 9px; height: 364px; position: relative; overflow: hidden; background: url(Custom_Controls/slider-bg.png) no-repeat scroll center top;}
#sliderContent  { width: 1058px; position: relative; margin:0px; padding:0px; }
#sliderNav      { position:absolute; bottom:0px; left:0px; padding:0px; margin:20px 40px 0px 40px;}
#sliderNav li   { float: left; position: relative; list-style:none; padding: 0px 5px 0px 15px; margin:0px;}
#sliderNav span { color:#567f3a;  font-weight:bold; cursor: hand; cursor: pointer;}
#sliderNav li:hover span { color:#f05525;}
#sliderContent li   { position:absolute; top: 0px; left:0px; display: none; list-style:none; padding:0px; margin:0px;}
#sliderContent span { position: absolute; right: 40px; padding: 10px 13px; width: 200px; color: #567f3a;  top: 40px; }

/* TWITTER
------------------------------------------------------------------------------ */
.tweet              { padding: 6px;}
.tweet_list         { padding-left: 0; margin-left: 0; border-bottom: 1px dashed #a7c592; list-style:none;}
.tweet_odd          { padding:0px; margin:0px; list-style:none; border-top: 1px dashed #a7c592; padding: 0.25em;}
.tweet_even         { padding:0px; margin:0px; list-style:none; border-top: 1px dashed #a7c592; padding: 0.25em;}
.tweet_time         { font-size: 0.9em;}
.tweet a            { color:#143001;}