/*	
-------------------------------------------------------------
Primary CARA Stylesheet.
-------------------------------------------------------------
Dimensions:

	Overall Layout:
		988px = total width of main content

	For Home Page Table:
		988 - 540 = 448.  
		988px = total width of main content
		540px = left side
		448px = right side.
		Then subtract 1px for every pixel of side border. 
-------------------------------------------------------------	
*/

/* High-level Declarations */
body, html {
	background: #e6e6e6; 
	font-family: Arial Unicode MS, Arial, Lucida Sans, Tahoma, verdana, Sans-serif;
}

pre
{
	white-space:pre;
	font-weight:normal;
	font-family: Courier New, Courier;
}
 
img {border:0px;}
button {background-color: #f60; padding: 0px; border: 0px; text-transform: uppercase; width: 50px; text-align: center;}
	  
#bodyBackground {background: #e6e6e6; margin: 0;}

#mainBodyForm {width: 1000px; margin: 0px; }
	#mainBodyForm  .shad0 {border-left: 2px solid #dfdfdf; border-right: 2px solid #dfdfdf; border-bottom: 2px solid #dfdfdf; border-top: none;}
	#mainBodyForm  .shad1 {border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; border-top: none;}
	#mainBodyForm  .shad2 {border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-top: none;}
	#mainBodyForm  .shad3 {border-left: 2px solid #afafaf; border-right: 2px solid #afafaf; border-bottom: 2px solid #afafaf; border-top: none;}
  
#container {background-color: #fff; border-top: 0px;}

.fineprint 
{
	font-size: 10px;
}

/* Top Header Declarations */

#menuPrimary {height:117px; width:988px;}
	#menuPrimary .sectionLogo 	{float:left; background: #fff url('/~/media/Images/Website%20Logo/logo.ashx') no-repeat; width:280px; height:117px;}	
	#menuPrimary .menuTop		{float:right; background: #fff; position: relative; width:375px; top: 30px; margin: 0 0 0 20px;}
	#menuPrimary .formSearch  	{float:right; background: #fff; position: relative; width:250px; height:75px; top: 26px; margin: 0 20px 0 0;}

	#menuPrimary .formSearch .txtSearch, #menuPrimary .formSearch .btnSearch {display: block; float: right; margin: 0 10px 0 0;}
	#menuPrimary .formSearch .txtSearch {font-size: 12px; height: 18px; }
	#menuPrimary .formSearch .btnSearch {background: #E75D21; color: #ffffff; border: 1px solid #F7A284; text-transform: uppercase; font-size: 10px; height: 22px;}
	

/* Top Menu Declarations */

	#menuPrimary .menuTop ul {
		display: inline;
		margin: 0;
		padding: 0;
	}

	#menuPrimary .menuTop ul li {
		display: inline;
		margin: 0 0 0 0;
		padding: 0;
		list-style: none;
	}

	#menuPrimary .menuTop ul li a {
		padding-right: 6px;
		padding-left: 6px;
	}

	#menuPrimary .menuTop ul li a.first {
		/*border: none;*/
	}

	#menuPrimary .menuTop a, #menuPrimary .menuTop a:link, #menuPrimary .menuTop a:visited {
		color: #000000;
		text-transform: uppercase;
		/*font-weight: bold;*/
		text-decoration: none;
		font-size: 90%;
	}

	#menuPrimary .menuTop a:hover {
		text-decoration: underline;
	}

/* Main Area Declarations */
  
