/* CSS Document */

BODY {font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size:0.9em;
	  }


/* Set up Default Link Behavior */
a:link    {color:#0000FF;
           text-decoration:none;
		   }
a:visited {color:#0000FF; 
           text-decoration:none;
		   }
a:hover   {color:#FF0000;
           text-decoration:underline;
		   }
a:active  {color:#FF0000;
           text-decoration:none;
		   }


/* Set up Default Heading Behavior */
h1 {font-size:270%;
	/*font-weight:bold;*/
    }
h2 {font-size:235%;}
h3 {font-size: 175%;}
h4 {font-size: 115%; margin-bottom: 0.5em;}


/* Set up Default Table Behavior */
table {border: 0;
       padding: 0;
	   border-spacing: 0;
	   width: 100%;
	   }
	   
/* Set up a couple of table classes for various alignments */
/* the following is for the 2nd table cell that holds header and content */

/* The following is for the 1st table cell that holds the links */
.aligntop {vertical-align: top;}

.leftcol {vertical-align: top;
          font-size: 90%;
          width: 22%;
		  }

.rightcol {vertical-align: top;
          font-size: 90%;
          width: 15%;
		  }
		  
table.race {
font-family:Lucida Sans;
font-size:100%;
font-weight:700;
margin-left:50pt;
width:60%;
}

/* The following class sets up the logo image - note the use of auto
   centers the image */
.logoimage {display: block;
            border: 0;
            width:188px; height: 164px;
			margin: 16px auto 16px auto; 
			}
/* The following class sets up images in the content division */
.contentimage {border: 0;
               width:317px; height:244px;
			   margin: 16px 0 16px 0;
	           }

.contentoriginalimage {
						border: 0;
						margin: 16px 0 16px 0;
						}

.contentwideimage {border: 0;
               width:244px; height:500px;
			   margin: 16px 0 16px 0;
	           }

.contentnarrowimage {border: 0;
               width:344px; height:400px;
			   margin: 16px 0 16px 0;
	           }

.calendarimage {border: 0;
               width:330px; height:370px;
			   margin: 16px 0 16px 0;
	           }

.comingsoonimage {border: 0;
                  width:417px; height:344px;
			      margin: 16px 0 16px 0;
	             }

.donationsimage {border: 0;
                 width:235px; height:344px;
			     margin: 16px 0 16px 0;
	             }

.ministriesimage {border: 0;
                  width:320px; height:417px;
			      margin: 16px 0 16px 0;
	             }

.specialimage {border: 0;
                  width:370px; height:417px;
			      margin: 16px 0 16px 0;
	             }
				 
.voicesimage {border: 0;
              width:417px; height:344px;
		      margin: 16px 0 16px 0;
	         }
.usatfimage {border: 0;
              width:202px; height:263px;
		      margin: 16px 16px 0 0;
	         }
			 
.vommemberimage {border: 0;
                 /* width: 9em;
				 height: 9em; */
				 float:left;
				 clear: left;
				 }
.leftimage {border: 0;
                 /* width: 9em;
				 height: 9em; */
				 float:right;
				 clear: right;
				 width:220px;
				 height:140px;
				 margin-left:25px;
				 }
.leftimage2 {border: 0;
                 /* width: 9em;
				 height: 9em; */
				 float:right;
				 clear: right;
				 width:220px;
				 height:100px;
				 margin-left:25px;
				 }
.race_logo {border: 0;
				 width:212px;
				 height:315px;
				 margin-left:25px;
				 }

.race_course {border: 0;
				 width:867px;
				 height:996px;
				 margin-left:65px;
				 }
.race_sponsor {border: 0;
			   width:300px;
			   height:125px;
				 }
/* The Divsion for the Corporal Works of Mercy */
#corporalworks {color: #993333;
                margin: 0 0 1em 0;
				font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-style: normal;
				font-size: 110%;
				}

/* The Division for the Spiritual Works of Mercy */
#spiritualworks {color: #993333;
                 text-align:right;
				 margin: 0 0 1em 0;
				 padding: 0 0 0 0;
				 font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
				 font-weight: bold;
				 font-style: normal;
				 font-size: 110%;
				 }
				 
#spiritualworks ul {margin: 0 0 1em 0; padding: 0; border: 0; list-style-type:none;}
#corporalworks ul {margin: 0 0 1em 0; padding: 0; border: 0; list-style-type:none;}
#spiritualworks li {border: 1px solid red; padding: 0 1em 0 0; margin: 0 0 0 0;}
#corporalworks li {border: 1px solid red; padding: 0 0 0 1em; margin: 0 0 0 0;}

/* The Division for the Links Section */
#links {background-color: #FFCCCC; /* #FF9999; */
        text-align: center;
		font-weight:bold;
		font-size: 110%;
		margin: 0 0 2em 0;
		}
		
/* Set up special link behavior in the Links Division */
#links a {display: block;
          margin: 0;
		  padding: 0.25em 0 .25em 0;
		  border: 1px solid red;
		  }
#links a:hover   {background-color: #33FFFF;}

