/*

	FRAMEWORK
	-------------------------------------------------------------------------
	Author: Matt Dalberto;
	3-00-2010
	
	
	
	COLORS:
	
	Orange:				#EB863A
	Dark Brown:			#7C5227  #7D4D20   #784E22
	Dark Gray:			#4C4C4C
	Light Grey:			#d4d4d4
	Tan (light orange)	#fcf1cc
	slightly off white	#FFF6D1
	
	

*/

body
{
	background-color: #d4d4d4;
	color: #4C4C4C;
	font-family: "Arial Narrow", "Helvetica Narrow", "Helvetica Neue", "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	margin:0px;
}

h1
{
	margin:0px;
	padding:20px 10px 20px 0px;
	width:100%;
	font-size:33px;
	font-family: Arial, Helvetica, Arial, san-serif;
	font-weight:normal;
	line-height:20px;
	color:#7d9f48;
}

h2
{
	margin:0px;
	padding:0px 10px 14px 0px;
	width:100%;
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	color:#7d9f48;
}

h4
{
	margin:0px;
	padding:0px 10px 14px 0px;
	width:100%;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#7D4D20;
}

p
{
	font-size:15px;
	font-family: Arial Narrow, Helvetica Narrow, Arial, san-serif;
	font-weight:normal;
	line-height:20px;
	padding-bottom:18px;
	margin:0px;
	text-align: justify;	
}

a
{
	color:#7d9f48;
	text-decoration:none;
}

a:hover
{
	color:#7C5227;
	
}

hr
{
	height:1px;
	color:#FCF4D5;
}


.HrRule
{
	border-top:1px solid #CCCCCC;	
}

	.OuterContainer
	{
		position: relative;
		display: block;
		width: 888px;
		margin:0 auto;
		background-color: #FFF;
	}
	
		.Header
		{
			position: relative;
			width: 888px;
			height:83px;
			background-color:#7d9f48;
		}
			.Hotspot-1
			{
				position: absolute;
				top:11px;
				left:31px;
				width:415px;
			}
			
			.Hotspot-2
			{
				position: absolute;
				width:166px;
				left: 692px;
				top: 16px;
			}

		.InnerContainer
		{
			position: relative;
			width: 850px;
			float:left;
			background-color:#fcf1cc;
			border-left:6px white solid;
			border-right:6px white solid;
			padding-left:26px;
			padding-bottom:26px;
			background-image:url(../images/bgd-repeater.gif);
			background-repeat:repeat-y;
			background-position:right;
			
		}

			.ContentColumn
			{
				position: relative;
				float: left;
				width: 550px;
				padding: 0px;
			}
			
				.WhiteRoundPanel
				{
					padding: 25px 25px 0px 25px;
					background-color:#FFF;
					width:500px;
					position:relative;
					min-height:300px;
				}
				
				*html .WhiteRoundPanel
				{
					height:300px;
				}

				.WhiteRoundPanel a
				{
					color:#7d9f48;
				}

			.SponsorColumn
			{
				position: relative;
				float: right;
				width: 257px;
				padding-right: 25px;
				text-align: right;
			}

/*

    Last Year's Winner

*/

.winnerPhoto
{
    float: left;
    width: 126px;
}

.winnerText
{
    float: right;
    width: 370px;
    text-align: justify;
}

.winnerSnaps
{
    text-align: center;
}

/*


	HOME First Three Box
	-------------------------------------------------------------------------

*/

a.FirstThreeCallout
{
	display:block;
	position:relative;
	margin:0 auto;
	padding:10px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	line-height:15px;
	width:250px;
	font-size:12px;
	color: White !important;
	background-color:#7d9f48;
	margin-bottom:20px;
}
	
	a.FirstThreeCallout:hover
	{
		text-decoration:none;
		color:#e4ecd5 !important;
	}

a.FirstThreeCallout .Arrow
{
	position:absolute;
	width:19px;
	height:11px;
	bottom:-11px;
	left:114px;
}

.FirstThreeBox
{
	background-color:#fcf1cc !important;
	border:0px solid #7d9f48;
	padding:15px 15px 0px 15px;
	margin-bottom:18px !important;
	text-align: center;
}

