.light { background-color: #BBDDFF; }
.midtone { background-color: #99BBEE; }
.tback { background-color: #AABBEE; }
.dark { background-color: #01008A; }
.vdark { background-color: #000053; }
.mdark { background-color: #2E3192; }
.black { background-color: #000000; }
.white { background-color: #FFFFFF; }
.lightgrey { background-color: #D4D4D4; }
.grey { background-color: #BEBEBE; }
.darkgrey { background-color: #333333; }


.title
{
	color: #330066;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 16px;
}

.title-k
{
	color: #000000;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 16px;
}

.title-w
{
	color: #FFFFFF;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 16px;
}

.uline { text-decoration: underline; }

.border
{
	border: thin solid #333333;
}

.date
{
	color: #000000;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 10px;
	font-style: italic;
}

.maintitle-w
{
	color: #FFFFFF;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 13px;
	text-indent: 20px;
}

.indent-w
{
	color: #FFFFFF;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 10px;
	padding: 10px;
}

.content
{
	color: #333333;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 12px;
}
.contentarea
{
	background-color: #FFFFFF;
	padding: 10px;
	color: #000000;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 12px;
}

.content-k
{
	color: #000000;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 12px;
}

.content-w
{
	color: #FFFFFF;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 12px;
}
.content-sm
{
	color: #333333;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 10px;
}
.content-sm-k
{
	color: #000000;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 10px;
}
.content-sm-w
{
	color: #FFFFFF;
	font-family: verdana, helvetica, arial, geneva, san-serif;
	font-size: 10px;
}

.workout 
{
	font-family : verdana, helvetica, arial, geneva, san-serif;
	font-size : 12px;
	color : White;
	text-decoration : none;
}

#xsheader
{
	padding-bottom: 5px;
}

#xsheader td
{
	height: 19px;
}

#xsheader a
{
	font-family : verdana, helvetica, arial, geneva, san-serif;
	font-size : 12px;
	color : White;
	text-decoration : none;	
}

.bodycopy 
{
	font-family : verdana, helvetica, arial, geneva, san-serif;
	font-size : 12px;
	line-height: 17px;
	color: navy;
}

#gallery 
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#photo 
{
	float: left;
	width: 108px;
	margin: 0 10px 10px 10px;
}
#photo img 
{
	padding: 4px;
	background-color: #FFF;
	border: 1px solid #dedede;
}

#photo p 
{
	font: 0.8em/normal verdana, helvetica, arial, geneva, san-serif;
	text-align: center;
	margin: 5px 0 0 0;
	height: 3em;
}

/* IE 5/6 border erase bug */
* html #gallery {
	width: 100%;
}

/* IE 5 placement bug */
* html #gallery img {
	width: 100%;
}

/* Mad dog stuff */
#md-nav 
{
	position: relative;
	float: left; left: 20px; margin-top: 10px; width: 239px; height: 629px;
	background: url(/img/maddog_race/mds_navigation2.png) no-repeat;
}

#md-home
{
	position: relative;
	left: 36px; top: 30px;
}

#md-registration
{
	position: relative;
	left: 82px; top: 57px;
}

#md-information
{
	position: relative;
	left: 108px; top: 91px;
}

#md-location
{
	position: relative;
	left: 88px; top: 125px;
}

#md-course
{
	position: relative;
	left: 101px; top: 159px;
}

#md-results
{
	position: relative;
	left: 115px; top: 191px;
}

#md-photos
{
	position: relative;
	left: 135px; top: 225px;
}

#md-content
{
	margin-left: auto; margin-right: auto; background: url(/img/maddog_race/maddog-faded.jpg) no-repeat; margin-bottom: 20px; width: 538px; min-height: 669px; /* 669 */
	font-family: cochin, "Comic Sans MS", fantasy, helvetica, sans-serif;
}

#md-content-container
{
	padding: 50px; font-size: 15px;
	padding-top: 30px;
}

#md-title
{
	font-size: 24px;	
	font-family: "Curlz MT", "Comic Sans MS", fantasy, helvetica, sans-serif;
	padding-bottom: 35px;
}

.md-content-para
{
	padding-top: 25px;
}

#md-right
{
	float: right; margin-right: 20px; margin-top: 10px; width: 192px; 
}

#md-roadwarrior
{
	margin-top: 10px; width: 160px; height: 64px;	
}

#md-archive
{
	margin-top: 10px; width: 192px; height: 332px;	
	background: url(/img/maddog_race/md-archives.png) no-repeat;
}

#md-archive-title
{
	text-align: center; padding-top: 20px; padding-bottom: 15px;
	font-family: cochin, "Comic Sans MS", fantasy, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#md-archive-content
{
	padding-left: 30px;
	font-family: cochin, "Comic Sans MS", fantasy, helvetica, sans-serif;
	font-size: 14px;
	line-height: 2em;
}

#md-archive-content img
{
	vertical-align: middle;
}

.md-archive-content-line-left
{
	padding-right: 5px;
}

.md-archive-content-line-right
{
	padding-left: 5px;
}

.md-subitem
{
	padding-left: 20px;
}

#md-results-table
{
	font-size: 13px; text-align: center;
}

#maddog-gallery a { text-decoration: none; }
#maddog-gallery a:hover { text-decoration: none; color: blue; }
.intro-left { float: left; font-size: 11px; padding-left: 20px; }
.intro-right { float: right; font-size: 11px; padding-right: 20px; }