/* 'Default' Theme Global styles */
/* Colors: saddlebrown, sienna, wheat, cornsilk */


body
{
    background-image: url(images/Bkgd1.png);
    margin: 0;
    font-size: 10pt;
    color: sienna;
    line-height: 160%;
    font-size: 11pt;
    font-family: 'Trebuchet MS' , Verdana, Sans-Serif; /* Georgia, Serif; */
}
body a
{
    color:sienna;
    text-decoration: none;
}
body a:hover
{
    color: Black;
    text-decoration: underline;
}

h1
{
    padding-left:25px;
    border-bottom: Maroon 1px solid;
    font-weight: bolder;
    font-size: x-large;
    line-height: 2;
    color: Maroon;
}
h2 { font-size:large; font-weight:bold; color: Maroon; }
h3 { font-size:medium; font-weight:bold; color: Maroon; }


div.spacer
{
    clear: both;
}


#WholePageDiv
{
    width: 100%;
}



@media screen
{
    #Page750Div
    {
        width: 750px;
        margin: 0px auto;
    }
}

@media print
{
    #Page750Div { width:100%; margin:0; }
}


#Page750Div
{
}




@media screen
{
    #HomeMenuDiv 
    {
        text-align:right;
        padding-right:10px;
        border-bottom: #801010 1px solid;
    }
    .HomeMenu
    {
        color:White;
        font-size: 10pt;
        padding-left: 4px;
        padding-right: 4px;
    }
    .HomeMenu a
    {
        color:White;
        text-decoration: none;
    }
    .HomeMenu a:hover
    {
        color: Tan;
        text-decoration: none;
    }

    #MasterMenuDiv 
    {
        width:100%; 
        padding-top: 10px; 
        padding-bottom: 10px; 
        text-align:center;
        line-height:1;
        border-top: #801010 1px solid;
        border-bottom: #801010 1px solid;
    }
    .MainMenu
    {
        color:White;
        font-size: 10pt;
        padding-left: 5px;
        padding-right: 5px;
    }
    .MainMenu a
    {
        color:White;
        text-decoration: none;
    }
    .MainMenu a:hover
    {
        color: Tan;
        text-decoration: none;
    }
}

@media print
{
    #HomeMenuDiv { visibility:hidden; width:0; }
    #MasterMenuDiv { visibility:hidden; width:0; }
}


#MainNavBarDiv .NavBarL1 { margin-top:10px; padding-top:2px; font-weight:bold; text-decoration:none; color:saddlebrown; border-top: wheat 1px solid;  }
#MainNavBarDiv .NavBarL2 { display:block; color:dimgray; text-decoration:none; }
#MainNavBarDiv .NavBarL2:hover { display:block; color:saddlebrown; text-decoration:none; background-color:Cornsilk; }
#MainNavBarDiv .NavBarL3_Dynamic { display:block; color:dimgray; text-decoration:none; padding:0 6px 0 6px; }
#MainNavBarDiv .NavBarL3_Dynamic:hover { display:block; color:white; background-color:Sienna; }
#MainNavBarDiv .NavBarSelectedItem { background-color:Cornsilk; }


