/* CSS Document */
body {
    background: #000000 url(http://mediafiveent.com/apples/images/BG.gif); 
	background-position: top center; 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none; 
	behavior:url( hover.htc );
}

td {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.homepageContent td {font-size:13px; }

a {	
	text-decoration: underline; 
	color: #666;
}

a.white {	
	text-decoration: underline; 
	color: #ffffff;
}

.white, .white a {	
	color: #ffffff;
}

#content { padding: 10px; text-align: justify; }

a.peri {
		color: #c6c964;
}

a:hover {
	font-style: normal; 
}

/* Forms */
table.submissions {
	color: #FFFFFF;
}
.submissions, .submissions td {
	color: #FFFFFF;
}

/* Music Profiles */
table.bandlist {
	width: 640px;
	background-color: #373737;
	border-spacing: 1px;
}

table.forms {
	width: 640px;
	border-spacing: 1px;
}

table.profilelist {
	width: 690px;
	background-color: #373737;
	border-spacing: 1px;
}

.bandname {
	border: solid #000000 1px;
	height: 41px;
	font-size: 15px;
	font-weight: bold;
	color: #BBBBBB;
	border: none;
	background-image: url(../images/graygradienttableBG.jpg); 
	vertical-align: middle;
	padding: 9px;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.bandimage img {
	max-width: 505px !important;
}

.viewprofilelink {
	font-size: 10px;
	font-weight: normal;
	color: #c6c964;
	letter-spacing: 0px;
	text-transform: none;
}

.viewprofilelink:hover {
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: none;
}

.banddescription {
	border: solid #000000 1px;
	height: 41px;
	font-size: 11px;
	color: #ffffff;
	border: none;
	background-image: url(../images/graygradienttableBG.jpg); 
	vertical-align: middle;
	padding: 9px;
	font-weight: normal;
}

table.bandlist tr.heading td, table.profilelist tr.heading td, table.forms tr.heading td {
	background-color: #edae47;
	color: #000000;
	padding: 9px;
}

h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 1px; 
	margin-bottom: 2px; 
	font-size: 11px;
	font-weight: normal; 
}

h2 {
	text-transform: uppercase;
	color: #553600;
	margin-bottom: 4px; 
	font-weight: normal; 
	letter-spacing: 2px; 
}

h4 {
	margin: 0; 
	font-weight: bold; 
}

.indexLEFT h5 {
	font-weight: bold;
	font-size: 17px;
}

a.availslinks {
	text-transform: uppercase;
	color: #31314b;
	font-size: 13px;
	font-weight: normal; 
	letter-spacing: 2px; 
}

.availsband {
	padding-top: 5px;
}


.newsbutton {
	padding-left: 15px;
}


.marginsbody {
	margin-right: 25px;
	margin-left: 32px;
	letter-spacing: .5px;
}

.marginsbody a {
	color: #FFFFFF;
}

.smalllist {
	color: #cccccc; 
	font-size: 11px;
}

.exclusive {
	color: #ffffff; 
}

#navlist {
	text-transform: uppercase;
	font-weight: normal; 
	letter-spacing: 0px; 
	width: 200px;
	font-size: 10px;
	margin-left: 9px; 
}

/* IE can't understand this below CSS rule due to the html>body CSS command 
so will ignore it and use the above rule. Firefox and other browsers will use the below rule: */
html>body #navlist {
	text-transform: uppercase;
	font-weight: normal; 
	letter-spacing: 0px; 
	width: 200px;
	font-size: 10px;
	margin-left: -31px; 
}

#navlist li {
	list-style: none;
	margin: 0;
	padding: 0.3em;
	padding-left: 23px; 
}

#navlist li:hover { 
	list-style: none;
	margin: 0;
	padding: 0.3em;
	background: url(../images/navBG.gif);
	color: #19320B; 
	padding-left: 23px; 
}

#navlist li a { 
	text-decoration: none; 
	color: #FFFFFF;
}

/* IE: */
#navlist li a:hover { 
	text-decoration: none; 
	color: #AEF724; 
}

/* Firefox: */
html>body #navlist li a:hover { 
	text-decoration: none; 
	color: #19320B; 
}

.selected {
	margin: 0; 
	padding: 0.5em;
	background: url(../images/navBG.gif);
	color: #19320B; 
}

.info {
	font-size: 12px;
    color: #FFFFFF;
}

.blackbody {
	color: #000;
}

.archive {
    color: #ffffff;
	letter-spacing: .5px;
	padding-bottom: 20px;
	line-height: 28px;
}

.archive a {
	color: #c7c6d9;
}

.archive a:hover {
	color: #8e8dd9;
	font-weight: bold;
}

.footer {
    color: #cccccc;
	font-size: 11px;
	text-decoration: none; 
	letter-spacing: .5px;
	padding-bottom: 20px;
}

a.footer {
	color: #A0D334;
}

a.footer:hover {
	color: #ffffff;
}

INPUT, TEXTAREA, SELECT, OPTION  {
	font-size: 10px; 
	background-color: #ffffff;
	border: inset 1px #666666;
}

.mgmtimg {
	padding-left: 20px;
}

.indexLEFT {
	padding-left: 20px;
	padding-right: 20px;
}

.indexCENTER {
	padding-left: 22px;
	padding-right: 26px;
	line-height: 19px;
	text-align: justify;
}

.indexRIGHT {
	padding-left: 2px;
	padding-right: 14px;
}

.indexRIGHT img {
	height: 145px !important;
	width: 145px !important;
}

.indexRIGHT a {
	color: #FFF;
	font-weight: bold;
	padding-top: 10px;
}

.indexRIGHT div.left {
	float: left;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: -6px;
}

.indexRIGHT div.right {
	float: right;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: -6px;
}

.indexPLAT {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

.indexPLAT img {
	width: 136px !important;
	padding: 0px;
}

.indexPLAT div {
}

hr.clear {
	clear: both;
	visibility: hidden;
}

#article {
	text-align: justify;
}

#article img {
	max-width: 580px !important;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#articleAbout {
	text-align: justify;
	line-height: 18px;
	font-size: 12px;
	padding-left: 28px;
}

table.transPeri {
	width: 640px;
	border-spacing: 1px;
	border: solid #000000 1px;
	border: 0px;
}

td.transPeri {
	zoom: 1;
	background-color:#8d8dd8;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

td.transGreen {
	zoom: 1;
	background-color:#c6c964;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

td.transText {
	color: #000;
	font-size: 12px;
	line-height: 24px;
}
.nav-archive {
	width: 220px;
	height:auto;
/*
	position: absolute;
	left: 20px;
*/
}
.exclusive.color-override {
	color: rgb(215,96,76) !important;
}
.color-white {
	color: #fff !important;
}

/* to fix homepage middle column and MP3 headline */
.homeSecondColumn  {text-align:left; margin:0 auto; max-width:258px; line-height:1.6}
.homeSecondColumn img {max-width:97%; height:auto;  margin:32px auto}
.homeSecondColumn a {line-height:1.3; text-decoration:none; color:#000}
.homeSecondColumn p { font-size:13px; text-align:left}
.homeSecondColumn p a {text-decoration:underline}
.homeSecondColumn h2, h2.listenHeadline {font-weight:bold; letter-spacing:normal; font-size:19px; text-align:center; margin-top:22px}
h2.listenHeadline {margin:32px auto 11px}
.homeSecondColumn h2 a {text-decoration:underline}