.ThreeItem
{
	width:140px;
	float:left;
	text-align:center;
	padding-bottom:10px;
	color:#7d9f48;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.MarginRight
{
	margin-right:15px;	
}

.ThreeItem a
{
	font-weight:bold;
	color:#7d9f48;
	font-size:14px;
	line-height:15px;
	display:block;
}

	.ThreeItem a:hover
	{
		color:#7d9f48;
		text-decoration:underline;
	}

.ImageContainer
{
	border:1px solid #CCCCCC;
	padding:6px;
	background-color:#ffffff;
}

.StarBox
{
	width:105px;
	padding:8px 0px 5px 0px;
	height:20px;
	text-align:left;
	margin:0 auto;
	display:block;
}

a.GoForward
{
	display:block;
	width:150px;
	color:#7d9f48 !important;
	float:right;
	text-align:right;
	padding:8px 18px 8px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/arrow-right.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

	a.GoForward:hover
	{
		color:#7d9f48 !important;
		background-image:url(../images/arrow-right-over.gif);
	}




	/*

		CONTENT PANEL
		-------------------------------------------------------------------------

	*/

		.ContentOuterPanel
		{
			padding-top: 12px;
			background-image: url(../images/home-panel-top.png);
			background-repeat: no-repeat;
		}

		.ContentInnerPanel
		{
			background-image: url(../images/content-panel-tile.png);
			background-repeat: repeat-y;
			padding: 10px 40px 0px 30px;

			color: Black;
			font-size: 16px;
			line-height: 25px;
		}

			.ContentInnerPanel h1
			{
				padding: 5px 0px 0px 0px;
				
				font-size: 22px;
				font-weight: bold;
				line-height: 25px;
				color: #c91503;
			}

			.ContentInnerPanel h2
			{
				padding: 5px 0px 0px 0px;

				font-size: 18px;
				font-weight: bold;
				line-height: 20px;
				color: #c91503;
			}

			.ContentInnerPanel p
			{
				padding: 0px 0px 15px 0px;
			}

			.ContentInnerPanel a
			{
				color: #c91503;
			}

			.ContentInnerPanel ol.Letters li
			{
				list-style-type: lower-alpha;
			}

		.ContentBottomPanel
		{
			padding-bottom: 11px;
			background-image: url(../images/content-panel-bottom.png);
			background-repeat: no-repeat;
			background-position: left bottom;
		}

/*

	PartnerText PANEL
	-------------------------------------------------------------------------

*/
.PartnerText
{
	margin-top:20px;
	padding:0px;
}

.PartnerText .ThreeItem
{
	width:156px !important;
}

.PartnerText .ThreeItem p
{
	font-size:13px;
	text-align: left;	
	line-height:16px;
	color:#4C4C4C;
}

.PartnerText .Right
{
	margin-right:15px;	
}

.Orange
{
	color:#7d9f48;
	font-weight:bold;
	
}




/*}

	RightColumn PANEL
	-------------------------------------------------------------------------

*/

	.RightColumn
	{
		width:232px;
		float:right;
		margin:20px 20px 0px 0px;
		display:inline;
		background-color: #ffffff;
		text-align:center;
		padding-bottom:15px;
	}
		
	.RightColumn h2
	{
		font-family: Arial Narrow, Helvetica Narrow, Arial, san-serif;
		font-weight:normal;
		font-size: 28px;
		line-height: 20px;
		padding-bottom: 10px;
		margin-bottom: 15px;
		color:#7d9f48;
		margin:0px;
		padding:0px;
	}

	.RightColumn .Box
	{
		width:206px;
		margin: 15px auto 0px auto;
	}
	
	.RightColumn .Box2
	{
		width:176px;
		margin: 0px auto 0px auto;
		background-color:#7d9f48;
		text-align:left;
		padding:15px 15px 0px 15px;
		color:#FFF;
	}
	
	.RightColumn .Box2 a
	{
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 5px;
		font-weight:bold;
		display:block;
		color:#FFFFFF;
		margin:0px;
		text-transform:uppercase;
	}
	
	.RightColumn .Box2 a:hover
	{
		color:#e4ecd5;
		text-decoration:none;
	}
	
	.RightColumn p
	{
		text-align:left;
		font-size:15px;
		line-height:18px;
		color:#e4ecd5;
	}
	
	.Border
	{
		border:solid 0px #7d9f48;
	}


/*

	Prizes
	-------------------------------------------------------------------------

*/


.OrangePull
{
	padding:14px 0px 14px 0px;
	font-size:19px;
	line-height:20px;
	text-align:left;
	width:288px;
	float:left;
	color:#7d9f48;
	font-weight:normal;
}

.PrizesPic
{
	width:288px;
	padding:10px !important;
	float:left;
	margin-bottom:25px;
	border:1px solid #cccccc !important;
}





/*---side  ---*/
.PrizeRightTop
{
	background-color:#7d9f48 !important;
	padding:8px;
	width:190px !important;
	position:relative;
}

	.PrizeRightTop a
	{
		text-transform:uppercase;
		color:#FFFFFF;
		font-weight:bold;
		line-height:16px;
	}
	
		.PrizeRightTop a:hover
		{
			color:#e4ecd5;
			text-decoration:none;
		}
		
	.PrizeRightTop .Arrow
	{
		position:absolute;
		width:19px;
		height:11px;
		bottom:-11px;
		left:94px;
	}
	
.RightColumn .FirstThreeBox
{
	width:174px;
	margin:0 auto;
	text-align:center;
	margin-bottom:0px !important;
}
	
	*html .RightColumn .FirstThreeBox
	{
		padding-left:10px;
		padding-right:10px;
	}

.RightColumn .ThreeItem
{
	width:146px;
	margin-left:15px !important;
}

	*html .RightColumn .ThreeItem
	{
		width:136px;
		margin-left:10px !important;
	}



	.RightColumn a.GoForward
	{
		margin-right:8px;
	}

.PrizesColRight
{
	width:170px;
	float:right;
	margin-bottom:10px;
	margin-top:15px;
}

	.PrizesColRight p
	{
		text-align:left;
	}
	
	.Install
	{
		font-size:13px;
		color:#333333;
		line-height:16px;
	}
	
.paddingBottom																				/*    padd bottom  */
{
	padding-bottom:10px !important;	
}

.paddingTopBottom
{
	margin-top:10px !important;	
	margin-bottom:20px !important;	
}

.marginBottom
{
	margin-bottom:15px !important;	
}


/*

	Enter - Rate
	-------------------------------------------------------------------------

*/
.Escape
{
	margin:20px 0px 20px 0px;
}

.Escape .ImageContainer
{
	border:1px solid #cccccc;
	background-color:#ffffff;
	width:82px;
	float:left;
}

.EscapeInner
{
	float:left;
	width:380px;
	min-height:83px;
	padding:0px 0px 0px 20px;
	text-align:left;
}

*html .EscapeInner
{
	height:83px;	
}

.Escape .StarBox
{
	width:118px;
	padding:8px 0px 5px 0px;
	float:left;
	height:20px;
	text-align:left;
	margin:0 auto;
	display:block;
}


a.EscapeTitle
{
	width:100%;
	margin:0px;
	padding:0px 0px 14px 0px;
	width:100%;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	color:#7d9f48;
}

a.EscapeTitle:hover
{
	color:#7d9f48;

}

p.Created
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px;
	color:#7d9f48;
	
}


.Escape a.GoForward
{
	float:right;
	width:150px;
	color:#7d9f48;
	text-align:right;
	padding:0px 18px 0px 0px;
	margin-top:22px;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/arrow-right.gif);
	background-position:right center;
	background-repeat:no-repeat;

}

	a.GoForward:hover
	{
		color:#7C5227;
		background-image:url(../images/arrow-right-over.gif);
	}
	