@media screen
{
    .BannerDiv
    {
        width: 100%;
        height: 62px;
        padding-right: 5px;
        text-align: right;
        font-size: medium;
    }
    
    #PageTitleBodyContentDiv { width: 600px; }

    #BodyContentDiv
    {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
}
@media print
{
    .BannerDiv
    {
        width: 100%;
        padding-right: 5px;
        text-align: right;
        font-size: medium;
    }
    
    #PageTitleBodyContentDiv { width:100%; }
}


#FooterDiv
{
    width: 100%;
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 9pt;
    color: White;
    text-align: right;
    /* border-top: sienna 1px solid; */
}
#FooterDiv a 
{
    color:White;
    text-decoration: none;
}
#FooterDiv a:hover
{
    color: Tan;
    text-decoration: none;
}


.SiteDesignedBy
{
    margin-top:30px;
    border-top: Tan 1px solid;
    padding-top:5px;
    text-align: center;
    font-size: 8pt;
    color: Sienna;
}






/* Home page styles */

#HomePageBody #HomeSplashDiv { margin-top:10px; padding-top:10px; padding-bottom:10px; border-top: solid 1px saddlebrown; border-bottom: solid 1px saddlebrown; }
#HomePageBody #LatestDocumentTeaserDiv { border-top: wheat 1px solid;border-bottom: wheat 1px solid; text-align:center; }
#HomePageBody .TeaserHeader { font-weight:bold; color: sienna; border-bottom: wheat 1px solid; }
#HomePageBody .TeaserHeader A { color: sienna; text-decoration: none; }
#HomePageBody .TeaserHeader A:hover { color: sienna; text-decoration: underline; }
#HomePageBody .Announcement { font-size: small; padding-top: 5px; padding-bottom: 10px; line-height:130%; }
#HomePageBody .AnnouncementTitle { color: sienna; font-weight:bolder; line-height:150%; padding-bottom:2px; }
#HomePageBody .AnnouncementTitle A { color: sienna; text-decoration: none; }
#HomePageBody .AnnouncementTitle A:hover { color: sienna; text-decoration: underline; }
#HomePageBody .AnnouncementAbstract { padding-left: 10px; font-size: smaller; }
#HomePageBody .AnnouncementDateTimePosted { color: Dimgray; padding-left: 20px; font-size: smaller; }
#HomePageBody .Event { font-size: small; padding-top: 5px; padding-bottom: 10px; line-height:130%; }
#HomePageBody .EventName { color: sienna; font-weight:bolder; line-height:150%; padding-bottom:2px; }
#HomePageBody .EventName A { color: sienna; text-decoration: none; }
#HomePageBody .EventName A:hover { color: sienna; text-decoration: underline; }
#HomePageBody .EventDescription { padding-left: 15px; font-size: smaller; }
#HomePageBody .EventStartDateTime { padding-left: 20px; font-size: smaller; }
#HomePageBody .LatestDocumentLabel { font-weight:bold; color: sienna; font-size:smaller; }
#HomePageBody .LatestDocumentTitle {  font-size:smaller; color: sienna; font-weight:bolder;  }
#HomePageBody .LatestDocumentTitle A { color: sienna; text-decoration: none; }
#HomePageBody .LatestDocumentTitle A:hover { color: sienna; text-decoration: underline; }
#HomePageBody .LatestDocumentDateTimePosted { color: Dimgray; font-size:x-small; }



/* Announcements Page */

#AnnouncementsBodyDiv .Announcement { padding-top: 10px; padding-bottom: 10px; line-height: 160%; border-bottom: Wheat 1px solid; }
#AnnouncementsBodyDiv .AnnouncementDateTimePosted { font-size: smaller; color:dimgray; }
#AnnouncementsBodyDiv .AnnouncementTitle { font-weight: bold; color: sienna; }
#AnnouncementsBodyDiv .AnnouncementAbstract { padding-left: 20px; padding-right: 20px; }
#AnnouncementsBodyDiv .AnnouncementBody { padding-left: 40px; padding-right: 40px; }
#AnnouncementsBodyDiv .AnnouncementDateTimeExpires { font-size: x-small; text-align: right; color:dimgray; }



/* ClubCalendar page */

#ClubCalendarBodyDiv .EventCount { font-size: x-small; vertical-align: super; color: sienna; }
#ClubCalendarBodyDiv .EmbeddedVacancyCount { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 9px; PADDING-BOTTOM: 6px; COLOR: chocolate; LINE-HEIGHT: 150%; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Sans-Serif; TEXT-ALIGN: right }
#ClubCalendarBodyDiv .EmbeddedEvent { font-size: X-Small; text-align: left; line-height: normal; padding-top: 2px;}
#ClubCalendarBodyDiv .EmbeddedEvent A { color: sienna; text-decoration: none; }

#ClubCalendarBodyDiv .EventName { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: sienna; LINE-HEIGHT: 130%; FONT-FAMILY: Verdana, Sans-Serif }
#ClubCalendarBodyDiv .EventDescription { PADDING-LEFT: 10px; FONT-SIZE: 11px; LINE-HEIGHT: 130%; FONT-FAMILY: Verdana, Sans-Serif }
#ClubCalendarBodyDiv .EventLocation { PADDING-LEFT: 20px; FONT-SIZE: 10px; LINE-HEIGHT: 130%; FONT-FAMILY: Verdana, Sans-Serif }
#ClubCalendarBodyDiv .EventTime { PADDING-LEFT: 20px; FONT-SIZE: 10px; LINE-HEIGHT: 130%; FONT-FAMILY: Verdana, Sans-Serif }



/* Events Page */

#EventsBodyDiv .EventMonth { padding-bottom:20px; }
#EventsBodyDiv .EventMonthName { font-weight: bold; color: sienna; background-color:cornsilk; border-top: Wheat 1px solid; padding:5px; margin:10px 0px 10px 0px; }
#EventsBodyDiv .Event { line-height:150%; }
#EventsBodyDiv .EventDateTimes { font-size: smaller; text-align:right; }
#EventsBodyDiv .EventName { font-weight: bold; color: sienna; }
#EventsBodyDiv .EventName A { color: sienna; text-decoration: none; }
#EventsBodyDiv .EventName A:hover { color: sienna; text-decoration: underline; }
#EventsBodyDiv .EventLocation { font-size: smaller; color:dimgray; }



/* Event Detail Page */

#EventDetailBodyDiv .Event { padding:5px 0 5px 10px; line-height: 150%; border-bottom: cornsilk 1px solid; }
#EventDetailBodyDiv .EventName { font-weight: bold; font-size:larger; color: sienna; }
#EventDetailBodyDiv .EventDescription { padding-left: 20px; padding-top: 2px; }
#EventDetailBodyDiv .EventNotes { padding-left: 30px;  padding-top: 2px; }
#EventDetailBodyDiv .EventDetails { padding-left: 40px;  padding-top: 2px; }
#EventDetailBodyDiv .EventDateTimes { padding-left: 40px;  padding-top: 2px; }
#EventDetailBodyDiv .EventLocation { padding-left: 40px;  padding-top: 2px; }
#EventDetailBodyDiv .vCalendar { font-size: smaller; text-align: right;  padding-top: 2px; }



/* Key Contacts Page */

#KeyContactsBodyDiv .KeyContact { padding-bottom: 20px; }
#KeyContactsBodyDiv .ContactName { color: sienna; }
#KeyContactsBodyDiv .ContactDetails { padding-left: 20px; }



/* Image Gallery Page */

#ImageGalleryBodyDiv #ThumbnailsDiv { width: 95%; text-align: center; background-color: Whitesmoke; border: 1px solid Gainsboro; }
#ImageGalleryBodyDiv .YearDiv { padding:10px 0 0 0; font-weight:bold; color:Sienna; }
#ImageGalleryBodyDiv .ThumbnailsDiv { width: 95%; text-align: center; background-color: Whitesmoke; border: 1px solid Gainsboro; }
#ImageGalleryBodyDiv .Instructions { font-size: Smaller; }



/* Image Gallery Detail Page */

#ImageGalleryDetailBodyDiv {}
#ImageGalleryDetailBodyDiv #ViewerDiv { margin:0px auto; text-align: center; font-size: x-small; color: sienna; }



/* Weather Page */

#WeatherBodyDiv .WeatherChannel { line-height: normal; text-align: center; }



/* Credits Page */

#CreditsPageDiv {}







/* Member's Home Page */

#MembersHomePage {}
#MembersHomePage .Greeting { line-height: 2; padding:10px; background-color: CornSilk; margin-bottom:20px; }
#MembersHomePage .NM1 { font-weight: bold; font-size: larger; color: Sienna; line-height:150%; margin-top:5px; }
#MembersHomePage .NM1 A { color: Sienna; text-decoration: none; }
#MembersHomePage .NM1 A:hover { color: Sienna; text-decoration: underline; }
#MembersHomePage .NM2 { line-height:150%; padding-left:5px; margin-bottom:10px; }
#MembersHomePage .PersonalizePassword { font-weight: bold; font-size: 12px; color: white; line-height: 150%; font-family: verdana, sans-serif }
#MembersHomePage .PersonalizePassword A { color: white }

#MembersHomePage #MembersDetailListDiv{ margin-top:20px; font-size:80%; }
#MembersHomePage .MembersDetailListItem { border: wheat 1px solid; }
#MembersHomePage .MemberDetailName { padding:10px; font-size:larger; font-weight: bold; color: sienna; background-color: cornsilk; } 
#MembersHomePage .MemberDetailBox { float: left; padding:20px; line-height: 150%; }
#MembersHomePage .MemberDetailHeader { font-weight: bold; color: sienna; border-bottom: wheat 1px solid; }
#MembersHomePage .MemberDetailFamilyName { }
#MembersHomePage .MemberDetailAddress {  } 
#MembersHomePage .MemberDetailPhone {  } 
#MembersHomePage .MemberDetailEmail { } 
#MembersHomePage .MemberDetailMemberType {  } 
#MembersHomePage .MemberDetailID { float:right; color:dimgray; font-size:smaller;  }




/* Member Directory */

#MembersDirectoryPageDiv {}

#MembersDirectoryPageDiv .SelectLastName{ float: left; }
#MembersDirectoryPageDiv .SelectFullName{ float: left; margin-left:20px}

#MembersDirectoryPageDiv #MembersDetailListDiv{ margin-top:20px; }

#MembersDirectoryPageDiv .MembersDetailListItem { border: wheat 1px solid; }

#MembersDirectoryPageDiv .MemberDetailName
{
    padding:10px;
    font-size:larger;
    font-weight: bold;
    color: sienna;
    background-color: cornsilk;
} 


#MembersDirectoryPageDiv .MemberDetailBox
{
    float: left;
    padding:20px;
    line-height: 150%;
}

#MembersDirectoryPageDiv .MemberDetailHeader
{
    font-weight: bold;
    color: sienna;
    border-bottom: wheat 1px solid;
}
#MembersDirectoryPageDiv .MemberDetailFamilyName { }
#MembersDirectoryPageDiv .MemberDetailAddress {  } 
#MembersDirectoryPageDiv .MemberDetailPhone {  } 
#MembersDirectoryPageDiv .MemberDetailEmail { } 
#MembersDirectoryPageDiv .MemberDetailMemberType {  } 
#MembersDirectoryPageDiv .MemberDetailID { float:right; color:dimgray; font-size:smaller;  }



/* DocumentRepository Page */

#DocumentRepositoryPageDiv {}
#DocumentRepositoryPageDiv .SearchResults { padding:5px; color: white; background-color:darkgray; }
#DocumentRepositoryPageDiv .DocumentTitle { color: sienna; }
#DocumentRepositoryPageDiv .DocumentTitle A { color: sienna; text-decoration: none }
#DocumentRepositoryPageDiv .DocumentTitle A:hover { color: saddlebrown; text-decoration: underline }
#DocumentRepositoryPageDiv .DocumentAbstract { margin-left: 20px; }
#DocumentRepositoryPageDiv .DocumentDateTimePosted { COLOR: dimgray; font-size:smaller; line-height:1;  }



/* Trails Page */

#TrailsPageDiv {}
#TrailsPageDiv .Trail_Section_Title { font-size:larger; color: sienna; font-weight:bold; line-height:2; border-top: solid 1px sienna; border-bottom: solid 1px sienna; }
#TrailsPageDiv .Trail_Title { font-weight:bold; line-height:2; }
#TrailsPageDiv .Trail_Distance { font-style:italic; padding-left:10px; }
#TrailsPageDiv .Trail_Detail { padding-left:20px; }



/* My Calendar Page */

#MyCalendarPageDiv {}
#MyCalendarPageDiv .MemberDateIndicator { FONT-SIZE: 9px; COLOR: white; FONT-FAMILY: Verdana, Sans-Serif; BACKGROUND-COLOR: green }
#MyCalendarPageDiv .AnyMemberDateIndicator { FONT-SIZE: 9px; COLOR: white; FONT-FAMILY: Verdana, Sans-Serif; BACKGROUND-COLOR: blue }
#MyCalendarPageDiv .Event { line-height: 150%; margin-bottom:10px; }
#MyCalendarPageDiv .EventName { font-weight: bold; color: sienna; }
#MyCalendarPageDiv .EventName A { color: sienna; text-decoration: none }
#MyCalendarPageDiv .EventDescription { FONT-SIZE:smaller; MARGIN-LEFT: 10px; }
#MyCalendarPageDiv .EventLocation { FONT-SIZE: smaller; MARGIN-LEFT: 20px; }
#MyCalendarPageDiv .EventDateTime { FONT-SIZE: smaller; MARGIN-LEFT: 20px; }
#MyCalendarPageDiv .EventCount { FONT-SIZE: 8px; VERTICAL-ALIGN: super; COLOR: sienna }
#MyCalendarPageDiv .MemberListItem { font-size: smaller; }