*								{ margin: 0; padding: 0; }
body							{ font-family: "Lucida Grande", Arial, Sans-Serif; background-image: 								                                  url(../images/bg.gif);}

a								{
	text-decoration: none;
	outline: none;
	color: #D6D6D6;
}
a img							{ border: none; }

h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: left; 
								  font-weight: normal; }
								  
h1								{ font-family: Helvetica, Sans-Serif; font-size: 32px; color:#ffffff; margin-right:10px;}								  

#page-wrap						{ background: white; width: 960px; margin: 0 auto;}
#page-wrap2						{ background: #000000; width: 960px; margin: 0 auto;}

.title-header					{ background-image:url(../images/header.jpg); width: 960px; height: 60px; text-align:right;}
.title-header p  				{ color:#ffffff; font-size:12px; margin-right: 10px;}

#home_gap						{ height:39px; background-color:#A50D24;}

.home_welcome					{ height:80px; background-image: url(../images/Dance-San-Diego-welcome.gif); padding:0px 20px 0px 110px;}
.home_welcome p					{ padding:10px 0; line-height:20px; font-size:13px; color:#FFFFFF;}


.home_spotlight					{ width: 610px; float:left; background-color:#000000; background-image:url(../images/spotlight_bg.jpg); background-repeat:no-repeat; padding:80px 0 0 0;}
.home_spotlight ul				{ position: relative; background-image:url(../images/footprint_bg.gif); width:570px; margin: 10px 20px 0px 20px; }
.home_spotlight li				{ list-style-type:none; height: 100px;}
.home_spotlight li img			{ position: absolute; top: 5px; left: 5px;}
.home_spotlight p				{ padding:10px 20px 0px 100px; font-size:13px; line-height:20px;}
.home_spotlight a 				{ color:#A50D24; font-weight:bold; text-decoration:underline }
.home_spotlight a:hover			{ color:#ffffff; background-color:#A50D24; text-decoration:none;}


.spotlights						{font-size:16px; font-weight:bold; color:#A50D24}

.home_upcoming					{ width: 350px; float:right; background-color:#000000; background-image:url(../images/events_bg.jpg); background-repeat:no-repeat; padding:80px 0 0 0;}
.home_upcoming ul				{ position: relative; background-color:#CCCCCC; width:330px; margin: 10px 10px 0px 10px; }
.home_upcoming li				{ list-style-type:none;}
.home_upcoming p				{ padding:10px 15px 0px 15px; color:#000000; font-size:13px; line-height:20px;}
.home_upcoming a 				{ color:#A50D24; font-weight:bold; text-decoration:underline; }
.home_upcoming a:hover			{ color:#ffffff; background-color:#A50D24; text-decoration:none;}

.home_thismonth					{ width: 350px; float:right; background-color:#000000; background-image:url(../images/this_month_bg.jpg); background-repeat:no-repeat; padding:80px 0 0 0;}
.home_thismonth ul				{ position: relative; background-color:#CCCCCC; width:330px; margin: 10px 10px 0px 10px; }
.home_thismonth li				{ list-style-type:none;}
.home_thismonth p				{ padding:10px 15px 10px 15px; color:#000000; font-size:13px; line-height:20px;}
.home_thismonth a 				{ color:#A50D24; font-weight:bold; text-decoration:underline; }
.home_thismonth a:hover			{ color:#ffffff; background-color:#A50D24; text-decoration:none;}

#calendar_view a  				{ display: block; background:  url(../images/view_calendar_btn.gif) top; width: 350px; height: 25px;}
#calendar_view a:hover 			{ background:  url(../images/view_calendar_btn.gif) no-repeat bottom;}

#slider							{
	background: white url(../images/slider-bg.jpg);
	height: 227px;
	overflow: hidden;
	position: relative;
	margin: 0px 0;
	background-image: url(../images/slider-bg.jpg);
}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  
/* Sub-Pages*/					  

.sub_container					{ font-family:Verdana, Arial, Helvetica, sans-serif;width: 610px; float:left; background-color:#000000; padding: 17px 0px 0px 0px;} 

.sub_content					{ font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#333333; padding: 10px 15px 50px 15px;}
.sub_content h1					{
	font-size:20px;
	color:#A50D24;
}
.sub_content h2					{
	font-size:16px;
	color:#FFF;
}	
.sub_content p					{
	line-height: 20px;
	font-size:13px;
	color:#CCCCCC;
	font-family: Verdana, Geneva, sans-serif;
}
.sub_content ul                 { line-height: 20px; font-size:13px; color:#CCCCCC; padding-left:15px;}
.sub_content ul a				{ color:#CCCCCC; font-weight:bold}
.sub_content ul a:hover 		{ background-color: #A50D24;}
.sub_content ol                 { line-height: 20px; font-size:13px; color:#CCCCCC; margin-left:30px;}
.sub_content ol a				{ color:#CCCCCC; font-weight:bold}
.sub_content ol a:hover 		{ background-color: #A50D24;}
#sub_highlight 					{ font-size:16px; color: #ffffff; font-weight:bold;}

/*Tables*/

.table1
{
background:#ffffff;
padding-left: 0px;   
margin:0px;  

}
.table1 ul
{
float:left;
padding:0px;   
margin:0px; 
border:1px solid #C9C9C9;
color:#000000; 
}
.table1 ul li
{
list-style:none;
padding:5px 10px;
}
.table1 ul li.title
{
font-weight:bold;
background:#333;
color:#fff;
}
.table1 ul li.even
{
background: #CCCCCC
}
.table1 ul li.odd
{
background: #666666}

/* END Tables*/