* { margin: 0;}
html, body {height: 100%;}
body {color: white; font: 12px "Courier New"; background-color: #000;}
img {border: 0;}
a { color: #c0c0c0; text-decoration: none; }
a:hover{ color: #c0c0c0; text-decoration: underline;}
h1 { color: white; font: 12pt "Courier New"; font-weight: bold;}
h2 { color: white; font: 10pt "Courier New"; font-weight: bold;}


.normal{ color: white; 	font: 9pt "Courier New"; }
.extraSmall{ font: 8pt "Courier New"; }
.bigFont { color: white; font-family: "Courier New"; font-size: 11pt; font-weight: bold; }
.ajaxLoading {position: fixed; display: none; bottom: 0; right: -490px; margin-right: 50%;}
.bodySite {min-height: 100%; height: auto !important; height: 100%; 	margin: 0 auto -42px;}
.footer, .push { height: 42px; clear: both; }
.footer { position: relative; width: 980px; height: 40px; text-align: left; font: 7pt "Courier New"; color: #212121; border-top: 1px solid #121212; left: -490px; margin-left: 50%;}
.footer a{color: #212121; }

.site { width: 980px; margin-top: 15px;}
.site .left{	width: 760px; float: left; }
.site .right{ width: 200px; margin-left: 20px; float: left;}
.site .right .container {background: url(images/paper.jpg) no-repeat; color: #000; padding: 7px 0px 7px 15px; overflow: hidden; }
.site .right .container a { color: #121212; text-decoration: underline; font: 9pt "Courier New";}
.site .right .container a:hover{ color: #565656; font: 9pt "Courier New" bold;}

.concert {list-style-type: none; margin:0; padding:0; height: 60px;}
.concert li {display: none; }
.concert .active {list-style-type: none; display: block;}

.site .full{ margin-bottom: 6px; font: 9pt "Courier New"; text-align: left;}
.site .half-left{ width: 530px; font: 9pt "Courier New"; text-align: left; float: left;}
.site .half-right{ width: 430px; font: 9pt "Courier New"; text-align: left; float: left; margin-left: 10px;}
.site .half-left .sConcert {border-bottom: 2px solid #646464; padding: 3px 0 7px 0; margin: 4px 0 4px 0; }

.site .videoLeft {width: 564px; float: left; }
.site .videoRight {width: 404px; float: left; margin-left: 10px; }
.site .videoLeft .video{padding: 1px 1px 1px 1px; border: 1px solid #121212; }

.site .photoLeft {width: 564px; float: left; }
.site .photoRight {width: 404px; float: left; margin-left: 10px; }
.site .photoLeft .photo {padding: 1px 1px 1px; border: 1px solid #121212;}

.site .audioLeft {width: 564px; float: left; }
.site .audioRight {width: 374px; float: left; margin-left: 40px; }
.site .audioLeft .audio {padding: 1px 1px 1px; border: 1px solid #121212;}
.site .audioRight a {height: 16px; overflow: hidden; padding: 0px 17px 0px 17px;}
.site .audioRight a:hover {background: #575757 url(images/play.jpg) no-repeat; height: 16px; overflow: hidden; padding: 0px 17px 0px 17px; color: #fff; text-decoration: none; }
.site .audioRight a.current {background: #575757 url(images/play.jpg) no-repeat; height: 16px; overflow: hidden; padding: 0px 17px 0px 17px; color: #fff; text-decoration: none; }

.site .newsLeft {width: 630px; float: left;}
.site .newsRight {width: 320px; float: left; margin-left: 30px;}
.site .newsRight .newsList {margin-bottom: 7px; }
.site .newsRight .newsList .date1 {color: #000; background-color: #646464; font: 6pt "Tahoma"; width: 43px; text-align: center;}
.site .newsRight .newsList .date2 {color: #fff; background-color: #000; font: 7pt "Verdana"; border: 1px solid #646464; width: 43px; text-align:center; }
.site .newsRight .newsList .link { padding-left: 5px; width: 279px;}
.site .newsRight .newsList .smallFont {font: 7pt "Verdana";}
.site .newsRight .newsList .current {padding-left: 5px; color: #000; background-color: #646464; width: 279px;}
.site .newsRight .newsList .current a {color: #000; }
.site .newsLeft .news p {margin: 0px 0px 14px 0px;}


.albumList { width: 530px; }
.albumList ul {list-style-type: none; margin: 0; padding: 0;}
.albumList ul li {display: inline; float: left; margin-right: 10px; margin-bottom: 10px;}
.albumList ul li a img{ opacity:0.4; filter: alpha(opacity=40); }
.albumList ul li a:hover img{ opacity:1.0; filter: alpha(opacity=100);}
.albumList ul li  .current img{ opacity:1.0; filter: alpha(opacity=100); }

.albumContent ul {list-style-type: decimal; }
.albumContent .left { width: 200px; float; left;}
.albumContent .right {width: 230px; float: left;}
.albumContent .full {width: 430px; }

.filmList {width: 530px;}
.filmList ul {list-style-type: none; margin: 0; padding: 0; width: 510px;}
.filmList ul li {display: inline; float: left; margin-right:10px; width: 160px; height: 280px;}
.filmList ul li a img {max-width: 135px; max-height: 182px; margin-top: 28px; opacity:0.4; filter: alpha(opacity=40); z-index:0;}
.filmList ul li a:hover img{opacity:1.0; filter: alpha(opacity=100); z-index: 2;}
.filmList ul li .current img{max-width: 200px; max-height: 280px; margin-top: 0px; position: relative; opacity:1.0; filter: alpha(opacity=100); z-index:1; left: -20px; right: -20px; z-index:1;}

.videoList {width: 404px;}
.videoList ul{list-style-type: none; margin: 0; padding: 0;}
.videoList ul li {display:inline; width: 195px; height: 80px; float: left; overflow: hidden; margin-right: 5px; margin-bottom: 5px;}
.videoList ul li a {position:relative; width: 195px; height: 80px; float: left; overflow: hidden; margin-right: 5px; margin-bottom: 5px;}
.videoList ul li a img {position:relative; top: -35px; width: 100%; opacity:0.4; filter: alpha(opacity=40); z-index: 0;}
.videoList ul li a:hover img {position:relative; top: -35px; width: 100%; opacity:1.0; filter: alpha(opacity=100); z-index: 0;}
.videoList ul li a span {position:absolute; background-color: #000; bottom:0px; right:0px; color: #fff; z-index:5;}

.photoList {width: 404px; margin: 5px 0px 5px 0px;}
.photoList ul{list-style-type: none; margin: 0; padding: 0;}
.photoList ul li {display:inline; width: 96px; height: 80px; float: left; overflow: hidden; margin-right: 5px; margin-bottom: 5px;}
.photoList ul li a {width: 96px; height: 80px; float: left; overflow: hidden; margin-right: 5px; margin-bottom: 5px;}
.photoList ul li a img {max-height: 80px; max-width: 96px; width: 100%; opacity:0.4; filter: alpha(opacity=40);}
.photoList ul li a:hover img {max-height: 80px; max-width: 96px; width: 100%; opacity:1.0; filter: alpha(opacity=100);}

.radioButtons {width: 310px; height: 70px; background: url(images/radioButtons.jpg); }
.radioButtons a .winamp {width: 105px; height: 70px; float: left;}
.radioButtons a:hover .winamp {width: 105px; height: 70px; background: url(images/radioButtons.jpg) 0px 70px; float: left;}
.radioButtons a .wmp {width: 105px; height: 70px; float: left;}
.radioButtons a:hover .wmp {width: 105px; height: 70px; background: url(images/radioButtons.jpg) -105px 70px; float: left;}
.radioButtons a .quicktime {width: 100px; height: 70px; float: left;}
.radioButtons a:hover .quicktime {width: 100px; height: 70px; background: url(images/radioButtons.jpg) -210px 70px; float: left;}

/* NAVIGATION */
.ddsmoothmenu{ font: 14px "Courier New"; background: #000; /*width: 100%;*/ }
.ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; }
.ddsmoothmenu ul li{ position: relative; display: inline; float: left; }
.ddsmoothmenu ul li a{ display: block; background: #000; color: white; padding: 8px 19px; border-right: 1px solid #222222; color: #2d2b2b; text-decoration: none; }
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white; }
.ddsmoothmenu ul li a.selected{ background: black; color: white; }
.ddsmoothmenu ul li a:hover{ background: white url(images/navHover.png); color: #000; }
.ddsmoothmenu ul li a.active{ background: white url(images/navHover.png); color: #000; }
.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; visibility: hidden; }
.ddsmoothmenu ul li ul li{ display: list-item; float: none; }
.ddsmoothmenu ul li ul li ul{ top: 0; }
.ddsmoothmenu ul li ul li a{ font: normal 13px "Courier New"; width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; }
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.downarrowclass{ position: absolute; top: 12px; right: 7px; }
.rightarrowclass{ position: absolute; top: 6px; right: 5px; }
.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: #050505; }
.toplevelshadow{ opacity: 0.8; }