@charset "ISO-8859-1";

/*--- generic styles paragraphs and heads have left and right margin of 15 px ---*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.2;
	color: #000000;
	text-align: center;
	background-color: #7BE0E3;
	background-image: url(../images/01_home/backgroundGreen.jpg);
	background-repeat: repeat-x;
}
#wrapper {
	margin: 0px auto;
	width: 900px;
	text-align: left;
}
p {
	margin: 0px 15px 1em;
}
p.center {
	text-align: center;
}
p.none {
	margin: 0px;
	padding: 0px;
}
.bold {
	font-weight: bold;
}
a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border-style: none;
}
.linkBlue a {
	color: #0033FF;
	font-weight: bold;
	text-decoration: underline;
}
.linkBlue a:hover {
	text-decoration: none;
}
h1 {
	font-size: 1.3em;
	margin: 0px 15px 0em;
}
h2 {
	font-size: 1.1em;
	margin: 0px 15px;
}
.headGraphicTitles {
	margin-top: 5px;
}
.photos15pxLeft1emBottom {
	margin-left: 15px;
	margin-bottom: 1em;
}

/*---------- masthead and top nav this does away with the white gap in old browsers----------*/
#mastheadTopNavWrapper {
	background-color: #000000;
	float: left;
}
#topNav {
	border-bottom: 5px solid #CCCCCC;
	float: left;
	width: 900px;
	position: relative;
}

/*---------- wrappes sideNave mainContent and ads for background graphic ----------*/
#sideNavMainContentAdsWrapper {
	background-image: url(../images/01_home/colorBarHorizontal.gif);
	border-bottom: 5px solid #CCCCCC;
	float: left;
	background-repeat: repeat-y;
	background-color: #CCCCCC;
	margin: 0px 0px 0.3em;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	width: 900px;
}

/*---------- sideNav ----------*/
#sideNav {
	background-color: #CCCCCC;
	float: left;
	width: 170px;
}
/*-- this is for a photo in the sidenave on homepage for now there is no photo*/
#sideNav p.sidenav {
	background-color: #000000;
	margin: 0px 5px;
	padding: 0px;
	border-top: 5px solid #CCCCCC;
}
#sideNav p.sidenavLast {
	background-color: #000000;
	margin: 0px 5px;
	padding: 0px;
	border-top: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
}

/*---------- mainContent all pages ----------*/
#mainContentHome {
	background-color: #CCCCCC;
	width: 560px;
	float: left;
}
#mainContent {
	background-color: #43B0B0;
	float: left;
	width: 560px;
}

/*----- mainContent Home page -----*/
#artistFlash {
	background-color: #000000;
	width: 544px;
	border: 8px solid #000000;
	margin-bottom: 5px;
}
#morningShow {
	background-color: #000000;
	width: 544px;
	border: 8px solid #000000;
	margin-bottom: 5px;
}
#djTopCalendarFlash {
	width: 560px;
	margin-bottom: 5px;
}
#mainAd {
	background: #000000;
	width: 544px;
	border: 8px solid #000000;
}
#community {
	width: 544px;
	background-color: #43B0B0;
	border: 8px solid #000000;
}
#community .firstHead1 {
	margin-bottom: 0.3em;
}
#community .firstHead2 {
	margin-bottom: 1em;
}
#community h1 {
	margin-bottom: .2em;
}

/*----- mainContent Programacion page -----*/
#mainContent table.programacion {
	width: 530px;
	margin-left: 15px;
}
#mainContent .programacion td.time {
	padding: 3px 5px 3px 10px;
	width: 83px;
}
#mainContent .programacion tr.odd {
	background-color: #6CCCCC;
}
#mainContent .program {
	font-weight: bold;
	padding-right: 5px;
	padding-left: 10px;
}
#mainContent .headGraphicSaturday {
	margin-top: 1em;
}

/*----- mainContent Eventos page -----*/

/*----- mainContent Locutores page -----*/
#mainContent #questionsAnswer {
	margin-left: 15px;
}
#mainContent #questionsAnswer p {
	color: #FFFFFF;
	margin-bottom: 1em;
	margin-left: 0px;
}
#mainContent #questionsAnswer p .question {
	color: #000000;
}

/*----- mainContent Publicidad page -----*/
#mainContent p.lineHeight {
	line-height: 1.4em;
}

/*----- mainContent Staff page -----*/
#mainContent table#staff {
	width: 530px;
	margin-left: 15px;
	margin-bottom: 1em;
}
#mainContent table#staff td {
	padding: 3px 5px 3px 10px;
}
#mainContent table#staff .title {
	font-weight: bold;
	width: 175px;
}
#mainContent table#staff tr.odd {
	background-color: #6CCCCC;
}

/*----- mainContent Top 10 page -----*/
#top10 ul {
	text-align: left;
	list-style-type: none;
	margin-left: 15px;
	width: 530px;
	text-transform: uppercase;
}
#top10 li.odd_01 {
	background-color: #6CCCCC;
	background-image: url(../images/07_top10/01.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 75px;
	text-align: left;
}
#top10 li.even_02 {
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/02.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 li.odd_03 {
	background-color: #6CCCCC;
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/03.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 li.even_04 {
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/04.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 li.odd_05 {
	background-color: #6CCCCC;
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/05.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 li.even_06 {
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/06.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 li.odd_07 {
	background-color: #6CCCCC;
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/07.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 li.even_08 {
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/08.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 li.odd_09 {
	background-color: #6CCCCC;
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/09.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 li.even_10 {
	padding: 5px 0px 5px 75px;
	background-image: url(../images/07_top10/10.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#top10 .artist {
	font-weight: bold;
	text-transform: uppercase;
}
#flashPhotos {
	margin-bottom: 1em;
	margin-left: 15px;
}

/*--- saludos form page styles ---*/
#saludos {
	background-color: #43B0B0;
	width: 560px;
	padding-top: 5px;
}
#saludosForm {
	width: 530px;
}
#saludosForm label {
	display: block;
}
#saludosForm input {
	width: 250px;
	background-color: #6CCCCC;
	border: 1px solid #6CCCCC;
}
#saludosForm textarea {
	width: 400px;
	background-color: #6CCCCC;
	border: 1px solid #6CCCCC;
}
#saludosForm input.submit {
	width: auto;
}

/*--- thanks page styles for saludos form ---*/
#thanks {
	font-size: 2em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #43B0B0;
	text-align: center;
	padding-top: 2em;
	letter-spacing: .1em;
	text-transform: uppercase;
}


/*---------- sideAds ----------*/
#sideAds {
	width: 170px;
	float: right;
}
#sideAds p {
	margin: 0px;
	padding: 0px;
	border-right: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	border-top-style: none;
	border-bottom-style: none;
	float: right;
}
#sideAds p.bottomBorder {
	border-right: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	border-top-style: none;
	margin: 0px;
	padding: 0px;
}

/*---------- footer ----------*/
#footer {
	text-align: center;
	clear: both;
	margin-bottom: 1em;
}