/* Basic styles for generic elements. */

BODY {
   font-family: Tahoma, Arial, sans-serif;
   margin: 0px;
}

IMG {
   border: 0px;
}
.imgBorder
{
	border-style:solid;
	border-color: #8888bb;
	border-width:1px;
	text-align: center;

} 
P, LI {
   line-height: 150%;
   font-size: 120%;
   text-align: left;
}

A {
   font-weight: bold;
}

/* The "main" table that lays out the entire page. */

TABLE.main {
   width: 100%;
   height: 100%;
   border-collapse: collapse;
   border: 0px;
}

TABLE.main TD {
   padding: 0px;
   vertical-align: top;
}

TABLE.main TD.nav {
   width: 214px;
   background-image: url('images/page-tileleft.gif');
   background-repeat: repeat-y;
}

TABLE.main TD.logo {
   height: 140px;
   background-image: url('images/page-backtop.gif');
   background-repeat: repeat-x;
}

TABLE.main TD.body {
   padding-top: 1em;
   padding-bottom: 1em;
}

/* The navigation section on the left side of the page. */

TABLE.navigation {
   margin-top: 1em;
   margin-left: 10%;
   margin-right: 10%;
   background-color: #ccccff;
   border: 2px dotted #8888bb;
   text-align: left;
}

TABLE.navigation UL {
   margin-bottom: 0.5em;
}

TABLE.navigation UL LI {
   margin-left: -20px;
   font-size: 80%;
}

TABLE.navigation UL LI A {
   color: #001166;
}

TABLE.navigation UL LI A:hover {
   color: #ccccff;
   background-color: #001166;
   text-decoration: none;
}

/* The content section for one-columned pages. */

TABLE.content {
   width: 100%;
   height: 100%;
   border-collapse: collapse;
}

TABLE.content TD {
   vertical-align: top;
   padding-left: 20px;
   padding-right: 20px;
}

TABLE.content TD.title {
}

TABLE.content TD.columna {
   width: 50%;
   border-right: 2px solid #8888bb;
}

TABLE.content TD.columnb {
   width: 50%;
   border-left: 2px solid #8888bb;
}

/* The content section for two-columned pages. */

TABLE.contentonecol {
   width: 100%;
   height: 100%;
   border-collapse: collapse;
}

TABLE.contentonecol TD {
   vertical-align: top;
   padding-left: 20px;
   padding-right: 20px;
}

/* Text styles used across the whole site. */

H1 {
   font-size: 120%;
}

H2 {
   font-size: 100%;
   padding: 0.25em;
   background-color: #ccccff;
}
H3 {
   font-size: 100%;
   color: #003399;
   text-align:left;
}
DIV.contentblock {
   padding-left: 3em;
}

P.subtitle {
  font-size: 70%;
  text-align: center;
}

P.subtitleLeft {
  font-size: 70%;
  text-align: left;
}

.center {
   text-align: center;
}

/* Styles for the "Contacts" page (contact.html). */

P.contact {
   text-align: center;
   font-size: 100%;
}

/* Styles for the "Member Clubs" page (memberclubs.html). */

P.memberclub {
   padding-left: 3em;
}

/* Styles for the "New To Cycling" page (newtocycling.html). */

P.faq {
   padding-left: 3.75em;
   text-indent: -1.5em;
}

/* Styles for the "Race Promotion" page (promotion.html). */

UL.links LI {
   margin-bottom: 1em;
}

/* Styles for the "Sponsors" page (sponsors.html). */

P.sponsor {
   font-weight: bold;
   text-align: center;
}

P.sponsor IMG {
   margin-top: 1em;
   margin-bottom: 1em;
}

/* Styles for the "Meeting Minutes" pages (minutes/).  */

P.date {
   text-align: center;
   font-size: 100%;
}

/* Styles for the "Races" page (races/index.html). */

TABLE.schedule {
   width: 95%;
   border-collapse: collapse;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   text-align: left;
}

TABLE.schedule TH, TABLE.schedule TD {
   padding: 0.5em;
   font-size: 70%;
}

TABLE.schedule TH {
   background-color: #ccccff;
   border-bottom: 1px solid black;
}

TABLE.schedule TD {
   border-top: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;
}

A.storyHead {
	font-size: 24px;
	font-weight: bold;
	color: #ffcc00;
}