/* Main DT CSS */

/* Page Definitions and styling */
body                   {background-color: #ccccff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333;
                        margin: 0; padding: 0;}
div#pageTopBar         {width: 100%; height: 14px; background-image: url(../images/background_topBar.gif); background-repeat: repeat;}

/* Home page logo and slide show area */
div#homePageHeaderRow  {width: 100%; height: 200px; background-image: url(../images/background_homePgHeader.gif); background-repeat: repeat-x; text-align: center;}
div#homePageHeaderArea {width: 960px; height: 200px; margin-left: auto; margin-right: auto; text-align: left;}
div#DTGallery          {width: 876px; height: 200px; float: right;}
img#DTLogo             {z-index: 10000; position: absolute; margin-top: -9px;}

/* Content page logo and title area */
div#contentPageHeaderRow  {width: 100%; height: 94px; background-image: url(../images/background_contentPgHeader.gif); background-repeat: repeat-x; text-align: center;}
div#contentPageHeaderArea {width: 960px; margin-left: auto; margin-right: auto; text-align: left;}
div#contentPageTitle      {width: 840px; text-align: center; color: #C60; margin-left: 80px; font-size: 22pt; font-weight: normal; padding-top: 30px;}
img#DTLogoSmall           {position: absolute; margin-top: -9px;}

