body {
background: #182563;
background-image: url('../images/gradient.gif');
background-repeat: repeat-x; 
direction: ltr;
padding: 0px;
margin: 0px;
}

div.container {
margin: auto;
background-color: #FFFFFF;
width: 980px;
}

div.navy {
background-color: #000080;
}

div.header {
background-position: top;
margin: 20px 0px 0px 0px;
background-image: url('../images/ClubRunner Banner.jpg');
border-left: solid 10px #000080;
border-right: solid 10px #000080;
text-align: left;
border-bottom: solid 2px #182563;
}

div.topnav {
font-family: "arial";
font-size: 7pt;
font-weight: normal;
color: #F5DEB3;
text-align: right;
margin: 3px 10px 3px 0px;
}

div.navigation {
padding: 0px 0px 2px 0px;
background-color: #000080;
border-bottom: solid 3px #DAA520;
text-align: justify; 
font-family: "Arial";
font-size: 10pt;
font-weight: normal;
color: #F5DEB3;
}

div.content {
border-bottom: solid 2px #182563;
width: 100%; 
font-family: "arial";
font-size: 10pt;
color: #182563;
text-align: left;
}

div.poinsettia {
border-bottom: solid 2px #182563;
width: 100%; 
background-color: #cc0000;
font-family: "arial";
font-size: 10pt;
color: #182563;
text-align: left;
}

div.fruit {
border-bottom: solid 2px #182563;
width: 100%; 
background-image: URL('/fruit/Ruby-Red.gif');
font-family: "arial";
font-size: 10pt;
color: #182563;
text-align: left;
}

div.footer {
margin: 0px 0px 0px 0px;
background-color: #F5DEB3;
font-family: "arial";
font-size: 8pt;
color: #182563;
text-align: left;
}

div.headright {
float: right;
width: 40%;
margin: 0px 0px 0px 0px;
}

div.right {
float: right;
width: 40%;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
}

div.right {
float: right;
width: 40%;
margin: 0px 0px 0px 0px;
}

div.roster {
float: left;
width: 25%;
border: 1px solid;
background-color: #FFFFCC;
margin: 5px 5px 0px 5px;
}

dl.roster {
margin: 0px 2px 0px 2px;
color: #182563; 
font-family: "arial";
text-align: justify;
}

dt.roster {
font-size: 10pt;
font-weight: bold;
margin: 2px 0px 0px 0px;
background-color: #FFFFCC;
height: auto;
}

dd.roster {
margin: 0px 0px 0px 20px;
font-size: 8pt;
font-style: italic;
height: auto;
}

ul.roster {
margin: 0px 0px 0px 0px;
}

div.left {
float: left;
width: 60%;
margin: 0px 10px 0px 0px;
}

h1 {
color: #FFFF00;
font-family: "arial";
font-weight: "normal";
text-align: center;
margin: 0px 0px 0px 0px;
font-size: 24pt;
}

h2 {
color: #FFFFFF;
font-family: "arial";
font-weight: "normal";
text-align: left;
margin: 10px 0px 10px 0px;
font-size: 8pt;
}

h3 {
color: #FFD700;
font-family: "arial";
text-align: center; 
margin: 20px 5px 10px 5px; 
font-size: 20pt;
}

h3.small { 
font-size: 18pt;
}

h3.smaller { 
font-size: 12pt;
}
h3.bigred {
font-size: 24pt;
color: #ff0000;
}

h4 {
color: #ff0000; 
font-family: "arial";
text-align: center; 
margin: 0px 5px 5px 5px; 
font-size: 12pt;
}

h5 {
color: #182563; 
font-family: "arial";
text-align: center; 
margin: 5px 5px 5px 5px; 
font-size: 12pt;
}

h6 {
color: #182563; 
font-family: "arial";
text-align: center; 
margin: 0px 5px 5px 5px; 
font-size: 8pt;
}

p {
margin: 5px 20px 5px 10px;
font-family: "arial";
text-align: justify; 
font-size: 10pt;
}

p.center {
margin: 5px 20px 5px 10px;
font-family: "arial";
text-align: center; 
font-size: 10pt;
}

p.bigred {
color: #ff0000;
font-family: "arial";
text-align: justify;
margin: 5px 20px 5px 10px;
font-size: 14pt;
}

p.announce {
color: #ff0000; 
font-family: "arial";
text-align: justify; 
font-size: 10pt;
margin: 5px 10px 5px 10px;
}

p.bold {
font-weight: bold;
margin: 0px 0px 0px 0px;
}

p.fineprint {
color: #182563; 
font-family: "arial";
text-align: left; 
margin: 10px 5px 0px 5px; 
font-size: 7pt;
}

li {
margin: 0px 0px 0px 20px;
}

li.navigation {
list-style-type: none;
display: inline;
margin: 0px 5px 0px 5px;
}

li.current {
list-style-type: none;
display: inline;
font-weight: bold;
margin: 0px 5px 0px 5px;
}

hr {
background: #FFCC33;
}

a.head:link {
color: #F5DEB3;
text-decoration:none;
}

a.head:visited {
color: #F5DEB3;
}

a.head:hover {
color: white;
}


dl {
margin: 0px 10px 0px 10px;
}

dt {
background-color: rgb(220,180,100);
margin: 5px 0px 0px 0px;
color: #182563; 
font-family: "arial";
text-align: justify; 
font-size: 12pt;
}

dd {
margin: 5px 0px 0px 0px;
text-align: justify; 
}

img.dl {
border: 1px solid;
height: 98px;
margin: 0px 5px 0px 0px;
float:left;
}

img.ds {
border: 1px solid;
height: 48px;
margin: 0px 5px 0px 0px;
float:left;
}

img.dsr {
border: 1px solid;
height: 48px;
margin: 0px 0px 0px 10px;
float:right;
}

img.left {
border: 0px;
margin: 5px 5px 5px 10px;
float:left;
}

img.right {
border: 1px solid;
margin: 0px 10px 3px 5px;
float: right;
}

img.right1 {
border: 0px solid;
margin: 0px 10px 3px 5px;
float: right;
}

img.center {
border: 0px solid;
padding: 0px 1cm 0px 1cm;
}

table.border {
border-collapse: separate;
border-spacing: 2px;
border: 3px inset;
margin: auto;
border-color: darkblue;
}

table.collapse {
border-collapse: collapse;
border-spacing: 2px;
border: 3px inset;
margin: auto;
border-color: darkblue;
background-color: #f1b526;
}

table.ad {
border-collapse: collapse;
border-spacing: 2px;
margin: auto;
}