/* Main DT CSS */

/* Page Definitions and styling */
body {background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333;}
div#dt_spacer_row   {width: 100%; clear: both; position: relative;}
div#left_300px_col  {width: 290px;}
div#right_490px_col {width: 440px; float: right; padding: 0px 20px 20px 20px;}
div#right_490px_col h2 {font-weight: normal; text-align: center;}
div#right_490px_col h3 {padding-top: 20px;}
div#left_300px_col  h3 {padding-top: 20px; padding-left: 10px;}

h1 {text-align: center; font-weight: normal;}
h2 {font-weight: normal;}
h3 {font-weight: normal;}
img.pad_right_10px {padding-right: 10px;}
img.pad_left_10px {padding-left: 10px;}

/* Banner area */
#banner_row     {width: 100%; text-align:center;}
#banner_area    {width: 790px; background-color: #999999; margin-left: auto; margin-right: auto;}
#banner_collage {width: 490px; height: 160px; background: url(../images/collage.jpg) no-repeat; float: right;}
#banner_logo    {width: 300px; text-align: center; border: 0px; padding: 16px 0px 16px 0px; float: left; background-color: #999999;}

/* Header Navigation bar */
#headernav_row  {width: 100%; position: relative; clear: left; text-align: center;}
#headernav_area {width: 790px; margin-left: auto; margin-right: auto; font-size: 10pt; background-color: #333333; padding: 6px 0 6px 0;}

