/* HTML Element definitions */

h1,h2,h3
{
font-family: "comic sans ms", arial, 'sans serif'; 
color:saddlebrown;
margin-left: 20px;
}

p,table,li,address
{
font-family: "comic sans ms", arial, 'sans serif'; 
margin-left: 20px;
margin-right: 2px;
}

p,li,th,td
{
font-size: 75%;
color:#C0C0C0;
}

/* % of the Parent element width */

p
{
width: 95%
}


body
{
background-color: #696969;
}

/* End HTML Element definitions */

/* Class definitions */

.date
{
font-size:small;
}

.sidebar
{
margin-left:5px;
margin-right:5px;
font-size: 70%;
text-align:justify;
}

.quote
{
color:#00FF7F
}

.group
{
border: thin dotted saddlebrown;
}

.swim
{
color:#1E90FF
}

.bike
{
color:#FFFF00
}

.run
{
color:#FF7F50 
}

/* end class definitions */

/* pseudo-classes */

a:link     { color:saddlebrown }
a:visited  { color:saddlebrown }
a:active   { color:red }
a:hover    { color:red }

/* end pseudo-classes */


/* Style id definitions */


#centercontent {
background:#000;
border:2px solid #8B4513;
margin-left:15%;
margin-right:15%;
}

#leftcontent {
position: relative;
left:10px;
top:62px;
width:14.5%;
margin-right:5px;
border:2px solid #8B4513;
background:#000;
}

#rightcontent {
position:relative;
right:10px;
top:62px;
width:14.5%;
margin-left:5px;
border:2px solid #8B4513;
background:#000;
}

#banner {
text-align:center;
background:#000;
top:9px;
right:10px;
height:50px;
width:100%;
border-top:2px solid #8B4513;
border-bottom:2px solid #8B4513;
border-right:2px solid #8B4513;
border-left:2px solid #8B4513;
}

#banner h1 {
font-size:24px;
padding:10px 10px 10px 10px;
margin:0px;
}


/* End Style id definitions */