body  { color: #191976;  font-family: 16px;font-family: Verdana}

h1  { color: #3A7EE1; font-size: 1.6em; font-family: "Arial Black"; text-align: center; margin-bottom:5px;
	margin-right: 1px;
}

h2 {font-size: 1.4em; font-family: "Trebuchet MS"; text-align: center; margin-bottom: 4px;
	
}
h3  { text-align: left; font-size: 1.3em; font-family: "Trebuchet MS";margin-bottom: 1px;
	margin-left: 0px;
	margin-top: 23px;
} 
h4                { color: green; font-variant: small-caps; font-size: 1.2em; font-family: "Trebuchet MS"; text-align: center; margin-bottom: 1px  }
h5        { color: #FFFFFF; font-size: 1.2em; font-family: "Arial Black"; margin-bottom: 1px; padding-top: 3px; padding-bottom: 3px; }
p        {text-align: left; font-size: 1.1em; margin: 10; }
/* Desktop menu visible on large screens */
.desktop-menu {
    display: block;
}

/* Mobile menu hidden on desktop */
#menu-toggle,
#mobile-menu {
    display: none;
}

/* Mobile styles */
@media (max-width: 768px) {

    .desktop-menu {
        display: none;
    }

    #menu-toggle {
        display: block;
        font-size: 30px;
        cursor: pointer;
        padding: 10px;
    }

    #mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: #333;
        color: #fff;
        transition: left 0.3s ease;
        padding-top: 60px;
    }

    #mobile-menu.open {
        left: 0;
    }
}
.news      { color: #191970; margin-top: 0px; padding-top: 0px }

.smaller { font-size: 0.7em }
.sidebar { margin-top: 20px }
.menu         { color: #191970; font-size: 0.9em; vertical-align: middle; text-align: center; margin-top: 24px; margin-bottom: 48px }
.footer  { margin-top: 40px }
.email { color: red; font-style: italic; font-weight: bold } 
.top { font-size: 0.6em }
p.months     { text-align: right; margin-top: 0px; margin-right: 20px; margin-bottom: 6px }
p.copyright      { font-size: 0.6em; text-align: center; border-top: 2px solid #3c9c35 }
p.horseNews   { text-align: left; margin-bottom: 18px }
table  {
  border-collapse: collapse;   /* Removes double borders */
  width: 100%;                 /* Table takes full width */
  table-layout: fixed;         /* Ensures wrapping works consistently */
}

th, td {
  border: 1px solid #333;      /* Adds clear borders */
  padding: 8px;                /* Space inside cells */
  text-align: left;            /* Aligns text to the left */
  word-wrap: break-word;       /* Breaks long words to wrap */
  white-space: normal;         /* Allows text to wrap */
}
ul li {
  font-size: 1.1em;}

ul li ul li  {font-size: 1.1em;}

td {vertical-align: top; }


td.content {vertical-align: top; color: #191976;padding-right: 40px; padding-left: 40px; border-right: 1px solid #3c9c35; border-left: 1px solid #3c9c35;
	}


td.left   {vertical-align:top; padding-right: 10px; padding-left: 10px }
td.right  {vertical-align: top; padding-right: 10px; padding-left: 10px;}
menu  {font-size: 0.6em; text-align: center; margin: 0px; padding: 0px; width: 100%; text-decoration: none  }
menu list { text-align: left; margin: 0px; padding: 0px; width: 100%; text-decoration: none  }


a.month:link, a.month:visited, a.month:active   { color: blue; text-decoration: none }
a.month:hover    { color: #3c9c35; text-decoration: none }
a.menu:link, a.menu:visited, a.menu:active {color: blue; text-decoration: none }
a.menu:hover    { color: #3c9c35; text-decoration: none}
.date    { color: #3c9c35; font-weight: bold }
ol, ul      { margin-top: 0px; margin-right: 10px; margin-bottom: 8px; text-decoration: none;
	text-align: left;
}
ul.navmenu      {list-style-type: none; margin: 0px; padding: 0px; width: 100%; text-decoration: none  }
li.navlist   {font-size: 1.2em; background-color: #0b1b6c; margin: 0px 0px 2px; padding-top: 10px; padding-bottom: 10px; padding-left: 6px;}
a.navLink:link, a.navLink:visited, a.navLink:active, a.navLink:hover { color: white; text-decoration: none }
a.navLink:hover    { color: #9b6135 }
.subtitle       { color: #993100; line-height: 1.1em; margin-top: 20px; margin-bottom: 20px; padding-bottom: 0px }
.cal-dates { color: #9b6135; line-height: 2.5em; margin-top: 25px }
div {text-align: center}
div.row {float: left; margin: 0; padding: 0; width: 98.5%;}
div.cols2 {float: left; width: 49%; margin: 0 3px 0 0; padding: 0;}
p.column1     { padding-right: 30px; padding-left: 20px }
p.column2    { padding-right: 30px; padding-left: 10px }
h3.column1 { color: #3c9c35; padding-right: 30px; padding-left: 20px }
.fancy-link {
  text-decoration: none;
  color: blue;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.fancy-link:hover {
  text-decoration: none;
  color: white;
  background-color: darkblue;
}


a:link    {color:blue; background-color:transparent; text-decoration: underline}
a:visited {color:blue; background-color:transparent; text-decoration: none}
a:hover   {color:green; background-color:transparent; text-decoration: none}
a:active  {color:blue; background-color:transparent; text-decoration: none}