.Sort
{
	border:6px solid #fcf1cc;	
	margin-bottom:20px;
	width:200px;
	background-color:#fcf1cc;
}

.Sort a
{
	font-family:Arial, Helvetica, sans-serif;
	color:#7d9f48;
	display:inline;
	padding:2px 12px 2px 12px;
	font-size:12px;
	font-weight:bold;
	background-color:#fcf1cc;	
}
	
	* .Sort a
	{
		margin-right:-3px;
	}
	
	*html .Sort a
	{
		margin-right:-3px;
	}

.Sort a:hover
{
	background-color:#7d9f48;
		color:#FFFFFF !important;
		text-decoration:none;
}

.Sort a.Active
{
	background-color:#7d9f48;
	color:#FFFFFF !important;
}






/*

	Detail
	-------------------------------------------------------------------------

*/


.Detail h2
{
	padding:15px 0px 5px 0px;
	margin:0px;
}

.Detail .StarBox
{
	margin:0px;
	padding-bottom:20px;
}


.Detail .ClickandRate
{
	position:relative;
	float: right;
	top: -60px;
	width:223px;
	padding:8px;
	border:solid 1px gray;
	text-align:center;

/*
	position:absolute;
	z-index:20;
	top:106px;
	left:284px;
	width:223px;
	padding:8px;
	border:solid 1px gray;
	text-align:center;
*/
}