#areaMain {width: 988px;}
	
	#areaMain .sectionLeft  {width:200px; height:300px; background: #C6C3C6; margin: 0; padding: 0;}

	#areaMain .sectionMain	{background: #fff; padding: 10px;}
		#areaMain .sectionMain h1 {color: #0066CC; margin: 0; padding: 0;}

		#areaMain .sectionRight					{width: 200px; background: #fff; padding: 10px 10px 0 0; font-size:12px;}
		#areaMain .sectionRight h2 				{color: #E55E26; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: bold; margin: 5px 0 0 0;}		
		#areaMain .sectionRight h2 img 			{padding: 0; margin: 0 5px 0 0;}
		#areaMain .sectionRight .link a			{text-decoration:none; color:#222;}
		#areaMain .sectionRight .link a:hover	{text-decoration:underline; color: #222;}

		#areaMain .sectionRight ul		{display: block; margin: 0; padding: 0;}

		#areaMain .sectionRight ul li	{margin: 5px 0 0 20px; padding: 0; list-style: none;}

		#areaMain .sectionRight ul li a {margin: 0; padding: 0;}

		#areaMain .sectionRight ul li a, 
		#areaMain .sectionRight ul li a:link, 
		#areaMain .sectionRight ul li a:visited {color: #000000; text-decoration: none;}
		
		#areaMain .sectionRight a:hover {text-decoration: underline;}



	#areaMain .sectionBar   {background: #f60 url(/Design/Images/Bar/orange.gif) repeat-x; width: 988px; height: 22px; margin:0; padding:0;}
	
	#areaMain #sectionTable {width: 100%;  border-collapse: collapse; background: #ccc;}
		#areaMain #sectionTable td {vertical-align: top;}


/* Home Page Declarations */
.sectionHomePageImage {width: 539px; padding: 0; margin: 0; border-right: 1px solid white; }
	  .sectionHomePageImage img {margin: 0; padding: 0; float: left;}
	  
	  
.sectionMainNews {height: 80px; width: 448px; border-bottom: 1px solid #fff;}  

	.sectionMainNews .news   		{padding: 10px 0 0 16px; padding-bottom: 0px;} 
	.sectionMainNews .news h2 	 	{font-weight: normal; font-size: 22px; letter-spacing: 2px; line-height: 26px; padding: 0px; margin: 0 0 5px 0; color: black;}
	.sectionMainNews .newsitems   	{position: relative; top: 0px; left: 0;}
	.sectionMainNews .newsitems p	{width: 350px; margin: 0; padding: 0;}
	
	.sectionMainNews ul				{margin: 0; padding: 0;}
	.sectionMainNews ul li 	 		{padding: 0px; margin: 0; list-style-type:none; display:block; }
	  
	.sectionMainNews h4 	 	 	{padding: 0px; margin: 0px;}
	
	.sectionMainNews .date 			{font-weight: bold;}
	.sectionMainNews .info 			{}
	.sectionMainNews .info a		{text-decoration:none; color: #222;}
	.sectionMainNews .info a:hover	{text-decoration:underline; color: #222;}
	.sectionMainNews .seemore		{}
	.sectionMainNews .seemore a		{text-decoration:none; color: #222; font-style:italic; font-size: 13px;}
	.sectionMainNews .seemore a:hover	{text-decoration:underline; color: #222;}
	
/* ANNOUNCEMENTS */
#sectionAds						{width:928px; height:100px; position: relative; margin-left: 20px; top: 20px;}
	#sectionAds .ad    			{width:210px; position:relative; float:left; margin: 0px;}
	#sectionAds strong 			{color:#069;}
	#sectionAds div					{margin: 0px; padding: 0px; vertical-align: top; padding-top: 16px;}
	
#sectionAdTable        			{width:908px; position: relative; margin: 10px 40px 0 40px; top: 0px; padding: 8px 0 0 0;}
	#sectionAdTable td			{vertical-align:top;}
	#sectionAdTable .ad    		{width:210px; position:relative; float:left; margin: 0px;}
	#sectionAdTable strong 		{color:#069;}
	#sectionAdTable strong a	{text-decoration:none; color:#069;}
	#sectionAdTable table, #sectionAdTable table td	{margin: 0px; padding: 0px; vertical-align: top;}
	
      
/* LOGO AREA */
#areaMain .sectionSponsors			{background: #fff url(/Design/Images/Bar/Sponsors.gif) no-repeat; width: 988px; height: 28px;}
#areaMain .sectionLogos   			{background: #fff; width: 988px; height: 90px; padding: 10px 0 0 0; text-align: center; overflow: hidden;}

/*
#areaMain .sectionLogos .logo		{position:relative; float:left; margin: 0px 25px 0 25px;}
*/

#areaMain .sectionLogos .logoOuter {
	display: -moz-inline-box; /* for FF & Mozilla */
	display: inline-block;
	margin: .2%;
}

#areaMain .sectionLogos .logoInner {
	display: block;
	/*height: 100px;
	width: 200px;*/
	margin: 0px 25px 0 25px;
	padding: 0;
	text-align: left;
}



/* FOOTER AREA */
#areaMain #sectionFooter    					{background: #069 url(/Design/Images/Bar/footer.gif) repeat-x; width: 988px; height: 49px;}
	#areaMain #sectionFooter .menuFooter		{float:left; position: relative; left: 30px; top: 16px; color:#fff;}
	#areaMain #sectionFooter .menuFooter h4		{color:#fff; font-size: 90%; font-weight: normal; margin: 0 20px 0 0;}
	#areaMain #sectionFooter .copyright			{float:right; position: relative; top: 16px; color:#fff; }

/* Footer Menu Declarations */

#areaMain #sectionFooter .menuFooter ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#areaMain #sectionFooter .menuFooter ul li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

#areaMain #sectionFooter .menuFooter ul li a {
/*		border-left: 1px solid white;*/
	margin-right: 8px;
	margin-left: 8px;
	
}

#areaMain #sectionFooter .menuFooter ul li a.first {
	/*border: none;*/
}

#areaMain #sectionFooter .menuFooter a, #areaMain #sectionFooter .menuFooter a:link, #areaMain #sectionFooter .menuFooter a:visited {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	font-size: 90%;
}

