/*** colors  

#fff 
#fff515 yellow
730052 title purple
a84c8d bg purple
*/

/*** FOR THE FCK EDITOR ***/
body {
	padding:0px;
	margin:0px;
	background: #A84C8D;
}

/*** FOR THE PUBLIC SIDE ***/
body#publicBody {
	padding: 0px;
	margin: 0px auto;
	background: #fff;
}

/* Generic non-heading text styles */
body, p, td, ul, ol, label, .body, .defaultBody {
	font: 12px/16px arial, Verdana, 'trebuchet ms', sans-serif;
	color: #fff;
}

strong {
	font-style: normal;
	font-weight: bold;
}

p
{
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

/* Generic heading styling */
h1, h2, h3, h4, h5, h6, .pageTitle, .title, .subTitle, .header {
	font-family: arial, Verdana, 'trebuchet ms', sans-serif;
	color: #fff515;
	font-weight: bold;
}

h1.pageTitle {
	font-size: 18px;
	padding-bottom: 20px;
	position: relative;
	top: 0px;
	left: 0px;
}

h2, .title  {
	font-size: 16px;
}

h3, .subTitle {
	font-size: 14px;
}

h4, .header {
	font-size: 12px;
}

/*** LIST STYLING ***/
/***** turn ON all bullets by default....this is the only way to get bullets to appear in the FCK editor... *****/
ul
{
list-style: disc;
padding: 20px;
}

ol
{
list-style: decimal;
padding: 20px;
}

/***** now turn OFF bullets by default on the PUBLIC side... *********/
#publicBody ol, #publicBody ul
{
list-style: none;
padding: 0px;
}

/***** now turn on bullets only in the content area (so any client made lists appear correctly... *********/
#mainContent ul
{
list-style: disc;
padding: 20px;
}

#mainContent ol
{
list-style: decimal;
padding: 20px;
}

#mainContent ol li, #mainContent ul li
{

padding-bottom: 5px;
}




/* Table related styling */
table, thead, th, tr, tbody, td { padding:0; margin:0; border:0; }
th {  }

th, .tableHeader { color: #FFF; font: normal bold 80% Georgia, serif; padding: 4px; }
table.autoTable td { padding:3px; }

.highlight { color: #fff515; }

/* Link Styling (usually overidden for menus) */
a { color: #fff515; text-decoration: none; }
a:link { color: #fff515; }
a:visited { color: #fff515; }
a:active { color: #fff515; }
a:hover { color: #fff515; }

a img {
	border:0;
}
hr { color: black; height: 1px; }

form { padding:0; margin:0; }
label { display:block; }


/* Navigation Styles */

/**** FIRST LEVEL... */
#primaryNav 
{
border: 0px solid #000000;
text-align: left;
}

#primaryNav ul
{
list-style: none;
padding: 0px;
width: 100%;
list-style-position: outside;
}

#primaryNav ul li a
{
border: 0px solid #000;
font: bold 15px/34px arial, helvetica, geneva, sans-serif;
color: #fff;
list-style: none;
width: 205px;
height: 46px;
background-image: url(i/nav_btn.jpg);
background-repeat: no-repeat;		
display: block;
padding-left: 30px;
}

#primaryNav ul li
{
	
}

#primaryNav ul li:hover, #primaryNav ul li a:hover, #primaryNav ul li a.active
{	
	color: #fff515;
}


/**** SECOND LEVEL...*/

#primaryNav ul li .level1{
	
	padding-left: 20px;		
}

#primaryNav ul li .level1 li a{
background-image: none;
font: bold 13px/13px arial, helvetica, geneva, sans-serif;
color: #fff;
height: 25px;	
border: 0px solid #000000;
width: 182px;
}

#primaryNav ul li .level1 li a:hover, #primaryNav ul li .level1 li .active {
	
	color: #fff515;
}


/****THIRD LEVEL... */

#primaryNav ul li .level2{
	
	padding-left: 20px;
}

#primaryNav ul li .level2 li a{	
	font: bold 11px/20px arial, helvetica, geneva, sans-serif;	
	color: #06A73D;
	padding-left: 0px;
}

#primaryNav ul li .level2 li a:hover, #primaryNav ul li .level2 li .active {	
	color: #fff515;
}


/*** SEPARATE SECOND LEVEL NAV ***/
#secondaryNav ul
{
list-style: none;
}

#secondaryNav ul li 
{
 display:inline; 
}

#secondaryNav ul li a{
	font: bold 12px/30px arial, helvetica, geneva, sans-serif;
	color: #fff;
	float: left;
	padding-right: 15px;	
}

#secondaryNav ul li a:hover {
	color: #fff515;
}

