@charset "UTF-8";
/* CSS Document */
<style type="text/css">

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

h1	{
	font:"Arial Black", Gadget, sans-serif;
	Color:#FFFFFF;
	font-size:18px bold;
}
h2	{
	font:Arial, Helvetica, sans-serif bold;
	color:#999999;
	font-size:16px;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
}
h3	{
	font-size:16px;
	color:#FFFF00;
}
th	{
	font-size:20px;
}
td	{
	font-size:18px;
}
/*%%%%%%%%%%Use for press releases and regular type styling%%%%%%%%%%*/

.twoColFixRt #freeType { 
	margin: 10px 0 0 10px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:670px;/* remember that padding is the space inside the div box and margin is the space outside the div box */
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	min-height:350px;
}

h4	{
	font:Arial, Helvetica, sans-serif;
	color:#CC0033;
	font-size:24px;
	margin:0;
}
h5	{
	color:#CCCCCC;
	font-size:18px;
	margin:0;
}
date	{
	color:#CCCCCC;
	font-size:10px;
}
#freeType p	{
	text-align:left;
	font-size:16px;
}

p 	{
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
}
p.larger	{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
}
#bannerSmall p	{
	font:Arial, Helvetica, sans-serif bold large;
	color:#000000;
}
	
#news h2 {
	font: Arial, Helvetica, sans-serif 18px bolder;
	color:#000000;
}

#news p {
	color:#333333;
	font:Arial, Helvetica, sans-serif bolder;
	font-size:16px;
}
#footersponsors ul li	{
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif; 
	font-size:20px;
}
h6	{
	color:#CC0033;
	font-size:16px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%End Text Styling for all Pages%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#news a	{
	color:#0000FF;
	text-decoration:underline;
	font:Arial, Helvetica, sans-serif;
	font-weight:bolder;
}

a:link {
	color:#FFFF00; text-decoration: none;
}


a:active { 
	color:#FFFF00; text-decoration: none;
}

a:visited {
	color: #FFFF00; text-decoration: none; 
}

a:hover {
	color:#00FFFF; text-decoration: none; 
}

#containerTop	{
	width:1000px;
	height: 115px;
	margin: 0 auto;
	background:url(../../images/page_elements/head_border.png) no-repeat;
	background-position:top;
}
.twoColFixRt #container { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#000;
	margin:100px auto auto auto; /* the auto margins (in conjunction with a width) center the page */
	padding:9px 0 0 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../../images/page_elements/top_border.png);
	background-position:top center;
	background-repeat:no-repeat;
}
	
.twoColFixRt #sidebar1 {
	float: right;/* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
	margin: 10px 10px 0 0;
	text-align: center;
	background-position:center top;
}
.twoColFixRt #mainContent { 
	margin: 10px 0 0 10px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:670px;/* remember that padding is the space inside the div box and margin is the space outside the div box */
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	min-height:350px;
}
.twoColFixRt #article p { 
	margin: 10px 0 0 10px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:670px;/* remember that padding is the space inside the div box and margin is the space outside the div box */
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	min-height:350px;
}
#bannerSmall	{
	width:670px;
	height:100px;
	margin:10px 0 0 10px;
	background:#999999;
}

.twoColFixRt #leftHead	{
	Width: 700px;
	margin: 7px 0 0 10px;
	float:left;
	height:100px;
	background:url(http://www.dadecitymx.com/IMAGES/PNG_Images/dcmx_head.png) no-repeat top center;
	font:Arial, Helvetica, sans-serif;
	color: #000;
}
.twoColFixRt #headerRight	{
	width: 250px;
	height: 75px;
	margin: 15px 10px 0 0;
	float: right;
	background:#000;
}	
#newsHead	{
	width:300px;
	height:26px;
	margin:5px 10px 0 0;
	background-image:url(../../images/page_elements/news_bg.png);
}

.twoColFixRt #news {
	width:280px;
	height:385px;
	margin:0 0 10px 0;
	font:Arial, Helvetica, sans-serif;
	color:#000;
	overflow:auto;
	padding:0 9px 0 9px;
	background: url(../../images/page_elements/news_outer.png) center top no-repeat;
	text-align:left;
}
#currentEvents	{ /*the background for the div below the mainContent box*/
	width: 468px;
	height: 250px;
	background:url(../../images/page_elements/newBG.png);
	margin:10px 0 0 10px;
	padding:25px 5px 0 5px;
	position:relative;
}
.currentBlock	{
	width:145px;
	height:230px;
	margin:5px;
	float:left;
	background:#000;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%Begin threeBox -  Div Below Current Events%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#threeBox	{ /*the background for the div below the mainContent box*/
	width: 468px;
	height: 100px;
	margin:10px 0 0 10px;
	padding:5px 5px 5px 5px;
	background:url(../../images/page_elements/newBG.png);
}
.threeLeft	{
	width:145px;
	height:90px;
	margin:5px;
	background:#000;
	float:left;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%end threeBox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#bottomThree	{
	width:468px;
	height:100px;
	padding:5px 5px 5px 5px;
	margin:10px 0 0 10px;
	background:url(../../images/page_elements/newBG.png);
	position:relative;
}