#areaMain #sectionFooter .menuFooter a:hover {
	text-decoration: underline;
}
	
	
	
/* Float Properties */
.clearFloat {clear: both; height: 1px;}
.floatLeft	{float: left; margin-right: 10px;}
.floatRight	{float: right; margin-left: 10px;}

/* Race Legend */
.raceLegend		{font-size: 10px;}
.raceLegend td	{padding: 2px;}
	  
	  
	  
	  
	  
/* MENU SECONDARY (main menu topics) */
#menuSecondary {background: #0a75ab url(/Design/mages/Bar/blueGradient.gif) repeat-x; width: 988px; height: 35px;}

/* MENU PLACEHOLDER  for global positioning of nav items*/
.menuPlaceholder {position: relative; float: left;} 
  
  /* RUNNING MENU */
  #menuSecondary .running a, #menuSecondary .running   
  {display:block; background:transparent url(/Design/Images/Nav/running.png) no-repeat;  background-position: 0 0px; height:35px; width:198px; text-indent:-9009px;}
  #menuSecondary .runningActive a, #menuSecondary .runningActive   
  {display:block; background:transparent url(/Design/Images/Nav/running_grey.png) no-repeat;  background-position: 0 0px; height:35px; width:198px; text-indent:-9009px;}
  #menuSecondary .running a:hover   
  {display:block; background:transparent url(/Design/Images/Nav/running.png) no-repeat; background-position: 0 -35px; height:35px; width:198px; text-indent:-9009px;}
  
  /* TRAINING MENU */
  #menuSecondary .training a, #menuSecondary .training   
  {display:block; background:transparent url(/Design/Images/Nav/training.png) no-repeat;  background-position: 0 0px; height:35px; width:197px; text-indent:-9009px;}
  #menuSecondary .trainingActive a, #menuSecondary .trainingActive   
  {display:block; background:transparent url(/Design/Images/Nav/training_grey.png) no-repeat;  background-position: 0 0px; height:35px; width:197px; text-indent:-9009px;}
  #menuSecondary .training a:hover   
  {display:block; background:transparent url(/Design/Images/Nav/training.png) no-repeat; background-position: 0 -35px; height:35px; width:197px; text-indent:-9009px;}
  
  /* RACING MENU*/
  #menuSecondary .racing a, #menuSecondary .racing    
  {display:block; background:transparent url(/Design/Images/Nav/racing.png) no-repeat;  background-position: 0 0px; height:35px; width:197px; text-indent:-9009px;}
  #menuSecondary .racingActive a, #menuSecondary .racingActive   
  {display:block; background:transparent url(/Design/Images/Nav/racing_grey.png) no-repeat;  background-position: 0 0px; height:35px; width:197px; text-indent:-9009px;}
  #menuSecondary .racing a:hover   
  {display:block; background:transparent url(/Design/Images/Nav/racing.png) no-repeat; background-position: 0 -35px; height:35px; width:197px; text-indent:-9009px;}
  
  /* COMMUNITY MENU*/
  #menuSecondary .community a, #menuSecondary .community   
  {display:block; background:transparent url(/Design/Images/Nav/community.png) no-repeat;  background-position: 0 0px; height:35px; width:198px; text-indent:-9009px;}
  #menuSecondary .communityActive a, #menuSecondary .communityActive   
  {display:block; background:transparent url(/Design/Images/Nav/community_grey.png) no-repeat;  background-position: 0 0px; height:35px; width:198px; text-indent:-9009px;}
  #menuSecondary .community a:hover   
  {display:block; background:transparent url(/Design/Images/Nav/community.png) no-repeat; background-position: 0 -35px; height:35px; width:198px; text-indent:-9009px;}
  
  /* ABOUT MENU*/
  #menuSecondary .about a, #menuSecondary .about    
  {display:block; background:transparent url(/Design/Images/Nav/about.png) no-repeat;  background-position: 0 0px; height:35px; width:198px; text-indent:-9009px;}
   #menuSecondary .aboutActive a, #menuSecondary .aboutActive    
  {display:block; background:transparent url(/Design/Images/Nav/about_grey.png) no-repeat;  background-position: 0 0px; height:35px; width:198px; text-indent:-9009px;}
  #menuSecondary .about a:hover   
  {display:block; background:transparent url(/Design/Images/Nav/about.png) no-repeat; background-position: 0 -35px; height:35px; width:198px; text-indent:-9009px;}
  
