
/* High-level Declarations */

body {font-family: Arial Unicode MS, Arial, Lucida Sans, Tahoma, verdana, Sans-serif;background:url(http://www.rockymtnrunning.com/library/images/mainBG.jpg) fixed center top no-repeat #280000; width:100%;}

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;}

#mainBodyForm {width: 979px; margin: 30px 0px 0px 0px; }
	#mainBodyForm  .shad0 {}
	#mainBodyForm  .shad1 {}
	#mainBodyForm  .shad2 {}
	#mainBodyForm  .shad3 {border-left: 5px solid #2D252D; border-right: 5px solid #2D252D; border-bottom: 5px solid #2D252D; border-top:5px solid #2D252D;}
  
#container {background-color: #fff; border-top: 0px;}
.fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }

.fineprint 
{
	font-size: 10px;
}

.fineprintLeft 
{
	font-size: 10px; color:#575a5d;
}

.media 
{
	font-size: 12px;
}

.copy
 { font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
	line-height: 1.6em;
	}

/* Top Header Declarations */

#menuPrimary {height:117px; width:979px;}
	#menuPrimary .sectionLogo 	{float:left; background: #fff width:280px; height:117px;}	
	#menuPrimary .menuTop		{float:right; background: #fff; position: relative; width:338px; top: 94px; margin: -10px 10px 0 0; font-size:12px; z-index:100; text-align:right;}

	

/* Top Menu Declarations */

	#menuPrimary .menuTop ul {
		display: inline;
		margin: 0;
		padding: 0;
		white-space:nowrap;
	}

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

	#menuPrimary .menuTop ul li a {
		padding-right: 4px;
		padding-left: 4px;
		white-space:nowrap;
	}

	#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: 85%;
		white-space:nowrap;
	}

	#menuPrimary .menuTop a:hover {
		text-decoration: underline;
	}
	
	
	
	ul#slideMenu, ul#slideMenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#slideMenu a {
  display: block;
  text-decoration: none;	
}

ul#slideMenu li {
  margin-top: 1px;
}

ul#slideMenu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#slideMenu li a:hover {
  background: #000;
}

ul#slideMenu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#slideMenu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

/* Main Area Declarations */
  
#areaMain {width: 973px;}
	
	#areaMain .sectionLeft  {width:200px; height:300px; background: #cacaca; margin: 0px 0px 0px -1px;}
	#areaMain .sectionLeft ul {display: block; margin: 0; padding: 0;}
	#areaMain .sectionLeft ul li {margin: 5px 0 0 10px; padding: 0; list-style: none; text-decoration:none; color:#c21208;}
	#areaMain .sectionLeft ul li a {text-decoration:none;color:#575a5d;}
	#areaMain .sectionLeft a:hover {text-decoration: none; color:#c21208;}

	#areaMain .sectionMain	{ padding: 8px;}
	#areaMain .sectionMain ul {display: block; margin: 0; padding: 0;}
	#areaMain .sectionMain	ul li{ padding: 10px; list-style: none;}
	#areaMain .sectionMain ul li a {text-decoration:none; list-style: none; color:#333333;}
	#areaMain .sectionMain a:hover {text-decoration: none; color:#000;}
	
	#areaMain .subscription1	{background: #fff; padding: 5px; width:260px; border:solid 1px; color:#999999; float:left; margin:-19px 0 10px 82px;}
	#areaMain .subscription2	{background: #fff; padding: 5px; width:260px; border:solid 1px; color:#999999; float:right; margin:-19px -171px 10px 0;}
		#areaMain .sectionMain h1 { color:#C21208; margin: 0; padding: 0;}

		#areaMain .sectionRight					{width: 200px; height:500px; padding: 10px 10px 0 0; font-size:12px; float:right;}
		#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-color: #c21208; width: 970px; height: 22px; margin:0; padding:0;}
	
	#areaMain #sectionTable td {vertical-align: top; padding: 0 0 0 0;}
	#areaMain #sectionTable {width: 970px;  border-collapse: collapse; background: #fff; border:solid 1px #999999;}
	#areaMain #sectionTableArticle {width: 100%;  border-collapse: collapse; background: #fff; border:solid 1px #999999;}
	#areaMain #sectionTableArticle td {vertical-align: top; padding: -1px;}
	
	#areaMain #sectionTableRecipe {width: 100%;  border-collapse: collapse; background: #fff; border:solid 1px #999999;}
	#areaMain #sectionTableRecipe a  { color:#333333; text-decoration:none;}
	#areaMain #sectionTableRecipe a:hover{ color:#c21208;}
	#areaMain #sectionTableRecipe ul li a  {text-decoration:none;color:#575a5d;}
	#areaMain #sectionTableRecipe ul li a:hover{text-decoration: none; color:#c21208;}
	#areaMain #sectionTableRecipe td {vertical-align: top; padding: -1px;}
	
	#areaMain #sectionTableResults td {vertical-align: top; padding: -1px; margin: 0 5px 0 5px;}
	#areaMain #sectionTableResults {width: 98%;  border-collapse: collapse; background: #fff;  margin: 0 5px 0 5px;}
	