/* The Division for the Links Section */
#rlinks {background-color: #FFCCCC; /* #FF9999; */
        text-align: center;
		font-weight:bold;
		font-size: 110%;
		margin: 0 0 2em 0;
		}
		
/* Set up special link behavior in the Links Division */
#rlinks a {display: block;
          margin: 0;
		  padding: 0.25em 0 .25em 0;
		  border: 1px solid red;
		  }
#rlinks a:hover   {background-color: #33FFFF;}

/* The Header Section */
#header {color: #993333;
         text-align: center;}
/* Adjust behavior of h1 within the Header Division */
#header h1 {font-family: "Brush Script MT", Geneva, Arial, Helvetica, sans-serif;
            font-style:italic;
			}
/* Special Class for links within the header */
.headlink {font-family: "Brush Script MT", Geneva, Arial, Helvetica, sans-serif;
            font-style:italic; 
			font-size:200%; 
			text-align: center;
			display: block;}

/* Set up the class for the cookie crumb span within the header division */
.cookiecrumbs {display:block;
               background-color: #FFCCCC;
			   color: #000000;
			   font-size:80%;
			   font-family: "Times New Roman", Times, serif;
			   font-style: italic;
			   text-align: left;
			   }


/* The Main Content Division */
#content {text-align:left;
          padding: 0 1em 1em 1em;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: bold;
          font-size: 115%;
          }
/* Set up some special behavior within the content division */
#content h1 {font-family: "Brush Script MT", Geneva, Arial, Helvetica, sans-serif;
             text-align: center;
             font-style: italic;
             color: #993333;}
#content h2 {font-family: "Brush Script MT", Geneva, Arial, Helvetica, sans-serif;
             text-align: center;
             font-style: italic;
             color: #993333;}
#content h3 {font-family: "Brush Script MT", Geneva, Arial, Helvetica, sans-serif;
             text-align: left;
             font-style: italic;
             color: #993333;}
#content h4 {font-family: Verdana, Arial, Helvetica, sans-serif;
             text-align: left;
             font-style: italic;
			 font-size: 95%;
             color: #993333;}
#content p {text-indent: 2em;}

#content2 {text-align:left;
           padding: 0 1em 1em 1em;
		   margin-left: 2em;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-weight: bold;
           font-size: 115%;
           }

/*set up a class for Centered Bulleted Lists */
.centerlist {text-align: center;}

/* Set up a class to handle the special font / color of first letter of text */
.firstinfo {}
p.firstinfo:first-letter {color: #993333; 
                           font-size: 200%
			              }

/* Set up Definition List for Calendar of Events */

 dl.event
{
margin: 2em 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
}

.event dt
{
position: relative;
left: 0;
top: 1.1em;
width: 6em;
font-weight: bold;
}

.event dd
{
border-left: 1px solid #000;
margin: 0 0 0 7em;
padding: 0 0 .5em .5em;
}

/* Set up List spacing for lists on the Divine Mercy Pages */

.prayer{}
.prayer li, dd 
{
margin-top: 10px;
margin-bottom: 10px;
}
.prayer dt {
margin-top: 20px;
}
/* dl.prayer dd 
{
margin-top: 20px;
} */

/* Set up Definition List for Contact Type Information */

 dl.box
{
border-bottom: 1px solid #999;
}

.box dt
{
width: 11em;
float: left;
padding: .3em;
margin: 0;
border-top: 1px solid #999;
font-weight: bold;
}

.box dd
{
margin-left: 12em;
padding: .3em;
}

.box dd.boxfirst { border-top: 1px solid #999; }

.racemainheader
{
font-style:italic;
font-weight:900;
font-family:Lucida Sans;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size:28px;
color:#C62220;
text-align:center;
}

.raceheader
{
font-style:italic;
font-weight:900;
font-family:Lucida Sans;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size:24px;
color:#C62220;
}

.racemaininfo
{
font-family:Lucida Sans;
font-size:100%;
font-weight:700;
text-align:center;
}

.raceinfo
{
font-family:Lucida Sans;
font-size:100%;
font-weight:700;
}

.racespecial
{
font-family:Lucida Sans;
font-size:90%;
font-weight:bold;
text-align:center;
font-style:italic;
}

.racelist {
list-style-image:url(Images/Race/check-red.gif);
margin: 1em;
}

.racelist li {
margin-bottom: 1em;
}



/* Set up the Footer Division */
#footer {font-family:"Copperplate Gothic Bold", Georgia, "Times New Roman", Times, serif;
         color: #993333; /*#B64955;*/
		 font-size: 100%;
		 font-style: italic;
		 font-weight: bold;
		 text-align: center;}

/* The following sets up how a link appears in the footer division */

#footer .footerlinks {color:#000000;
           			  text-decoration:none;
		              font-family: Verdana, Arial, Helvetica, sans-serif;
		              font-style: normal;
	   	              font-size: 80%;
		              }
#footer .footerlinks a {color: #999999;}

/* The following class sets up the text for information in the footer 
   division */
.info {font-family: Verdana, Arial, Helvetica, sans-serif;
       color: #000000;
	   font-style: normal;
	   font-size: 85%;
	   }

#player
{
position:relative;
top:20px;
left:300px;
width:700px;
height:320px;
}