body {
	margin: 0;
	background: #fff;
	color: #333;
	font-size: 13px;
	font-family: arial, sans-serif;
	text-align: center;
}



img	{
	border: none;
}



A	{
	color: #7F1314;
	}



A:hover	{text-decoration: underline;}



P	{line-height: 17px;}



IMG.left	{float: left; margin: 0 10px 10px 0;}



IMG.right	{float: right; margin: 0 0 10px 10px;}





ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}



H1	{
	margin: 0 0 20px 0;
	color: #003e7e;
}



H4	{
	margin: 20px 0 0 0;
}





H2	{
	margin: 20px 0 10px 10px;
	font-size: 1.3em;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #fff;
	}



.left {
	float: left;
	display: inline;
}



.right {
	float: right;
	display: inline;
}



.clear {
	clear: both;
}



#wrapper	{
	margin: 0 auto;
	width: 978px;
	text-align: left;
}



#header {
	width: 978px;
	height: 129px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}



/* navigation links */

#nav {
	float: left;
	display: inline;
	width: 978px;
	margin: 0;
	padding: 10px 0;
	background: #c33;
	border-top: 1px solid #fff;
}



#nav li	{
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 18px;
	border-right: 2px solid #eeeeee;
}



li#home, li#raceseries, li#news, li#photos, li#living {
	padding: 0 45px;
}


li#sponsors {
	border: none;
	padding: 0 0 0 45px;
}



#nav a {
	float: left;
	display: inline;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
}



#nav a:hover {
	color: #ffffff;
	text-decoration: underline;
}



/* ----- MAIN COLUMN ------- */

#colMain {
	float: left;
	display: inline;
	margin: 36px 0 0;
	padding: 0;
	width: 711px;
	border-right: 1px dashed #999999;
}



/** Picture gallery **/

#jgal { list-style: none; width: 420px; margin: 270px 0 0 0; }

#jgal li { 

	opacity: .5;
	float: left;
	display: inline;
	width: 66px;
	height: 40px;
	background-position: 50% 50%;
	cursor: pointer;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin: 0 13px;
}



#jgal li img {  position: absolute; top: 5px; left: 5px; display: none; border: 1px solid #ddd; padding: 5px;}

#jgal li.active img { display: block; }

#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }



/* adjust picture gallery for the marathon legends page */

.marathonLegends #jgal {
	width: 340px;
	margin-top: 505px;
}



.marathonLegends #jgal li {
	margin: 0 6px;
}



/* styling without javascript */

#gallery { list-style: none; display: block;}

#gallery li { float: left; margin: 0 10px 10px 0; }



#slideshow	{
	position: relative;
	float: right;
	display: inline;
	width: 420px;
	margin: 0 0 0 10px;
	padding: 0;
}



.marathonLegends #slideshow {
	width: 350px;
	margin-top: 14px;
	padding-bottom: 10px;
}



.intro	{
	color: #003e7e;
	line-height: 24px;
	float: left;
	display: inline;
	width: 252px;
	margin: 0 0 20px 25px;
	padding: 0;
}



#heading	{
	font-family: georgia;
	font-size: 24px;
	color: #c33;
	font-style: italic;
	font-weight: bold;
}

	

.mainContents	{
	float: left;
	display: inline;
	width: 665px;
	margin: 30px 0 0 25px;
	padding: 0 0 50px;
	border-top: 1px dashed #666;
}



.mainContents h3, .mainContents p {
	float: left;
	width: 665px;
	margin: 14px 0 0;
	padding: 0;
}



/* PACE Race Summary Report section */

.raceContents {
	padding-bottom: 0;
}

.mainContents a.raceThumb {
	float: left;
	width: 160px;
	margin: 30px 0 0;
	padding: 0;
}



.mainContents h3.raceHeader, .mainContents p.briefDetail {
	float: right;
	width: 470px;
}



.mainContents h3.raceHeader {
	margin-top: 30px;
}



.mainContents p.briefDetail a {
	margin: 16px 0 0;
	float: left;
}



.story {
	width: 90%;
	line-height: 1.3em;
	}



.story .author {
	padding-top: 15px;
	}



.storyDivider	{
	margin: 30px auto;
	width: 350px;
	border-top: 1px solid #ddd;
	}









/* ----- RIGHT COLUMN ------ */

#colRight {
	float: left;
	display: inline;
	width: 233px;
	margin: 36px 0 0 14px;
	padding: 0;
}



#colRight .rightItem, #colRight h2, #colRight p {
	float: left;
	display: inline;
	width: 233px;
	margin: 0;
	padding: 0;
}



#colRight .rightItem {
	border-bottom: 1px dashed #999999;
	padding: 14px 0 20px;
}



#colRight h2 {
	font-size: 18px;
	color: #cc3333;
	letter-spacing: 1px;
	margin-bottom: 4px;
}



#colRight .firstRightItem {
	padding-top: 0;
}



#colRight .lastRightItem {
	border: none;
}



/* PACE Legends */

#colRight .rightItem .legendItem {
	width: 75px;
	margin: 0;
	padding: 0;
}



#colRight .rightItem .legendItem2 {
	padding: 2px 0 0 0;
}



#colRight .rightItem .legendItem a {
	font-size: 12px;
	color: #000000;
	width: 75px;
}



/* Assurant Health */

#assurantHealth, #assurantHealth img {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}



#assurantHealth {
	margin-top: 26px;
}



/* ----- FOOTER ------ */

#footer {
	width: 978px;
	height: 70px;
	float: left;
	display: inline;
	margin: 10px 0;
	padding: 0;
	background-color: #003e7e;
	color: #fff;
	text-align: center;
}



#footer a {
	float: left;
	margin: 25px 20px 0;
	width: 180px;
	height: 19px;
	background: url(../img/pcec_logo_sm_new.png) left top no-repeat;
}



#footer a img {
	display: none;
}



#footer div {
	float: left;
	width: 450px;
	margin: 10px 0 0;
}

#list {
	width: 98%;
	border: 1px solid #666;
	border-width: 1px 1px 1px 0;
	margin: 6px 0 30px 0;
}



#list tr td, #list tr th {
	padding: 4px 8px;
	border-left: 1px solid #666;
}



th {
	background: url(../img/bg_glare.png) repeat-x #e7e7e7;
}



#photoHolder {
	margin: 0 0 40px 40px;
	width: 550px;
	height: 400px;
	padding: 0;
}



/* table on start.html */

#raceoptions {
	width: 98%;
	margin: 6px 0 30px 0;
}



#raceoptions tr td, #raceoptions tr th {
	padding: 4px 10px;
	background: none;
}



#raceoptions tr th {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}



#raceoptions tr td ul {
	padding-left: 20px;
}



#raceoptions tr td ul li {
	list-style-type: disc;
	margin-bottom: 10px;
}

/* list */
.list  li {
	margin-bottom: 6px;
}
