script { height:0; font-size:0; }
#body { font:11px/1.6em "Helvetica-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555; background:#fff #url(gradientBackground.jpg) repeat-x 0 0; }

body { font:11px/1.6em "Helvetica-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555; margin:0; padding:0; }

.baseText { font:11px/1.6em "Helvetica-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555; }
.script { display:none; }
.noscript { display:block; }

#main { margin-left:58px; margin-top: 2px; width:980px; min-width:980px; }

h1 { margin-bottom:.2em; color:#366088; font-size:16px; line-height:1.2em; }
h1 img { margin:.2em 0 0; }
#main h2 { margin-bottom:.2em; color:#333; font-size:15px; line-height:1.2em; font-weight:normal; }
#main h2 img { margin-top:-1.9em; margin-bottom:.6em; }
#main h3 { margin-top:.6em; margin-bottom:.6em; color:#666; font-size:12px; line-height:1.2em; }
#main h4 { margin-bottom:2em; font-size:1em; color:#555; line-height:1.2em; }
#main strong { color:#333; }
#main hr { height:0; margin:0 -1px 1.6em; background:none; border:none; border-top:1px solid #ccc; }

#mainText { float:left;width:510px;float:left;}
#mainText h2 { color:#366088; }

a { color:#366088; text-decoration:none; }
a:hover { color:blue; text-decoration:underline; }

/* 218 or 286 or 382 width for side */
#mainSide { float:left;margin-left:10px;margin-right:20px;margin-top:10px;width:150px;height:200px; }

#navDiv { height:50px;padding-top:9px;padding-left:6px;margin-left:54px;margin-top:-2px;background-image: url(images/navGradient.png); background-repeat:no-repeat; }
#navDiv a { color:#555 }
#navDiv a:hover { color:#cccccc }

.navItem { float:left; margin-left:18px;margin-right:18px; font-size:12px; }
.navSeparator { float:left; font-size:20px;color:#cccccc;margin-top:-2px;border-right:1px;border-left:0px;border-top:0px;border-bottom:0px;border-style:solid;border-color:#cccccc;height:22;width:1; }
.navItemDisabled { float:left; margin-left:14px;margin-right:14px; font-size:12px; color:#c0c0c0; }

#detailDiv { float:left;margin-top:-4px;margin-right:12px; }
.titleDetail { margin-left:10px;width:460px;max-width:460px;font-size:12px; }
.titleCaption { margin-top:14px;width:460px;max-width:460px;margin-left:10px;font-size:12px; }

#playlistDiv { width:480px;height:780px;overflow:auto;margin-top:0px;margin-left:6px; }
.playlistItem { cursor:hand;width:454px;height:50px;border:1px;border-top:0px;border-style:solid;border-color:#CCCCCC;background:url(images/body_bg2.gif) repeat-x 0 0; }
.playlistItemBordered { cursor:hand;width:454px;height:50px;border:1px;border-style:solid;border-color:#CCCCCC;background:url(images/body_bg2.gif) repeat-x 0 0; }
.playlistThumbnail { float:left;padding:8px;width:56px;margin-top:-2px;margin-right:2px;background-image: url(images/morearrow.gif); background-position:91% 30%; background-repeat:no-repeat; }
.playlistTitle { float:left;padding-right:6px;padding-left:4px;margin-top:-6px }
.playlistDuration { font-size:9px;color:#777777;margin-left:2px;margin-top:-2px; }
.playlistGenre { float:right;margin-right:12px;margin-top:1px;height:4px; }

#footer { padding-top:4px;margin-top:16px;margin-left:0px;width:640px;font-size:9px;color:#999999;border:0px;border-style:solid;border-color:#c9c9c9; }
#footerLong { padding-top:4px;margin-top:20px;margin-left:90px;width:880px;font-size:9px;color:#999999;border:0px;border-style:solid;border-color:#c9c9c9; }
#footer a { color:#999999; text-decoration:underline }

#pdq {position:absolute; visibility:hidden; z-index:200;}
.boxpopup {
    font:11px/1.4em "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#555; 
    background:#FFF; width:240px; text-align:left;
    padding:4px 5px 4px 5px;
    border:1px solid gray;
}

#mailForm { margin-top:20px;width:300px;height:160px;border:1px;border-style:solid;border-color:#cccccc;padding:6px;background: url(images/body_bg.gif) repeat-x 0 0; }

input, select{
    border: 1px solid #999;
    margin-bottom: 2px;
    padding:1px;
    height:20px;
}

textarea {
    border: 1px solid #999;
    padding:1px;
    font:11px/1.4em "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

.formBtn {
    border: 1px solid #999;
    background-color: #ffffff;
    color: #366088;
    font: 10px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    width:60px; 
    height:20px;
    padding:0px;
    margin-top:2px;
    margin-bottom:0px;
    margin-right:4px;
}

.formBtn:hover {
  background-color: #ffffff;
  color: #cccccc;
  border: 1px solid #cccccc;
}

.contactMessage { height:84px;width:272px;margin-right:14px;margin-left:14px;margin-top:2px; }

.contactButtons { height:24px; margin-left:82px; }