.threeBottom	{
	width:145px;
	height:90px;
	margin:5px;
	float:left;
	background:#000;
}

.horAd	{
	width:478px;
	height:75px;
	margin:10px 0 0 10px;
	background:#FF00FF;
	

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.img_side {
	width: 300px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#middleOne	{
	width:180px;
	height:150px;
	position:relative;
	float:right;
	margin: 10px 10px 0 0;
	background:url(../../images/png_jpeg/weather.png) no-repeat center;
}
#weather	{
	width:150px;
	height:50px;
	margin:54px 0 0 15px;
}

#middleTwo	{
	width: 180px;
	height: 280px;
	float: right;
	margin: 170px -180px 10px 0;
	background:#0066FF;
}

#middleThree	{
	width: 180px;
	height: 150px;
	float: right;
	margin:460px -180px 0 0;
	background:#00FF33;
}
	
/*=============================Begin Main Navigation bar across the top==================================*/

.menu {
		border-bottom: 1px solid #666;
		margin-top:10px;
		padding:0;
		font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		}
		
.menu ul{
		background:#333333;
		height:20px;
		list-style:none;
		margin:0;
		padding:0;
		}
		
.menu li{
		color:#CCCCCC;
		font-weight:normal;	
		float:left;
		}
		
.menu li a	{
		color:#CCCCCC;
		display:block;
		font-weight:normal;
		line-height:20px;
		margin:0;
		padding:0 19px;
		text-align:center;
		text-decoration:none;
		}
.menu li a:hover, .menu ul li:hover a{
		background:#000000;
		color:#FFFFFF;
		text-decoration:none;
		}
		
#current	{
		background:#000000;
		}
	
.menu li ul	{
		background:#000000;
		display:none;
		height:auto;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:500;
		/*top:1em;
		/*left:0;*/
		}
		
.menu li:hover ul{
		display:block;
		}
		
.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0;
		width:225px;
		}
		
.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 10px 0px 15px;
		text-align:left;
		}
		
.menu li ul a:hover, .menu li ul li:hover a{
		border:0px;
		color:#FFCC33;
		text-decoration:none;
		}
		
.menu p		{
		clear:left;
		}
/*==============================================End Main Navigation Bar===========================================*/



/*================================================Begin Racers Menu=================================================*/
/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:290px;
		height:210px;
		padding:30px 5px 5px 5px;
		margin:10px 0 10px 0; 
		background-color:#000000;
		background-image:url(http://www.dadecitymx.com/dadecitymx2/images/page_elements/racers_menu.png);
		background-repeat:no-repeat;
		background-position:left top;
		border-width:1px;
		border-style:solid;
		border-color:#000000;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 20px 3px 3px;
		background-color:transparent;
		color:#FFF;
		font-family:Arial;
		font-size:16px;
		text-decoration:none;
		border-width:0px 0px 1px 0px;
		border-style:solid;
		border-color:#AAAAAA;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#AAAAAA;
		border-color:#FFCC33;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#FFFFFF;
		border-color:#FFCC33;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		background-color:#000000;

	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 20px 3px 5px;
		color:#CCCCCC;
		font-size:16px;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		color:#FFCC33;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#FFCC33;
		text-decoration:underline;
	}
	/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%End Racer's Menu%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
	
	#bottomSide	{
		width:300px;
		height:175px;
		margin:0;
		background:#FFFF66;
	}
	
	/*=================================Begin sponsors banner=======================================*/
	
	#footersponsors ul {
	list-style-type:none;
	border:"0";
	}
	
	.twoColFixRt #footersponsors {
	padding-top:5px;
	position:relative;
	width:980px;
	margin:10px 0 0 10px;
	clear:right;
	}
	
	#footersponsors #buttons {
	border:"0"
	margin-bottom:5px;
	width:895px;
	text-decoration:none;
	}
	
	#footersponsors #buttons a {
	color:#6699CC;
	margin:10px;
	text-decoration:none;
	}
	
	#footersponsors .prev {
	float:left;
	text-decoration:none;
	}
	
	#footersponsors .next {
	float:right;
	text-decoration:none;
	}
	
	#footersponsors .prev img {
	border:"0";
	padding-top:50px;
	text-decoration:none
	
	}
	#footersponsors .next img {
	border:0 none;
	padding-top:50px;
	text-decoration:none;
	}
	
	#footersponsorsitems {
	float:left;
	margin-left:20px;
	overflow:hidden;
	width:885px;
	text-decoration:none
	}
	
	#footersponsorsitems ul {
	padding-left:2px;
	width:3900px;
	text-decoration:none;
	}
	
	#footersponsorsitems li {
	float:left;
	height:90px;
	line-height:90px;
	margin:0 2px;
	width:180px;
	text-decoration:none;
	}
</style>