a.headnavs_home       {margin-left: 20px; color: #FFFFFF; text-decoration: none; padding: 5px 20px 5px 20px;}
a.headnavs_home:hover {color: #000000; text-decoration: none; padding: 5px 20px 5px 20px; background-color: #CCCCCC;}

a.headnavs_visiting       {margin-left: 180px; margin-right: 20px; color: #FFFFFF; text-decoration: none; padding: 5px 20px 5px 20px;}
a.headnavs_visiting:hover {color: #000000; text-decoration: none; padding: 5px 20px 5px 20px; background-color: #CCCCCC;}

a.headnavs_discovering       {margin-left: 20px; margin-right: 20px; color: #FFFFFF; text-decoration: none; padding: 5px 20px 5px 20px;}
a.headnavs_discovering:hover {color: #000000; text-decoration: none; padding: 5px 20px 5px 20px; background-color: #CCCCCC;}

a.headnavs_happening       {margin-left: 20px; margin-right: 20px; color: #FFFFFF; text-decoration: none; padding: 5px 20px 5px 20px;}
a.headnavs_happening:hover {color: #000000; text-decoration: none; padding: 5px 20px 5px 20px; background-color: #CCCCCC;}

/* page content area */
div#content_row          {width: 100%; text-align: center;}
div#contentarea_homepg   {width: 770px !important; width: 790px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 20px 10px 10px 10px; text-align: left;}
div#contentarea_contpg   {
	width: 710px !important;
	width: 790px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 40px 10px 40px;
	text-align: left;
}
div#contentarea_memberpg {width: 730px !important; width: 790px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 20px 40px 10px 20px; text-align: left;}

/* footer area */
div#footer_row {color: #FFFFFF; font-size: 8pt; width: 100%; text-align: center;}
div#footer_area {width: 770px !important; width: 790px; margin-left: auto; margin-right: auto; padding: 10px; background-color: #669900; text-align: left;}
div#footer_contact_area {width: 480px; float: right;}
a.footnavs         {color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #EEEEEE; margin-right: 40px;}
a.footnavs:hover   {color: #333333; text-decoration: none; border-bottom: 1px solid #333333;}
div#dt_copyright {width: 100%; text-align: center; font-size: 8pt; color:#999999; padding-top: 8px;}

/* Tab area styles */
div#tab_area {width: 280px; text-align: center; height: 18px !important; height: 22px; padding-top: 4px;}

div#tab_area a.dtss_tab_on        {text-decoration: none; color: #333333; padding: 4px 26px 3px 26px; background-color: #CCCCCC; font-size: 8pt; font-weight: normal;}
div#tab_area a.dtss_tab_on:hover  {text-decoration: none; color: #333333; padding: 4px 26px 3px 26px; background-color: #CCCCCC; font-size: 8pt; font-weight: normal;}
div#tab_area a.dtss_tab_off       {text-decoration: none; color: #333333; padding: 4px 26px 3px 26px; background-color: #EEEEEE; font-size: 8pt; font-weight: normal;}
div#tab_area a.dtss_tab_off:hover {text-decoration: none; color: #990000; padding: 4px 26px 3px 26px; background-color: #EEEEEE; font-size: 8pt; font-weight: normal;}

div#tab_area a.dtml_tab_on        {text-decoration: none; color: #333333; padding: 4px 26px 3px 26px; background-color: #CCCCCC; font-size: 8pt; font-weight: normal;}
div#tab_area a.dtml_tab_on:hover  {text-decoration: none; color: #333333; padding: 4px 26px 3px 26px; background-color: #CCCCCC; font-size: 8pt; font-weight: normal;}
div#tab_area a.dtml_tab_off       {text-decoration: none; color: #333333; padding: 4px 26px 3px 26px; background-color: #EEEEEE; font-size: 8pt; font-weight: normal;}
div#tab_area a.dtml_tab_off:hover {text-decoration: none; color: #990000; padding: 4px 26px 3px 26px; background-color: #EEEEEE; font-size: 8pt; font-weight: normal;}

div#member_box {width: 280px !important; width: 290px;}
div#dtss_tab_area {display: block; margin: 0px;}
div#dtml_tab_area {display: none; margin: 0px; border: 1px solid #666666; width: 280px;}

ul#dt_members_list {padding-left: 0px; padding-right: 0px; margin: 0; list-style: none; text-decoration: none;}
ul#dt_members_list li.odd {list-style-type: none; background-color: #dfdfdf;}
ul#dt_members_list li.even {list-style-type: none; background-color: #eeeeee;}
ul#dt_members_list li.over {list-style-type: none; background-color: #669900;}
ul#dt_members_list li a {text-decoration: none; color: #333333; padding: 8px 20px 8px 0px;}
ul#dt_members_list li a:hover {text-decoration: none; color: #ffffff;}

/* Member Page Layout */
div#sidebar_area       {width: 247px;}
div#sidebar_member_nav {width: 36px; float: left; padding: 0px; margin: 0px;} /* border-top: 2px solid #333333; border-left: 2px solid #333333; border-bottom: 2px solid #333333; */
div#sidebar_member_nav img {padding: 3px 1px 3px 1px; border: 1px solid #FFFFFF;}
div#sidebar_member_nav img:hover {padding: 3px 1px 3px 1px; border: 1px solid #333333;}

div#sidebar_logo_area  {width: 199px !important; width: 209px; border-top: 2px solid #333333; border-left: 2px solid #333333; border-right: 2px solid #333333; border-bottom: 1px solid #333333; padding: 3px; text-align: center; float: right;}
div#sidebar_photo_area {width: 205px !important; width: 209px; border-top: 1px solid #333333; border-left: 2px solid #333333; border-right: 2px solid #333333; border-bottom: 1px solid #333333; float: right;}
div#sidebar_hours_area {width: 199px !important; width: 209px; border-top: 1px solid #333333; border-left: 2px solid #333333; border-right: 2px solid #333333; border-bottom: 2px solid #333333; padding: 3px 3px 12px 3px; text-align: center; font-size: 8pt; float: right;}
div#left_member_col    {width: 260px;}
div#left_member_col p  {text-align: center;}
div#right_member_col   {width: 450px; float: right; position: relative;}
div#right_member_col p {text-align: justify;}
div#member_address     {width: 90%; text-align: center; font-size: 8pt; padding-top: 40px;}
p.hours_label          {font-size: 10pt; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px;}
div#right_member_col p.member_subtitle      {font-style: italic; text-align: center; padding-top: 0px; margin-top: -16px; margin-bottom: 20px;}
img.address_image      {margin-left: 340px; margin-top: 0px; position: absolute;}
img.address_image2      {margin-left: 320px; margin-top: 0px; position: absolute;}
div#member_footer_nav  {font-size: 8pt; width: 100%; padding: 4px; background-color: #EEEEEE; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; margin-top: 20px;}

div#bird_caption_area   {font-size: 8pt; padding-left: 4px; padding-right: 4px; text-align: center;}
div#bird_soundbite_area {padding: 5px;}
div#bird_menu_area      {text-align: center; font-size: 8pt;}

/* Member Colors */
a.mote_link {text-decoration: none; color: #FF6600; font-weight: bold; padding: 2px;}
a.mote_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; padding: 2px; background-color: #669900;}
a.cnc_link {text-decoration: none; color: #66CC33; font-weight: bold; padding: 2px;}
a.cnc_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; padding: 2px; background-color: #669900;}
a.tcpl_link {text-decoration: none; color: #663366; font-weight: bold; padding: 2px;}
a.tcpl_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; padding: 2px; background-color: #669900;}
a.sc_link {text-decoration: none; color: #663366; font-weight: bold; padding: 2px;}
a.sc_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; padding: 2px; background-color: #669900;}
a.cloo_link {text-decoration: none; color: #006666; font-weight: bold; padding: 2px;}
a.cloo_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; padding: 2px; background-color: #669900;}
a.thc_link {text-decoration: none; color: #FF6600; font-weight: bold; padding: 2px;}
a.thc_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; padding: 2px; background-color: #669900;}
a.cp_link {text-decoration: none; color: #66CC33; font-weight: bold; padding: 2px;}
a.cp_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; padding: 2px; background-color: #669900;}
a.jmoa_link {text-decoration: none; color: #663366; font-weight: bold; padding: 2px;}
a.jmoa_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; padding: 2px; background-color: #669900;}

/* Directions Map */
div#directions_fromto_area {border: 1px dotted #CCCCCC; background-color: #EEEEEE; width: 480px; padding: 10px; text-align: center; clear: left;}
div#dir_fromto_left {text-align: center; float: left; width: 220px;}
div#dir_fromto_right {text-align: center; float: right; width: 220px;}
p.directions_button {text-align: right; margin-top: 20px;}

/* Suggested Itinerary Area */
div#si_right_column {width: 240px; float: right;}
div#sidebar_sinav_area {background-color: #EEEEEE; padding: 10px 0px 10px 0px;}
div#sidebar_sinav_area a {text-decoration: none; border-bottom: 1px dotted #6633FF; color: #6633FF;}
div#sidebar_sinav_area a:hover {text-decoration: none; border-bottom: 1px solid #990000; color: #990000;}
div#si_left_column {width: 430px;}
div#si_left_column p {line-height: 1.4em;}
h3.si_navtitle {text-align: center;}
ul.si_nav_list li {line-height: 1.4em;}

/* Images */
img.pad_left {padding-left: 40px;}

/* Links */
a.suggested_intin_intro {font-weight: bold; text-decoration: none; border-bottom: 1px dotted #6633FF; color: #6633FF;}
a.suggested_intin_intro:hover {font-weight: bold; text-decoration: none; border-bottom: 1px solid #990000; color: #990000;}

/* Text */
p.intro_text {font-size: 12pt;}
p.pad_10_left {padding-left: 10px;}
p.instruction_text {color:#999999; text-align: center; padding-left: 10px; padding-right: 10px;}

/* Sidebars and other content styling */
div#right_sidebar {float: right; padding: 4px; border: 1px solid #CCCCCC; font-size: 8pt; text-align: center; margin-left: 6px;}
div#right_halflogo_sidebar {float: right; padding: 4px; font-size: 10pt; text-align: center; margin-left: 6px; font-weight: bold; color: #FFFFFF; 
                            background: url(../images/dt_half_ogo.gif) no-repeat; width: 223px; height: 400px; line-height: 2.0em; margin-right: -20px;}
div#right_halflogo_sidebar p {padding-left: 20px;} 
ul.page_listing li {padding-bottom: 10px;}
ol.page_listing li {padding-bottom: 10px;}

/* DT specific guestbook styling */
div#dt_guestbook_menu_area {width: 100%; text-align: center;}
div#dt_guestbook_menu_area img {padding-left: 10px; padding-right: 10px;}
table.dt_guest_entry {background-color: #ececec; border: 1px dotted #999999;}

/* News & Events */
div.event_title_area {width: 100%; padding: 6px; background-color: #CCCCCC; color: #333333; font-weight: bold;}
div.event_area_odd  {border-bottom: 1px solid #cccccc; background-color: #EEEEEE; width: 100%; padding: 6px; font-size: 8pt;}
div.event_area_even {border-bottom: 1px solid #cccccc; background-color: #ECECEC; width: 100%; padding: 6px; font-size: 8pt;}
div.event_area_odd  img {border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #999999; border-bottom: 1px solid #999999; margin-right: 4px;}
div.event_area_even img {border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #999999; border-bottom: 1px solid #999999; margin-right: 4px;}
div.event_area_odd  a {text-decoration: none; color:#FF0000; border-bottom: 1px dotted #FF0000;}
div.event_area_even a {text-decoration: none; color:#6633FF; border-bottom: 1px dotted #6633FF;}
div.event_area_odd  a:hover {text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}
div.event_area_even a:hover {text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}
.event_label {color: #666666;}

ul.trail_news {font-size: 8pt; padding-left: 10px; padding-right: 10px; margin: 0; list-style: none; text-decoration: none;}
ul.trail_news li {font-size: 8pt; padding-bottom: 20px;}
ul.trail_news a {text-decoration: none; color: #6633FF; border-bottom: 1px dotted #6633FF;}
ul.trail_news a:hover {text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}
a.more_newsevents {text-decoration: none; color:#6633FF; border-bottom: 1px dotted #6633FF;}
a.more_newsevents:hover {text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}

div#news_area {float: left; width: 260px;}
div#events_area {float: right; width: 420px;}
ul.trail_news_page {font-size: 8pt; padding-left: 0px; margin: 0; list-style: none; text-decoration: none;}
ul.trail_news_page li {font-size: 8pt; padding-bottom: 20px;}
ul.trail_news_page a {text-decoration: none; color:#6633FF; border-bottom: 1px dotted #6633FF;}
ul.trail_news_page a:hover {text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}

ul.trail_member_calendars a {text-decoration: none; color:#6633FF; border-bottom: 1px dotted #6633FF; font-size: 8pt;}
ul.trail_member_calendars a:hover {text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}