@charset "utf-8";


body {
	background-color: #88A0C1;
	font-family: Arial, Helvetica, sans-serif;
}

h1.login { color: blue;  font-size: 20px }
h2.login { color: black;  font-size: 13px }

td.whiteHeadline { color:  white;  font-weight: bold; font-size: 15px; }
td.whiteHeadline15 { color:  white;  font-weight: bold; font-size: 14px; }

.white a:link { color: #FFFF99; font-size:12px; }
.white a:hover { color: white; font-size:12px; }
.white a:visited { color: FFFF99; font-size:12px; }

table.spacer { background-color: #88A0C1; }

img.col1Col3 { } 

table.shoppingCart { color: yellow;  font-size: 13px; }

table.player { background-color: black; color: yellow;  height: 60px;  font-size: 15px; font-weight: bold; }
.playerSmaller { background-color: black; color: yellow;  width: 200px; font-size: 12px; font-weight: bold; }

table.otherPages {  margin: 10px; border-color:#88A2C2; background-color: #6F86A2; color: #FFFFFF; font-size: 18px; font-weight: bold; } 

.download a:link { color: #FFFF99; font-size:12px; }
.download a:hover { color: white; font-size:12px; }
.download a:visited { color: FFFF99; font-size:12px; }

.downloadAgain a:link { color: #FFFF99; font-size:12px; }
.downloadAgain a:hover { color: white; font-size:12px; }
.downloadAgain a:visited { color: FFFF99; font-size:12px; }

.delete a:link { color: #FFFF99; font-size:12px; }
.delete a:hover { color: white; font-size:12px; }
.delete a:visited { color: FFFF99; font-size:12px; }

table.artist {  margin: 10px;   border-color:#88A2C2;   background-color: #6F86A2; color: yellow; font-size: 14px;  } 

td.artist.nextPreviousArtist {  color:#88A2C2;   color: yellow; font-size: 14px;  } 




.freeArea { color: #FFFF99; font-size: 20px; background-color: #A7B9D1; }

.shoppingCartArea { color: #FFFF99; font-size: 20px; background-color: #A7B9D1; }

td.freeSongName { color: #FFFF99; font-size:15px; }
 
td.freeArtistName { color: #FFFF99; font-size:13px; }

.freeArtistNameLink a:link { color: #FFFF99; font-size:15px; }
.freeArtistNameLink a:hover { color: yellow; font-size:2px; }
.freeArtistNameLink a:visited { color: FFFF99; font-size:15px; }

td.songName { color: yellow; font-size:15px; }

td.artist { vertical-align: top; height: 200px; width: 200px; }
img.artist { vertical-align: top; height: 250px; width: 250px; }

img.button { margin: 1px; height: 16px; width: 64px; }
img.freeButton { margin: 1px; height: 14px; width: 64px; }

.FreeMusic { background-color: #A8BAD1; color: yellow; border: 0; width: 100%; height: 200px; }

.BSFreeMusic {   color: black;  font-size: 20px; }

td.beatLogin a:link { color: yellow;  }
td.beatLogin a:visited { color: yellow; }
td.beatLogin a:hover { color: blue;  }

td.footer { font-size: 12px; }
td.footer a:link { color: yellow;  }
td.footer a:visited { color: white; }
td.footer a:hover { color: blue;  }

td.NavDropdown { color: #88A0C1 }
td.NavDropdown a:link { color: #444B84;  }
td.navDropdown a:visited { color: #000000; font-size: 16px; text-decoration: underline; } 
td.navDropdown a:hover { color: blue; font-size: 16px;  text-decoration: none; } 

.DropDescript {
    position: relative;
    top:  2px;
    left: 20px;
    font-size: 12px;
    font-style:  italic; 
}


td.aboutArtist {  color: yellow; font-size: 16px; }
td.artistNameCdName {  color: yellow; font-size:18px; }
td.artistNextPrevious {  color: yellow; font-size:18px; }

td.about a:link { color: yellow; font-size: 14px; text-decoration: underline; }
td.about a:visited { color: white; font-size: 14px; }
td.about a:active{ color: white; font-size: 14px; }
td.about a:hover { color: blue; font-size: 14px; }

.cdBabyLink { color: white; font-size: 14px; text-decoration: underline; }
.cdBabyLink A:link { color: white; font-size: 14px; text-decoration: underline; }
.cdBabyLink A:visited { color: white; font-size: 14px; }
.cdBabyLink A:active{ color: white; font-size: 14px; }
.cdBabyLink A:hover { color: blue; font-size: 14px; }

a:link {
 color: white /*The color of the link*/
}

a:visited {
 color: #800080 /*The color of the visited link*/
}

a:hover {
 color: blue/*The color of the mouseover or 'hover' link*/
}

.error { color: red; }
.cart { color: white; font-size: 2px; }

ul.menu {
   
   margin: 30px;
   list-style: none;
   font: bold 14px arial;
   text-align: left;
   width: 40%;

}
ul.menu li { 
    list-style-type: square; 
    align: center;
}


/* >>> MAIN NAVIGATION <<< -------------------- */

ul#nav {list-style: none; width:100%; height:34px; display:block; 	line-height:34px; }
ul#nav li a {display: block; color:#222222; text-decoration:none; text-align:center; font-weight: bold;}
ul#nav li a:hover, ul#nav li:hover {background-color:#FFFFFF; color: #960B13; font-weight: bold;}
ul#nav li {	float: left; border-right:1px solid #CECECE; font-weight: bold;}


/* >>> SUB NAVIGATION <<< -------------------- */
ul#subnav {list-style: none; width:100%; height:25px;  display:block; 	line-height:25px; }
ul#subnav li a {display: block; color:#960B13; text-decoration:none; text-align:center;}
ul#subnav li a:hover, ul#subnav li:hover {background-color:#C50F1B; color: #FFFFFF;}
ul#subnav li {	float: right; border-right:1px solid #CECECE;}