.ClickandRate p
{
	display:inline;
	float:left;
	width:100px;
	text-transform:uppercase;
	color:#7C5227;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	padding:0px;
}

.ClickandRate a
{
	font-weight:bold;
	color:#900000;	
	font-size:13px;
}

.Detail .Alert
{
	position:absolute;
	width:38px;
	height:36px;
	z-index:30;
	top:1px;
	left:-49px;
	cursor:pointer;
}

.Detail .MarginRight
{
	margin-right:5px;
}

.Detail .FirstThreeCallout
{
	display:block;
	position:relative;
	margin:0 auto;
	padding:10px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	line-height:15px;
	width:225px;
	font-size:12px;
	color:#ffffff;
	background-color:#7d9f48;
	margin-bottom:20px;
}

.Detail .FirstThreeBox p
{
	padding-top:15px;
	
}

.Detail a.GoBackward
{
	display:block;
	width:150px;
	color:#7d9f48;
	float:left;
	text-align:left;
	margin:-8px 0px 15px 0px;
	padding:0px 18px 0px 18px;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/arrow-left.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

.Detail a.Bottom
{
	margin:15px 0px 25px 0px;
	padding:0px 18px 0px 18px;
}
	a.GoBackward:hover
	{
		color:#7C5227;
		background-image:url(../images/arrow-left-over.gif);
	}





/*

	FOOTER
	-------------------------------------------------------------------------

*/

	.Footer
	{
		display: block;
		width:838px;
		text-align:center;
		position: relative;
		float:left;
		font-size: 12px;
		line-height: 16px;
		padding: 0px 25px 15px 25px;
		background-color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.Footer p
	{
		padding:0px;
	}

		.Footer ul.LeftNav
		{
			display: block;
			width: 780px;
			text-align:center;
			padding: 0px;
			margin: 20px auto 8px auto;
		}

			.Footer li
			{
				display: inline;
				list-style-type: none;
				font-weight: normal;
			}

				.Footer a
				{
					display: inline-block;
					padding: 0px;
					line-height: 16px;
					text-decoration: none;
					color:#4C4C4C !important;
				}

					.Footer a:hover
					{
						color: #7d9f48 !important;
						text-decoration: underline !important;
					}

				.Footer a.Current, .Footer a.Current:hover
				{
					color: White;
					text-decoration: none;
					cursor: default;
				}

		.Footer p
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:center;
			padding:0px;
			margin:0px;
			line-height:15px;
			
			
			
		}






/*

	TOP NAVIGATION
	-------------------------------------------------------------------------

*/

	.TopNav
	{
		display: block;
		height: 30px;
		width: 876px;
		position: relative;
		border:#ffffff solid 6px;
		background-image:url(../images/nav-bgd-repeater.gif);
		background-repeat:repeat-x;
		overflow:hidden;
	}

		.TopNav ul.LeftNav
		{
			float: left;
			display: block;
			width: 776px;
			list-style: none;
			margin:0px;
			padding:0px 0px 0px 27px;
		

		}

			.TopNav li
			{
				display:inline;
				margin:0px -5px 0px 0px;

			}

				.TopNav a, .TopNav a:visited
				{
					color: White;
				}

				.TopNav a
				{
					font-weight:bold;
					font-size:13px;
					line-height:20px;
					height:24px;
					padding:6px 15px 4px 15px;
					text-decoration:none;
					display: inline-block;
					text-decoration: none;
					text-transform: uppercase;
				}

					.TopNav a:hover
					{
						color: #7d9f48;
						text-decoration: none;
						background-image:url(../images/nav-over-bgd-repeater.gif);
						background-repeat:repeat-x;
					}

				.TopNav a.Current, .TopNav a.Current:hover
				{
					color: #7d9f48 !important;
					text-decoration: none;
					background-color:#e4ecd5 !important;
					cursor: default;
					background-image:url(../images/nav-over-bgd-repeater.gif);
					background-repeat:repeat-x;
				}
				
				*html .TopNav a
				{
					height:1px;  /*  make the entiter area clickable even though it is set to display block    */
				}

/*

	CSS FONT FACES FOR INTERNET EXPLORER
	-------------------------------------------------------------------------



	@font-face {
		font-family: Calibri;
		font-style:  normal;
		font-weight: normal;
		src: url(http://www.mvcmelee.com/fonts/CALIBRI3.eot);
	}

	@font-face {
		font-family: Calibri;
		font-style:  normal;
		font-weight: bold;
		src: url(http://www.mvcmelee.com/fonts/CALIBRI2.eot);
	}

	@font-face {
		font-family: Calibri;
		font-style:  italic;
		font-weight: normal;
		src: url(http://www.mvcmelee.com/fonts/CALIBRI1.eot);
	}

	@font-face {
		font-family: Calibri;
		font-style:  italic;
		font-weight: bold;
		src: url(http://www.mvcmelee.com/fonts/CALIBRI0.eot);
	}

	@font-face {
		font-family: Consolas;
		font-style:  normal;
		font-weight: normal;
		src: url(http://www.mvcmelee.com/fonts/CONSOLA1.eot);
	}

	@font-face {
		font-family: Consolas;
		font-style:  normal;
		font-weight: bold;
		src: url(http://www.mvcmelee.com/fonts/CONSOLA0.eot);
	}




	CSS FONT FACES FOR STANDARDS-COMPLIANT BROWSERS
	-------------------------------------------------------------------------



	@font-face {
		font-family: "Calibri";
		src: url(http://www.mvcmelee.com/fonts/calibri.ttf) format("truetype");
	}

	@font-face {
		font-family: "Calibri";
		font-weight: bold;
		src: url(http://www.mvcmelee.com/fonts/calibrib.ttf) format("truetype");
	}

	@font-face {
		font-family: "Calibri";
		font-weight: bold;
		font-style: italic;
		src: url(http://www.mvcmelee.com/fonts/calibriz.ttf) format("truetype");
	}

	@font-face {
		font-family: "Calibri";
		font-style: italic;
		src: url(http://www.mvcmelee.com/fonts/calibrii.ttf) format("truetype");
	}

	@font-face {
		font-family: "Consolas";
		src: url(http://www.mvcmelee.com/fonts/Consolas.ttf) format("truetype");
	}

	@font-face {
		font-family: "Consolas";
		font-weight: bold;
		src: url(http://www.mvcmelee.com/fonts/ConsolasB.ttf) format("truetype");
	}

*/
@media print
{
}


/*

	CSS FONT FACES FOR INTERNET EXPLORER
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	Apr-29-2009

*/

	@font-face {
		font-family: Arial Narrow;
		font-style:  normal;
		font-weight: normal;
		src: url(http://rateescapes.ephenry.com/fonts/ARIALNA1.eot);
	}

	@font-face {
		font-family: Arial Narrow;
		font-style:  normal;
		font-weight: 700;
		src: url(http://rateescapes.ephenry.com/fonts/ARIALNA0.eot);
	}




/*

	CSS FONT FACES FOR FIREFOX AND SAFARI
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	Apr-29-2009

*/

	@font-face {
		font-family: "Arial Narrow";
		src: url(http://rateescapes.ephenry.com/fonts/ARIALN.TTF) format("truetype");
	}

	@font-face {
		font-family: "Arial Narrow";
		font-weight: bold;
		src: url(http://rateescapes.ephenry.com/fonts/ARIALNB.TTF) format("truetype");
	}