/* dark blue:   23,71,120
 * med blue:    135,160,190
 * light blue:  195,215,220
 * orange:      232,105,50
 * dark green:  44,78,53
 * light green: 192,221,191
 */

body {
  background:       rgb(225,225,225) url(images/bg.gif) repeat-y scroll top;
  font-family:      Verdana,sans-serif;
  text-align:       center;
  margin:           0px;
}

#page {
  background-color: rgb(135,160,190);
  width:            750px;
  text-align:       left;
  margin-left:      auto;
  margin-right:     auto;
  padding:          10px;
}

#logo img {
  float:            left;
  border:           0px;
  margin-bottom:    10px;
  margin-right:     10px;
}

#tagline {
  color:            rgb(192,221,191);
  cursor:           default;
  font-family:      courier;
  font-size:        0.85em;
  white-space:      nowrap;
  margin-bottom:    10px;
}

#tagline sup {
  font-size:        1em;
}

a:link {
  color:            rgb(23,100,170);
}

a:hover {
  color:            rgb(44,78,53);
  text-decoration:  none;
}

a:visited {
  color:            rgb(120,145,175);
}

#menu {
  font-family:      Verdana,sans-serif;
  text-align:       left;
  margin-top:       0px;
  margin-bottom:    2em;
  white-space:      nowrap;
}

#menu ul {
  color:            rgb(23,71,120);
/*  color:            rgb(135,160,190);*/
  cursor:           default;
  list-style-type:  none;
  margin:           0px;
  padding:          0px;
}

#menu li { /* menu list items */
  display:          inline;
  position:         relative;
}

#menu a {
  color:            rgb(23,71,120);
  font-size:        1.1em;
}

#menu a:hover {
  color:            rgb(195,215,220);
  color:            rgb(192,221,191);
  cursor:           pointer;
}

#menu ul ul {
  border-left:      1px solid rgb(232,105,50);
  border-bottom:    1px solid rgb(232,105,50);
  display:          none;
  font-size:        0.85em;
  padding:          0.75em 0.3em 0.3em 0.825em;
  position:         absolute;
  left:             -0.825em;
  top:              1em;
  white-space:      nowrap;
}

#menu ul ul li {
  padding-right:     0.5em;
}

#content {
  border:           1px solid rgb(23,71,120);
  background-color: rgb(255,255,224);
  color:            rgb(23,71,120);
  padding:          10px;
  margin-bottom:    0px;
  clear:            both;
  font-size:        .8em;
}

#content img {
  border:           1px solid #bbb;
}

#content h1, #content h2 {
  border-bottom:    1px solid #bbb;
  display:          inline;
  font-family:      Verdana,sans-serif;
  font-size:        1.2em;
  color:            rgb(44,78,53);
}

#content h4 {
  font-size:        1em;
}

#content #hours {
  border-collapse:  collapse;
  border-spacing:   0px;
  font-size:        0.7em;
  color:            rgb(23,71,120);
}

#content #hours th {
  color:            #aaa;
}

#content #hours caption {
  text-align:       left;
}

#content #hours td {
  border:           1px solid #aaa;
  padding:          5px;
  text-align:       center;
}

table.product_logos {
  width:            1%;
  border-spacing:   0px;
  border-collapse:  collapse;
  margin:           0px auto;
  padding:          0px;
}

#content table.product_logos td {
  border:           0px;
  padding:          4px;
}

div.event {
  height:           1%; /* Holly hack */
  margin-bottom:    20px;
}

div.event h2 {
  float:            left;
  margin-top:       0px;
  margin-bottom:    5px;
}

div.event div.banner {
  float:            right;
  padding:          0px 0px 5px 10px;
}

div.event div.details {
  clear:            left;
  font-size:        0.85em;
}

div.event div.details div.detail {
  height:           1%; /* Holly hack */
}

div.event div.details div.detail strong {
  color:            rgb(44,78,53);
  float:            left;
}

div.event div.details div.detail div {
  padding-left:      8em;
}

div.event div.details div.detail div div {
  padding-left:      0;
}

div.event div.content {
  margin-left:       30px;
  margin-right:      200px;
}

div.event div.sidebar {
  float:             right;
  border-left:       1px solid #ccc;
}

div.event div.sidebar h2 {
  float:             none;
}

ul.sponsors {
  list-style-type:   none;
}

ul.sponsors li {
  margin:            0px 0px 10px 0px
}

table.schedule {
  border:            1px solid rgb(23,71,120);
  border-collapse:   collapse;
  color:             rgb(23,71,120);
  font-size:         1em;
}

table.schedule caption {
  text-align:        left;
}

table.schedule td {
  padding:           1px 5px 1px 5px;
}

table.schedule tr.odd {
  background-color:  #ddd;
}
table.schedule tr.even {
  background-color:  #eee;
}

#footer {
  color:            rgb(23,71,120);
  cursor:           default;
  font-family:      Verdana,sans-serif;
  font-size:        .9em;
  margin-top:       10px;
  padding-bottom:   10px;
  text-align:       left;
  white-space:      nowrap;
}

#footer a, #footer a:link {
  cursor:           pointer;
  color:            rgb(23,71,120);
  font-style:       italic;
}

#footer a:hover {
  color:            rgb(192,221,191);  
}

/* highlight bullets for current page */
#home span.home,
  #about span.home,
  #name span.home,
  #people span.home,
#products span.products,
#services span.services,
  #fitting span.services,
  #repairs span.services,
#events span.events,
  #rides span.events,
  #races span.events,
  #clinics span.events,
  #exhibits span.events,
#contact span.contact
{
  color:            rgb(232,105,50);
}

/* display page-level navigation */
#home li.home ul,
  #about li.home ul,
  #name li.home ul,
  #people li.home ul,
#products li.products ul,
#services li.services ul,
  #fitting li.services ul,
  #repairs li.services ul,
#events li.events ul,
  #rides li.events ul,
  #races li.events ul,
  #clinics li.events ul,
  #exhibits li.events ul,
#contact li.contact ul
{
  display:          block;
}

/* highlight link for current page, and make link appear unclickable */
#home li.home a,
  #about li.about a,
  #name li.name a,
  #people li.people a,
#products li.products a,
#services li.services a,
  #fitting li.fitting a,
  #repairs li.repairs a,
#events li.events a,
  #rides li.rides a,
  #races li.races a,
  #clinics li.clinics a,
  #exhibits li.exhibits a,
#contact li.contact a
{
  color:            rgb(195,215,220);
  text-decoration:  none;
  cursor:           default;
}

/* prevent the rule above from messing with sub-menu links */
#home li.home ul li a,
#products li.products ul li a,
#services li.services ul li a,
#events li.events ul li a,
#contact li.contact ul li a
{
  color:            rgb(23,71,120);
  text-decoration:  underline;
  cursor:           pointer;
}

#home li.home ul li a:hover,
#products li.products ul li a:hover,
#services li.services ul li a:hover,
#events li.events ul li a:hover,
#contact li.contact ul li a:hover
{
  color:            rgb(192,221,191);
  cursor:           pointer;
}

/* Make header logo image appear unclickable when from home page. */
#home #logo a
{
  cursor:           default;
}