/******** SEPERATE THIRD LEVEL NAV ********/
#thirdNav
{
padding-bottom: 20px; 
border: 0px solid #000000;
}

#thirdNav ul
{
list-style: none;
}

#thirdNav ul li a
{
text-align: center;
vertical-align: middle;
font: 12px/20px arial, verdana, helvetica, geneva, sans-serif;
color: #fff;
text-decoration: none;
border: 0px solid #ffffff;

}

#thirdNav ul li.active a, #thirdNav ul li a:hover
{
color: #e0393e;
}




#footerNav {
	width: 1012px;
	/*background:#EEE;*/
	text-align: center;
}

#footer ul li {
 display:inline;
}

#footerNav ul li a{	
	padding: 0px 5px;
	font: 12px arial, helvetica, geneva, sans-serif;
	color: #fff;
	list-style: none;	
}

#footerNav ul li a:hover {
	color: #fff515;
}



/*** MAIN LAYOUT ***/

#container
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
}

	#container_2
	{
	width: 1012px;
	text-align: left;
	margin: 0 auto;
	border: 0px solid #000000;
	}			
		
		#masthead {
		border: 0px solid #000000;
		background-image: url(i/promise_01.jpg);
		background-repeat: no-repeat;	
		position: relative; /* so that everything inside can be absolute*/
		width: 1012px;
		height: 343px;	
		}
		
				#leaderboard {
				position: absolute;
				top: 5px;
				left: 141px;
				border: 1px solid #730052;
				width: 728px;
				height: 90px;
				}				
				
				#logo_link {
				border: 0px solid #000000;
				position: absolute;
				left: 0px;
				top: 110px;
				width: 230px; 
				height: 150px; 		
				overflow: hidden;
				cursor: hand;	
				}
			
				#onAir {
				border: 0px solid #000000;
				position: absolute;
				left: 690px;
				top: 99px;
				width: 198px; 
				height: 100px; 				
				overflow: hidden;	

				/*background-image: url(i/on_air.jpg);
				background-repeat: no-repeat;	*/
				}
				
					.onAirImage {
					width: 198px; 
					height: 100px;
					display: block;
					cursor: hand;
					}
				
				#listen_live
				{		
				position: relative;
				left: 8px;		
				width: 216px;
				height: 67px;	
				overflow: hidden;
				border: 0px solid #000000;
				cursor: hand;	
				background-image: url(i/listen_live.jpg);
				background-repeat: no-repeat;			
				}
				
				/*.listen_live_image
				{
				width: 169px;
				height: 28px;		
				background-image: url(i/listen_live.jpg);
				background-repeat: no-repeat;			
				display: block;		
				}*/
				
				#upNext {
				border: 0px solid #000000;
				position: absolute;
				left: 760px;
				top: 190px;
				width: 187px; 
				height: 97px; 				
				overflow: hidden;
				
				/*background-image: url(i/up_next.jpg);
				background-repeat: no-repeat;	*/
				}
				
					.upNextImage {
					width: 187px; 
					height: 97px; 
					display: block;
					cursor: hand;
					}
				
				#rotatingArtist
				{
				border: 0px solid #000000;
				position: absolute;
				left: 252px;
				top: 155px;
				width: 422px; 
				height: 113px; 				
				overflow: hidden;		
				
				background-image: url(i/artist_banner_sample.jpg);
				background-repeat: no-repeat;					
				}
					
					.rotatingArtistImage {
					width: 422px; 
					height: 113px; 
					display: block;
					cursor: hand;
					background-repeat: no-repeat;
					}
		
		
			#contentContainer {
			border: 0px solid #000000;
			vertical-align: top;
			width: 1012px;
			min-height: 400px;
			background-image: url(i/promise_03_tiling.jpg);
			background-repeat: repeat-y;
			overflow: visible;
			padding-top: 0px;	
			}
			
			#contentContainer2 {
			border: 0px solid #000000;
			vertical-align: top;
			width: 1012px;
			min-height: 400px;
			background-image: url(i/promise_02.jpg);
			background-repeat: no-repeat;
			overflow: visible;
			padding-top: 0px;	
			}
		
		
				#sidebar1 {
				position: relative;
				text-align: left;
				width: 247px;
				float: left;
				border: 0px solid #000000;
				left: 0px;
				}
			
					#sidebar1_padding
					{
					padding-left: 20px;
					padding-right: 0px;
					}
					
						#nav_container
						{
						border: 0px solid #000000;
						width: 235px;
						text-align: left;
						position: relative;
						left: -20px;
						}
						
							#nav_container_padding
							{
							padding-left: 0px;
							padding-right: 0px;
							padding-bottom: 20px;
							}
					
						
						#mini_login_form_container
						{
						background: #730052;
						border: 0px solid #000000;
						width: 190px;						
						padding: 5px;	
						display: block;
						margin: 0 auto;	
						margin-bottom: 10px;		
						}
						
						#polls_container
						{
						background: #730052;
						border: 0px solid #000000;
						width: 190px;						
						padding: 5px;	
						display: block;
						margin: 0 auto;	
						margin-bottom: 10px;			
						}					
						
			
				#mainContent
				{
				position: relative;
				border: 0px solid #000000;
				width: 521px;
				float: left;
				padding: 0px;	
				left: 0px;	
				min-height: 200px;						
				}
				
				
					#mainContent_padding
					{
					padding-left: 15px;
					padding-right: 15px;
					text-align: left;
					}
				
						#image_cycler_container
						{
						text-align: center;
						padding-top: 0px;
						padding-bottom: 10px;
						}
						
						
							#weather
							{
							position: relative;
							left: 15px;
							text-align: center;
							float: left;
							/*width: 195px;
							height: 270px;*/
							width: 180px;
							height: 150px;
							}
								
								#weather table		
								{
								margin: 0 auto;
								}
					
				
		#right_sidebar
		{
		position: relative;
		left: 0px;
		width: 222px;
		float: left;
		text-align: left;
		border: 0px solid #000000;
		}
		
			#right_sidebar_padding
			{
			padding-left: 0px;
			padding-right: 0px;
			}
				
			
			#jockQuote {
			width: 180px;
			height: 20px;
			background: #DDD;
			float: right;
			overflow: hidden;
			}		
				
			#skyscraper {
			border: 1px solid #730052;
			position: relative;
			left: 31px;
			top: 0px;
			width: 160px;
			height: 600px;
			
			}
			
		
		#footer {
		width: 1012px;
		height: 250px;
		clear: both;
		background-color: #6093C8;
		background-image: url(i/promise_04.jpg);
		background-repeat: no-repeat;	
		position: relative;
		text-align: center;
		border: 0px solid #000000;
		}
	
				#footer_nav_container
				{
				position: absolute;
				top: 150px;
				padding-top: 0px;
				border: 0px solid #000000;
				width: 1012px;
				}
				
				
				#footer_text_container
				{
				position: absolute;
				top: 190px;
				color: #ffffff;
				font: 13px arial, helvetica, geneva, sans-serif;	
				border: 0px solid #000000;				
				width: 1012px;
				}
				
				#we_create_link {
				position: absolute;
				left: 760px;
				top: 155px;
				width: 190px; 
				height: 60px; 		
				overflow: hidden;
				border: 0px solid #000000;
				}
	