/* Header Navigation bar */
div#headernav_row      {width: 100%; background-color: #003366; text-align: center;}
div#headernav_area     {width: 960px; height: 30px; margin-left: auto; margin-right: auto; font-size: 12pt;}
div.headNav            {width: 320px; color: #FFFFFF; float: right; text-align: center; padding: 5px 0px 6px 0px;}
div.headNav:hover      {color: #FFFFFF; text-decoration: none; background-color: #666699; cursor: pointer;}
div.headNav img        {padding-left: 4px;}

/* Site Navigation: section sub menu */
div#sectionSubMenuRow    {width: 100%; text-align: center;}
div#sectionSubMenuEdu    {width: 960px; margin-left: auto; margin-right: auto; height: 0; overflow:hidden; background-color: #666699;}
div#sectionSubMenuAbout  {width: 960px; margin-left: auto; margin-right: auto; height: 0; overflow:hidden; background-color: #666699;}
div#sectionSubMenuPlan   {width: 960px; margin-left: auto; margin-right: auto; height: 0; overflow:hidden; background-color: #666699;}
a.headerSubLink          {color: #FFF; text-decoration: none; padding: 5px 20px; float: left; display: none;}   /* TESTING */
a.headerSubLink:hover    {color: #FFF; text-decoration: none; padding: 5px 20px; background-color: #66C;}
div#navbotgradient       {width: 960px; margin-left: auto; margin-right: auto; height: 10px; background-image: url(../images/background_navbar_botgradient.png);
                          background-repeat: repeat-x;}

/* Page Content Area: Home page */
div#content_row              {width: 100%; text-align: center; margin-top: 0px !important;  margin-top: -8px;}
div#contentarea_homepg       {width: 940px !important; width: 960px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 20px 10px 10px 10px; text-align: left;}
div#newsEventsWelcome_col    {width: 510px !important; width: 570px; float: right; padding: 0px 40px 20px 20px;}
div#newsEventsWelcome_col h1 {font-weight: normal; text-align: center; color: #C60;}
div#newsEventsWelcome_col h3 {padding-top: 20px;}
div#videoMembers_col         {width: 320px; padding-left: 10px;}
div#videoMembers_col  h3     {padding-top: 20px; padding-left: 10px;}
p.homePageIntro              {font-size: 12pt;}
/* p.homePageIntro:first-letter {font-size: 36pt; color: #C60; padding: 4px 10px; border: 1px dotted #990; float: left; font-family: "Times New Roman", Times, serif;
                              font-weight: bold; margin-right: 10px;} */
/* Home page news items */
div#newsEventsWelcome_col div.newsItemRow              {width: 510px; padding-bottom: 10px;}
div.newsTitle                {font-weight: bold; font-size: 10pt; color: #390; padding-bottom: 6px;}
div.newsTitle a              {color: #390; text-decoration: none;}
div.newsTitle a:hover        {color: #F60;}
div.newsDescription          {font-size: 8pt; color: #666;}
a.newsDescMoreLink           {color: #390; text-decoration: none; font-size: 8pt; white-space: nowrap;}
a.newsDescMoreLink:hover     {color: #F60;}
div.moreNewsLinkArea         {width: 510px; border-top: 1px dotted #CCC; text-align: right; padding-top: 4px;}
/* Home page events items */
div.eventsItemRow            {width: 510px; padding-bottom: 20px; clear: right;}
div.eventsTitle              {font-weight: bold; font-size: 10pt; color: #390; padding-bottom: 6px;}
div.eventsTitle a            {color: #390; text-decoration: none;}
div.eventsTitle a:hover      {color: #F60;}
div.eventsDescription        {width: 430px; font-size: 8pt; color: #666; padding-bottom: 6px; float: right;}
a.eventsDescMoreLink         {color: #390; text-decoration: none; font-size: 8pt; white-space: nowrap;}
a.eventsDescMoreLink:hover   {color: #F60;}
div.moreEventsLinkArea       {width: 510px; border-top: 1px dotted #CCC; text-align: right; padding-top: 4px;}
div.eventIcon                {width: 64px; float: left; padding: 2px; border: 1px solid #999;}
div.eventdate                {width: 430px; font-size: 8pt; float: right; color: #666;}
div.eventtime                {width: 430px; font-size: 8pt; float: right; color: #666;}
div.eventlocation            {width: 430px; font-size: 8pt; float: right; color: #666;}
div.eventSpacer              {width: 510px; clear: both;}

/* Page Content Area: Section pages */
div#contentarea_contpg   {width: 880px !important; width: 960px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 20px 40px 10px 40px; text-align: left;}
div#contentarea_memberpg {width: 900px; 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: 940px !important; width: 960px; margin-left: auto; margin-right: auto; padding: 10px; background-color: #669900; text-align: left;}
div#footerBar             {width: 960px; height: 14px; margin-left: auto; margin-right: auto; background-image: url(../images/background_topBar.gif); background-repeat: repeat-x;}
a#footerMapButton         {width: 163px; height: 41px; background-image: url(../images/button_map_off.png); background-repeat: no-repeat; display: block; float: right;}
a#footerMapButton:hover   {width: 163px; height: 41px; background-image: url(../images/button_map_on.png); background-repeat: no-repeat; display: block;}
div#footer_contact_area   {width: 430px; float: right;}
div#footerLinks           {width: 260px; float: left;}
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;}

/* Home Page Member Site Listing */
div#homePgMemberArea               {width: 310px;}
div#homePgMemberArea h3            {text-align: center; font-weight: normal; color: #003366;}
ul#dt_members_list                 {padding-left: 0px; padding-right: 0px; margin: 0; list-style: none; text-decoration: none;}
img.memicon                        {margin: 4px 14px 4px 8px;}
ul#dt_members_list li              {list-style-type: none; border-top: 1px dotted #EEE; border-bottom: 1px dotted #dbdbdb; color: #060;}
ul#dt_members_list li:hover        {list-style-type: none; background-color: #CF9; color: #F60;}
img.memberarrow                    {float: right; padding: 0px; margin-top: 10px; margin-right: 8px;}
div#listTabArea                    {width: 274px !important; width: 310px; height: 20px; background-image: url(../images/background-memberlistmap.png); background-repeat: no-repeat;
                                    text-align: right; padding-right: 36px; padding-top: 4px; padding-bottom: 20px;}
div#listTabArea a                  {font-size: 8pt; text-decoration: none; color: #060; padding-top: 4px; padding-bottom: 10px;}
div#listTabArea a:hover            {text-decoration: none; color: #F60;}

/* Home Page Video Area */
div#homePgVideoArea     {width: 320px; background-image: url(../images/background_featuredVideo.png); background-repeat: no-repeat; padding-bottom: 8px;}
div#FeaturedHeader h3   {text-align: center; font-weight: normal; color: #669966; line-height: 1.0em;}
div#FeaturedHeader img  {float: left; padding-left: 5px;}
div.videoArea           {padding-left: 9px  !important; padding-left: 0px; color: #669966; text-align: center; clear: left;}
div.videoArea p         {margin-left: -9px; line-height: 0.8em;}
p.morevideoLink         {font-size: 8pt; text-align: right; margin-top: 10px !important; margin-top: 5px;}
p.morevideoLink img     {margin-bottom: -4px;}
p.morevideoLink a       {color: #66cc33; text-decoration: none; margin-right: 20px;}
p.morevideoLink a:hover {color: #F60;}

/* Video Library Styling */
div#videoTitleArea               {width: 880px; padding-left: 80px;}
h4#collectionTitle               {color: #003366; font-size: 14pt; font-weight: normal; text-align: left; margin: 40px 0px 0px 0px; padding: 20px 0px 0px 0px;}
h1#videoTitle                    {color: #669933; font-size: 18pt; font-weight: normal; text-align: left; margin: 0px; padding: 0px; width: 760px;}
h1#videoTitle span.minutes       {color: #9C3; font-size: 12pt;}
div#videoThumbTitle              {width: 880px; height: 30px; color: #FFF; font-size: 10pt; text-align: center; clear: left; margin-top: -30px; margin-bottom: 0px; margin-left: auto; margin-right: auto;}
div#videoThumbTitle span.minutes {color: #FFF; font-size: 10pt;}
div#videoPlayerRow               {width: 100%; text-align: center;}
div#videoPlayerArea              {width: 546px !important; width: 580px; height: 415px !important; height: 440px; margin-left: auto; margin-right: auto; margin-top: 20px; padding-top: 25px; 
                                  padding-left: 34px !important; padding-left: 0px;
                                  background-image: url(../images/videolibrary/background_videoplayer.png); background-repeat: no-repeat; text-align: center;}
								  
div#thumbControllerRow           {width: 100%; text-align: center;}
div#thumbControllerArea_KDT      {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x;}
div#thumbControllerArea_MOTE     {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x; display: none;}
div#thumbControllerArea_TCPL     {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x; display: none;}
div#thumbControllerArea_LABOFO   {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x; display: none;}
div#thumbControllerArea_CP       {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x; display: none;}
div#thumbControllerArea_CNC      {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x; display: none;}
div#thumbControllerArea_SC       {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x; display: none;}
div#thumbControllerArea_THC      {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x; display: none;}
div#thumbControllerArea_JMOA     {width: 952px !important; width: 960px; height: 144px; margin-left: auto; margin-right: auto; padding-top: 4px; padding-right: 8px;
                                  background-image: url(../images/videolibrary/background_thumbcontroller.jpg);  background-repeat: repeat-x; display: none;}
								  
div.spacer880                    {width: 880px; clear: both;}
/* video thumb areas */
div#videoThumbArea_0    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/kdt/labofo.png); background-repeat: no-repeat;}
div#videoThumbArea_1    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/kdt/cnc.png); background-repeat: no-repeat;}
div#videoThumbArea_2    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/kdt/thc.png); background-repeat: no-repeat;}
div#videoThumbArea_3    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/kdt/cp.png); background-repeat: no-repeat;}
div#videoThumbArea_4    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/kdt/sc.png); background-repeat: no-repeat;}
div#videoThumbArea_5    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/kdt/mote.png); background-repeat: no-repeat;}
div#videoThumbArea_6    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/kdt/tcpl.png); background-repeat: no-repeat;}
div#videoThumbArea_7    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/kdt/jmoa.png); background-repeat: no-repeat;}
div#videoThumbArea_8    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/mote/mote_001.png); background-repeat: no-repeat;}
div#videoThumbArea_9    {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/mote/mote_002.png); background-repeat: no-repeat;}
div#videoThumbArea_10   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/mote/mote_003.png); background-repeat: no-repeat;}
div#videoThumbArea_11   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/mote/mote_004.png); background-repeat: no-repeat;}
div#videoThumbArea_12   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/mote/mote_005.png); background-repeat: no-repeat;}
div#videoThumbArea_13   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/tcpl/tcpl_001.png); background-repeat: no-repeat;}
div#videoThumbArea_14   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/labofo/labofo_001.png); background-repeat: no-repeat;}
div#videoThumbArea_15   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/labofo/labofo_002.png); background-repeat: no-repeat;}
div#videoThumbArea_16   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/labofo/labofo_003.png); background-repeat: no-repeat;}
div#videoThumbArea_17   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/labofo/labofo_004.png); background-repeat: no-repeat;}
div#videoThumbArea_18   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/labofo/labofo_005.png); background-repeat: no-repeat;}
div#videoThumbArea_19   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/cp/cp_001.png); background-repeat: no-repeat;}
div#videoThumbArea_20   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/cnc/cnc_001.png); background-repeat: no-repeat;}
div#videoThumbArea_21   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/sc/sc_001.png); background-repeat: no-repeat;}
div#videoThumbArea_22   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/sc/sc_002.png); background-repeat: no-repeat;}
div#videoThumbArea_23   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/sc/sc_003.png); background-repeat: no-repeat;}
div#videoThumbArea_24   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/sc/sc_004.png); background-repeat: no-repeat;}
div#videoThumbArea_25   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/sc/sc_005.png); background-repeat: no-repeat;}
div#videoThumbArea_26   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/sc/sc_006.png); background-repeat: no-repeat;}
div#videoThumbArea_27   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/jmoa/jmoa_001.png); background-repeat: no-repeat;}
div#videoThumbArea_28   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/jmoa/jmoa_002.png); background-repeat: no-repeat;}
div#videoThumbArea_29   {width: 102px; height: 116px; margin-left: 8px; margin-right: 8px; float: right;
                         background-image: url(../images/videolibrary/thumbs/jmoa/jmoa_003.png); background-repeat: no-repeat;}
						 
/* video areas */
div#vidSplash           {width: 512px; height: 384px; display: block;}
div#vid_0               {width: 512px; height: 384px; display: none;}
div#vid_1               {width: 512px; height: 384px; display: none;}
div#vid_2               {width: 512px; height: 384px; display: none;}
div#vid_3               {width: 512px; height: 384px; display: none;}
div#vid_4               {width: 512px; height: 384px; display: none;}
div#vid_5               {width: 512px; height: 384px; display: none;}
div#vid_6               {width: 512px; height: 384px; display: none;}
div#vid_7               {width: 512px; height: 384px; display: none;}
div#vid_8               {width: 512px; height: 384px; display: none;}
div#vid_9               {width: 512px; height: 384px; display: none;}
div#vid_10               {width: 512px; height: 384px; display: none;}
div#vid_11               {width: 512px; height: 384px; display: none;}
div#vid_12               {width: 512px; height: 384px; display: none;}
div#vid_13               {width: 512px; height: 384px; display: none;}
div#vid_14               {width: 512px; height: 384px; display: none;}
div#vid_15               {width: 512px; height: 384px; display: none;}
div#vid_16               {width: 512px; height: 384px; display: none;}
div#vid_17               {width: 512px; height: 384px; display: none;}
div#vid_18               {width: 512px; height: 384px; display: none;}
div#vid_19               {width: 512px; height: 384px; display: none;}
div#vid_20               {width: 512px; height: 384px; display: none;}
div#vid_21               {width: 512px; height: 384px; display: none;}
div#vid_22               {width: 512px; height: 384px; display: none;}
div#vid_23               {width: 512px; height: 384px; display: none;}
div#vid_24               {width: 512px; height: 384px; display: none;}
div#vid_25               {width: 512px; height: 384px; display: none;}
div#vid_26               {width: 512px; height: 384px; display: none;}
div#vid_27               {width: 512px; height: 384px; display: none;}
div#vid_28               {width: 512px; height: 384px; display: none;}
div#vid_29               {width: 512px; height: 384px; display: none;}

/* video category area styling */
div#videoCategoryArea   {width: 920px; height: 32px; border: 2px solid #336600; padding: 2px; background-color: #99cc33; margin-left: -20px; position: absolute;}  /* width: 880px !important; width: 960px; */
div#vcat_jmoa           {float: right; padding-left: 30px; padding-right: 30px;}
div#vcat_thc            {float: right; padding-left: 30px; padding-right: 30px;}
div#vcat_sc             {float: right; padding-left: 30px; padding-right: 30px;}
div#vcat_cnc            {float: right; padding-left: 30px; padding-right: 30px;}
div#vcat_cp             {float: right; padding-left: 30px; padding-right: 30px;}
div#vcat_labofo         {float: right; padding-left: 30px; padding-right: 30px;}
div#vcat_tcpl           {float: right; padding-left: 30px; padding-right: 30px;}
div#vcat_mote           {float: right; padding-left: 30px; padding-right: 30px;}
div#vcat_kdt            {float: right; padding-left: 30px; padding-right: 30px; background-color: #336600;}

/* 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: 500px; float: right; position: relative; padding-right: 40px;}
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: -48px;}
div#right_halflogo_sidebar p {padding-left: 60px;} 
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#news_area div.newsItemRow              {width: 260px; padding-bottom: 10px;}

div#events_area {float: right; width: 540px;}
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;}


/* ****** Old site styling ****** */
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;}

div#dt_spacer_row   {width: 100%; clear: both; position: relative;}



