* { margin: 0px;   }


#mainContent {
	width: 335px;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	text-align: center;	

}

.tabNav {
	width: 335px;
	height: 42px;
	float: left;
	list-style-type: none;
	padding: 0px;
}

.tabNav li {
	float: left;
}

.tabNav li a {
	float: left;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	height: 23px;
	padding: 10px 20px 0px 20px;
	text-transform: uppercase;
	width: 123px;	
}

.tabNav li.ui-tabs-selected a {
	padding-bottom: 9px;
}




li.tab1 a {
	background: #666666;
	margin-right: 9px;	
}
li.tab1 a:hover {
	margin-right: 9px;	
	background: #666666;
	color: #FFFFFF;
	
	
}

li.tab2 a {
	background: #FF9933;
}
li.tab2 a:hover {
	background: #FF9933;
	color: #FFFFFF;
	
	
}

.panelContent {
	width: 335px;
	float: left;
}


#mainContent .panelSponsor {
	width: 335px;
	float: left;
	text-align: center;
	font-size: 30px;
	padding: 12px 0px 12px 0px;
}


/* PANEL 1 */

#panel1 {
	background: #666666;
	height: 284px;
}
#panel1 .panelContentLeft h3 {
	color: #dd9adc;
}

#panel1 a {
	color: #fff;
	text-decoration: underline;
}
#panel1 a:hover {
	color: #90278e;
	background: #fff;
	text-decoration: none;
}

#panel1 .panelSponsor {
	background: #e5a6e4;
	color: #90278e;
}
#panel1 .panelSponsor a {
	color: #fff;
	text-decoration: none;
}
#panel1 .panelSponsor a:hover {
	color: #90278e;
	background: none;
}






/* PANEL 2 */


#panel2 {
	background: #FF9933;
	height: 284px;	
}
#panel2 .panelContentLeft h3 {
	color: #ace3ef;
}

#panel2 a {
	color: #fff;
	text-decoration: underline;
}
#panel2 a:hover {
	color: #00b0d8;
	background: #fff;
	text-decoration: none;
}

#panel2 .panelSponsor {
	background: #ace3ef;
	color: #00b0d8;
}
#panel2 .panelSponsor a {
	color: #fff;
	text-decoration: none;
}
#panel2 .panelSponsor a:hover {
	color: #00b0d8;
	background: none;
}


.ui-tabs .ui-tabs-hide {
     display: none;
}