/* Masthead Related Things */
/*#stationLogo {
	width: 1012px;
	height: 137px;		
	display: block;
}

.stationLogoImage {
	width: 1012px; 
	height: 137px; 
	display: block;
	cursor: hand;
	background-image: url(i/promise_02.jpg);
}*/






/*** LOGIN FORM ***/

/*sidebar login form stuff*/
#loginButton
{
background-image: url(i/login_btn.jpg);*/
background-repeat: no-repeat;	
font: 12px/20px arial, Verdana, 'trebuchet ms', sans-serif;
width: 50px;
height: 20px;
cursor: hand;
color: #730052;
padding: 0px;
margin-top: 10px;
}

#loginMiniForm
{
border: 1px solid #fff;
padding: 5px;
}

#loginMiniForm a
{
color: #fff515;
}

a#logoutButton 
{
color: #fff515;
}

#wrapper_logo
{
text-align: center;
padding-top: 5px;
height: 25px;
}

#password
{
margin-bottom: 10px;
}

#wrapper_logo_padding
{
padding-top: 0px;
}

#wrapper_logo_padding h3
{
color: #fff515;
}

#wrapper_padding
{
padding: 5px;
}

#forgot_password_container
{
height: 31px;
background-image: url(i/login_header.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding: 5px;
}

#forgot_password_container a
{
color: #fff515;
}

#loginMiniForm #email, #loginMiniForm #password
{
width: 165px;
}

/*** main login page form ***/
/*** this style also controls all default autoform 'submit' btns...***/
.autoFormInputs .button
{
/*background-image: url(i/login_btn_tiling.jpg);
background-repeat: repeat-x;	*/
font: 12px/20px arial, Verdana, 'trebuchet ms', sans-serif;
/*width: 40px;*/
height: 20px;
cursor: hand;
color: #730052;
margin: 0px;
margin-top: 10px;
}

.button {
border:0px solid #333;
padding: 0px;
margin: 0px;
text-decoration:none;
}

div.req-notice span
{
/*font: 24px/24px arial, verdana, helvetica, geneva, sans-serif;	*/
color: red;
}

.SC_Panel { background-color:#a84c8d !important; }



/*** CONNECTOR ADS ***/

#connectorAds
{
text-align: center;
padding-top: 0px;
padding-bottom: 6px;
border: 0px solid #fff;
}

#connectorAds ul li
{
height: 125px;
list-style: none;
padding: 0;
margin-bottom: 6px;
margin-left: 0;
} 
	
	#connectorAds img
	{
	border: 1px solid #730052;	
	}
	
	/* connector local ad at top of connector ads... */
	.ca_sim_125 {
	border: 1px solid #730052;
	margin-bottom: 6px;	
	}	
	
	
	
/*this is here for when a station uploads a swf file for the skyscraper instead of an image...
this div floats over the flash and has the link applied to it*/
#flash_link
{
border: 0px solid #ffffff;
background: transparent url(i/blank.gif);
position: absolute;
width: 728px;
height: 90px;
top: 0px;
left: 0px; 
cursor: hand;
}

/******************************************************
			POINTS CATALOGUE STYLE SECTION		
******************************************************/
.points_catalogue_items th
{
background-color: #171516;
}

.points_catalogue_items .item_photo {
	margin:			3px;
	margin-right:	10px;
	margin-bottom:	10px;
}

.points_catalogue_items h3 {
	font-size:		12px;
	font-weight:	bold;
	margin-bottom:	5px;
}

.points_catalogue_items .cost {
	font-weight:	bold;
}

.points_catalogue_items .quantity {
	font-weight:	bold;
	text-align:		center;
}

/***** EXPERTS *******/

#experts_container
{

}

/*** contest page ***/
.badge img
{
margin-right: 10px;
margin-bottom: 10px;
}


/*** staff ***/

.chameleon_staff table
{
border: 0px solid #000;
width: 240px;
}

.chameleon_staff table td
{
vertical-align: top;
border: 0px dotted #000;
}

.chameleon_staff .staff_photo
{
margin: 0px 10px 10px 0px;
border: 1px solid #000;
}