/* Home Page Declarations */
.sectionHomePageImage {width: 450px; padding: 0; margin: 0; border-right: 1px solid #d6d6d6; }
	  .sectionHomePageImage img {margin: 0; padding: 0; float: left; width:101%;}
	  
	  
.sectionMainNews {border-bottom: 1px solid #fff; background-color:#d6d6d6; border-left: 1px solid #fff;}  

	.sectionMainNews .news   		{padding: 5px 0 0 5px;} 
	.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; line-height: 16px; margin: 0 0 -11px 0; padding:10px 0 10px 0;}
	.sectionMainNews .newsitems p	{width: 350px; margin: 0; padding: 0;}
	
	.sectionMainNews ul				{margin: 0; padding: 0;}
	.sectionMainNews ul li 	 		{padding: 0px; margin: 0px 5px 0 0; list-style-type:none; display:block; background-color:#d6d6d6;}
	  
	.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:970px; height: 260px position: relative; margin: 2px 2px 2px 2px;}
	#sectionAds .ad    			{width:300px; height:250px; position:relative; float:left; margin: 0px;  vertical-align:middle; background-color:#00FF00;}
	#sectionAds strong 			{color:#069;}
	#sectionAds div					{ vertical-align: top; padding-top: 5px;}
	
#sectionAdTable        			{width:970px; position: relative; margin: 5px 5px 5px 10px; padding: 0 3px 0 0;}
	#sectionAdTable td			{vertical-align:top; padding: 2px;}
	#sectionAdTable .ad    		{width:300px; height:100px; position:relative; float:left; margin: 0px; vertical-align:middle; background-color:#00FF00;}
	#sectionAdTable .ad2    	{width:225px; height:100px; position:relative; float:left; margin: 0px; vertical-align:middle; background-color:#fff;}
	#sectionAdTable .ad3    	{width:175px; height:100px; position:relative; float:left; margin: 0px; vertical-align:middle; background-color:#00FF00;}
	#sectionAdTable strong 		{color:#fff;}
	#sectionAdTable strong a	{text-decoration:none; color:#069;}
	#sectionAdTable table, #sectionAdTable table td	{margin: 0px; padding: 0px; vertical-align:middle;}
	
      
/* LOGO AREA */
/* #areaMain .sectionSponsors			{background: #fff url(/Design/Images/Bar/Sponsors.gif) no-repeat; width: 980px; 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: #000; width: 970px; 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;}


/*NAV Definitions Begin */

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width: 970px;
	}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px 8px 0 0;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background-color:#c21208;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:220px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:220px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 15px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
		 	background-color:#c21208;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

/*NAV Definitions End */	  
	  
	  

#banner{
	/*border:1px solid #EFEFEF; */
	display:block;
	width:450px;
	height:300px;
	text-decoration:none;
}
/* ************Slider*************** */

.anythingSlider                         { width: 450px; height: 300px; position: absolute; margin: 0 0 0 0; }
.anythingSlider .wrapper                { width: 450px; overflow: hidden; height: 300px; margin: 0 0 0 0; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; margin: 0 -41px 0 -41px; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 300px; width: 452px; margin: 0 0 0 0; }
/*.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }*/
/*.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }
*/
/*.thumbNav                               { position: relative; top: 323px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }
*/
.start-stop                             { z-index: 10; background: green; background-image: url(../../../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: hidden; width: auto;  list-style: none;}
.anythingSlider .wrapper ul ul li       { float: none; height: 300px; width: auto; background: none; list-style: none;}
