body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family:         verdana, arial, helvetica, sans-serif;
  font-size:           0.95em;
  line-height:         18px;
  align:               left;
  background-color:    #ffffff;
}

pre {
  background-color:    #DDDDDD;
  padding-left:        10px;
  padding-right:       10px;
  font-size:           12px;
}

th {
  text-align:          left;
  font-weight:         bold;
  padding-left:        0px;
  padding-right:       8px;
}

a         { color: #027731; }
a:visited { color: #027731; }
a:hover   { color: #58AC13; }

#content h1 {
  text-align:          left;
  font-size:           22px;
  font-weight:         bold;
  vertical-align:      top;
  color:               #939393;
  padding:             0px;
  margin:              0px;  
}  

h1 {
  text-align:          left;
  font-size:           1.8em;   
  font-weight:         bold;
  vertical-align:      middle;
  background-color:    #ffffff;
  color:               #6C8C22;
  padding:             0px;
}

h2 {
  text-align:          left;
  font-size:           1.6em;   
  font-weight:         bold;
  vertical-align:      middle;
  background-color:    #ffffff;
  color:               #6C8C22;
  padding:             0px;
}

h3 {
  text-align:          left;
  font-size:           1.4em;
  font-weight:         bold;
  vertical-align:      middle;
  background-color:    #ffffff;
  color:               #6C8C22;
  padding:             0px;
}

h4 {
  text-align:          left;
  font-size:           1.2em;   
  font-weight:         bold;
  vertical-align:      middle;
  background-color:    #ffffff;
  color:               #6C8C22;
  padding:             0px;
}

#top_nav_div ul {
  padding:             3px 0;
  margin-left:         0;
  border-bottom:       1px solid #333333;
  font-family:         verdana, arial, helvetica, sans-serif;
  font:                bold 1.0em verdana, sans-serif;
}

#top_nav_div ul li {
  list-style:          none;
  margin:              0;
  display:             inline;
}

#top_nav_div ul li a {
  padding:             3px 0.5em;
  margin-right:        8px;
  color:               #6C8C22;
  border:              1px solid #333333;
  border-bottom:       none;
  background:          #FFFFFF;
  text-decoration:     none;
  font-family:         verdana, arial, helvetica, sans-serif;
  font:                plain 1.0em verdana, sans-serif;
}

#banner_title {
  color:               #6C8C22;
  text-align:          center;
  font-size:           1.8em;
  font-weight:         bold;
}

#banner_subtitle {
  text-align:          center;  
  font-size:           1.0em;
}

#page_title {
  color:               #6C8C22; 
  text-align:          center;  
  font-size:           1.4em;
  padding-bottom:      20px 0;
  margin-bottom:       20px 0;
}

#user_name {
  font-size:           0.9em;   
}

#user_messages {
  font-size:           0.9em;   
  color:               red;
}

p.indented {
  margin-left:         5%;
}

#top_navigation h5 {
    display:           none;
}   

#top_navigation ul {
    padding-left:      0px 0; 
    padding-right:     3px 0; 
    margin:            0; 
    border-bottom:     1px solid #669; 
    font:              bold Verdana, sans-serif; 
}

#top_navigation ul li {
    list-style:        none; 
    margin:            0; 
    display:           inline; 
}

#top_navigation ul li a {
    padding:           1px; 
    padding-left:      1px 0; 
    padding-right:     3px 0;
    margin-left:       1px; 
    border:            1px solid #669; 
    border-bottom:     none; 
    background:        #ccf; 
    text-decoration:   none; 
}

#top_navigation ul li a:link { 
    color:             #339;
} 

#top_navigation ul li a:visited { 
    color:             #666;
} 

#top_navigation ul li a:link:hover, #top_navigation ul li a:visited:hover {
    color:             #000; 
    background:        #AAE; 
    border-color:      #336; 
}

#top_navigation ul li a#current {
    background:        white; 
    border-bottom:     1px solid white; 
}

#list {
  text-align:          left;
}

#list th {
  text-align:          left;
  font-weight:         bold;
  padding-left:        6px;
  padding-right:       6px;
}

#list td {
  font-weight:         plain;
  padding-left:        6px;
  padding-right:       6px;
}

#list .list-line-even {
  background:          #f8b0f8;
  font-size:           0.8em;
}

#list .list-line-odd {
  background:          #f8b0f8;
  font-size:           0.8em;
}

#training_plan th {
  font-weight:         bold;
  padding-left:        8px;
  padding-right:       8px;
}

#training_plan td {
  font-weight:         plain;
  padding-left:        8px;
  padding-right:       8px;
}

#training_plan .rest {
    color:             gray;
}

#training_plan .normal {
    color:             black;
}

#training_plan .swim {
    color:             gray;
}

#training_plan .long_run {
    color:             red;
}

#training_plan .extra_long_run {
    color:             red;
    font-weight:       bold;
}

#training_plan .race_day {
    color:             red;
    font-weight:       bold;
}

#training_calendar th {
  font-weight:         bold;
  padding-left:        8px;
  padding-right:       8px;
}

#training_calendar  {
  font-weight:         plain;
  padding-left:        8px;
  padding-right:       8px;
}

.calendar_date {
  text-align:          left;
  font-size:           0.9em;
  font-weight:         plain;
  align:               left;
  vertical-align:      top;
  color:               gray;
  padding:             0px;
}

#training_calendar  .rest {
    color:             gray;
}

#training_calendar  .normal {
    color:             black;
}

#training_calendar  .swim {
    color:             gray;
}

#training_calendar  .long_run {
    color:             red;
}

#training_calendar .extra_long_run {
    color:             red;
    font-weight:       bold;
}

#training_calendar  .race_day {
    color:             red;
    font-weight:       bold;
}

#show {
  text-align:          left;
}

#show th {
  text-align:          left;
  font-weight:         plain;
  padding-left:        6px;
  padding-right:       6px;
}

#show td {
  font-weight:         plain;
  padding-left:        6px;
  padding-right:       6px;
}

.layout_hr {
  width:               800px;
  border:              1px solid #777777;
  align:               left;
}

#left-nav-div {
  float:               left;
  padding-top:         1em;
  padding-left:        1em;
  padding-bottom:      1em;
  width:               14em;
  background:          #777777;
}

#main {
  margin-left:         15em;
  padding-top:         4ex;
  padding-left:        2em;
  background:          white;
}

.logon {
  text-align:          left;
  padding:             2px;
  background-color:    #ffffff;
}

strong {
  background-color:    #ffffff;
}

input:focus {
  background-color:    #A3E361;
}   

.quotation {
  font-style:          italic;
}