/* Tertiary menu (on the left-hand side) */

.menuTertiary
{
     /*width: 200px;*/
}

.menuTertiary ul 
{

    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.menuTertiary ul li 
{
	margin: 0;
    padding: 0;
    list-style-position: outside;
}

.menuTertiary ul li a, .menuTertiary ul li a:link, .menuTertiary ul li a:visited, .menuTertiary ul li a:hover
{
    display: block; padding: 5px 0 0 5px; min-height: 25px;
    background: url('/Design/Images/Nav/background.gif'); text-decoration: none; color: #ffffff; font-weight: bold;
}

.menuTertiary ul li ul li {background: #ffffff;}

.menuTertiary ul li ul li a, 
.menuTertiary ul li ul li a:link, 
.menuTertiary ul li ul li a:visited, 
.menuTertiary ul li ul li a:hover {
	margin: 0 0 0 20px; padding: 5px 0 0 5px; display: block; min-height: 20px; 
	background: #ffffff; text-decoration: none; color: #000000; font-weight: normal;
}

.menuTertiary ul li ul li ul li {background: #ffffff;}

.menuTertiary ul li ul li ul li a, 
.menuTertiary ul li ul li ul li a:link, 
.menuTertiary ul li ul li ul li a:visited, 
.menuTertiary ul li ul li ul li a:hover {
	margin: 0 0 0 40px; padding: 5px 0 0 5px; display: block; min-height: 20px; 
	background: #ffffff; text-decoration: none; color: #000000; font-weight: normal;
}

/* This makes the currently-selected item blue (and overrules any other declaration) */
.menuTertiary a.menuTertiaryCurrentItem {color: #0066CC !important;}


/* FIND A RACE */
#raceSearch	{}
	#raceSearch table		{font-size: 14px; width: 100%;}
	#raceSearch h3			{font-size: 14px; font-weight: bold; margin:0px; margin-top:10px;}
	#raceSearch td			{padding:2px; font-size: 85%;}
	#raceSearch .txtInput	{width:150px;}
	#raceSearch .btnSubmit	{width:110px;}


/* RACE LISTINGS */
.raceListings				{font-size:14px; margin-top:30px;}
	.raceSearch h3			{font-size: 14px; font-weight: bold; margin:0px; margin-top:10px;}
	.raceListings th		{padding: 2px; font-size: 85%;}
	.raceListings td		{padding: 2px; font-size: 85%;}
	.raceListings th a, 
	.raceListings th a:link, 
	.raceListings th a:visited, 
	.raceListings th a:hover {text-decoration:underline; font-size: inherit; font-weight:bold;}


/* RACE RESULTS */
#raceResults			{font-size:14px;}
	#raceResults table	{border:0;}
	#raceResults td		{padding:10px 10px 10px 0; outline:0; border:0}
	#raceResults th		{padding:10px 10px 10px 0; border:0; font-weight: bold;}
	#raceResults th a, 
	#raceResults th a:link, 
	#raceResults th a:visited, 
	#raceResults th a:hover {text-decoration:underline; font-size: inherit;}


/* CALENDAR */

.calendar {

 padding: 0;
 margin: 0;
 font-size:14px;
 border-left: 1px solid #A2ADBC;
 color: #616B76;
 text-align: center;
 background-color: #fff;
}	

.calendar td a:link, td a:visited {
 color: #608194;
}

.calendar td a:hover, td a:active {
 color: #6aa3ae;
}
	
	
/* Race Results Details */

#areaMain .sectionMain #raceResultsDetail {}
	#areaMain .sectionMain #raceResultsDetail h1 {color: #000000; font-size: 20px; border: none; line-height:normal}
	#areaMain .sectionMain #raceResultsDetail h2 {color: #E55E26; font-size: 16px; border: none; line-height:normal}
	
	
/* Calendar Styles */

.calendar {width: 750px;}

.calendar td, .calendar th
{
	margin: 0;
	padding: 0;
}

.calendar table.calendarTitle 
{
	background: #C6DBFF;
	color: #1028BD;
	text-align: center;
	font-weight: bold;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px solid #1028BD;
	margin: 0;
}

.calendar table.calendarTitle tbody
{
	width: 100%;
}


.calendar table.calendarTitle tbody tr td 
{
	text-align: center;
	border: none;
	padding: 5px;
	color: #000000;
}
	
	
th.calendarDayHeader
{
	text-align: center;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 0;
	padding: 2px;

}
	
	
td.calendarDayWeekend
{
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 0;
	padding: 2px;
	height: 50px;
}
	
td.calendarDay 
{	
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 0;
	padding: 2px;
	height: 50px;
}
	
td.calendarDayToday
{
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 0;
	padding: 2px;
	background: #DEDFDE;
	height: 50px;
}
	
td.calendarDaySelected
{
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 0;
	padding: 2px;
	background: #FFFFCE;
	height: 50px;
}
	
td.calendarOtherMonthDay
{
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 0;
	padding: 2px;
	background: #EFEFF7;
	height: 50px;
}
	
.calendarNextPrevStyle
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: none;
}



/* Event Detail Declarations */

.eventTable {border-collapse: collapse; border: none;}
.eventTable td {padding-right: 10px; margin: 0;}
.eventTable tr {margin: 0; padding: 0;}

.eventDetailKey {font-weight: bold;}

/* Race Detail Declarations */

.raceDetailKey
{
	font-weight: bold;
}

/* Styles for the contact form */

.txtInput		{width: 200px;}
.txtInputLarge	{width: 300px;}
.txtInputError	{width: 350px; height: 150px; color: Red;}
.txtareaInput	{width: 350px; height: 150px;}

.tblContact		{border-collapse:separate; width: 100%;}
.tblContact td	{padding: 5px;}

.lblError {color: Red;}

.center		{text-align: center;}
.right		{text-align: right;}

/******************* Validation Declarations *********************/

.validation-advice {margin: 0; padding: 0; font-weight: bold; color: #FF3300;}
.validation-failed {border: 1px solid #FF3300;}

/******************* YaBB Styling *********************/

.yabb table			{border-collapse: separate; border-spacing: 1px;}

.yabbNav			{text-align: center; background: #DEE7EF; padding: 5px;}
.yabbBreadcrumbs	{text-align: center; background: #fff; color: #660099; padding: 5px;}
.yabbLogo table		{border: none; background: #fff;}
.yabbLogo table td	{padding: 1px;}
.yabbMain			{width: 750px;}
.yabbMain td		{padding: 2px;}
.yabbHeader			{text-align: center;}

.yabb a, .yabb a:link, .yabb a:visited	{text-decoration: none;}
.yabb a:hover							{text-decoration: none;}

.copyright    { font-family: Verdana, Helvetica, Arial; font-size: 10px; }

/* YaBB navigation links */
.nav          { font-size: 10px; text-decoration: none; color: #000000; }
.nav:link     { font-size: 10px; text-decoration: none; color: #000000; }
.nav:visited  { font-size: 10px; text-decoration: none; color: #000000; }
.nav:hover    { font-size: 10px; text-decoration: none; color: #6394BD; text-decoration: underline; }

/* YaBB alternating bgcolors */
.windowbg     { background-color: #f8f8f8; font-size: 11px; font-family: Verdana; color: #000000; }
.windowbg2    { background-color: #e0e0e0; font-size: 11px; font-family: Verdana; color: #000000; }
.windowbg3    { background-color: #e0e0e0; font-size: 11px; font-family: Verdana; color: #000000; }

/* Misc./title/category colors */
.hr           { color: #6394BD; }
.titlebg      { background-color: #808080; color: #FFFFFF; }
.text1        { font-style: normal; font-weight: bold; font-size: 12px; color: #FFFFFF; }
.catbg        { background-color: #DEE7EF; color: #000000; font-weight: bold; font-size: 13px; }
.bordercolor  { background-color: #6394BD; }

/* Image fonts */
.imgbg        { font-style: normal; font-size: 10px; color: #005177; }
.imgcatbg     { font-style: normal; font-size: 10px; color: #005177; font-weight: bold; }
.imgtitlebg   { font-style: normal; font-size: 10px; color: #FFFFFF;  font-weight: bold; }
.imgwindowbg  { font-style: normal; font-size: 9px; color: #005177; }
.imgmenu      { font-style: normal; font-size: 11px; color: #D4AD00; font-weight: bold; letter-spacing: 0.1em; }

/* Post quote/code colors */
.quote        { font-size: 10px; font-family: Verdana, Helvetica, Arial; color: #000000; background-color: #DEE7EF; }
.code         { font-size: 10px; font-family: Courier New; color: #000000; background-color: #CCCCCC; }


/******************* Styles for the YABB Registration middleware *********************/

table.yabbRegister {width: 600px;}
	table.yabbRegister tr td {vertical-align: top; padding: 5px;}

.alignRight {text-align: right;}

table.yabbRegister .txtInput {width: 200px;}

/*******************  Volunteer *********************/
.volunteer {}
.volunteer table {margin-bottom:20px;}
.volunteer .moreinfo {font-size:10px; vertical-align:bottom; padding-left:5px;}

/*******************  Display Label (Volunteer, Contact Us, Race Evaluation) *********************/
.label {text-align:right;}

/*******************  Race Evaluation *********************/
#Evaluation {}
#Evaluation table {margin-bottom:30px;}
#Evaluation td {padding-right:5px;}

/*******************  Search results *********************/

ul.searchResults li {margin: 10px 0 0 0;}
h3.searchResults {color: #e55e26; font-size: 14px; font-weight: bold;}
h3.searchResults a, h3.searchResults a:link, h3.searchResults a:visited, h3.searchResults a:hover {color: #e55e26;}