<!--
body{
font-family: "lucida grande","lucida sans unicode","arial","sans-serif";
font-size: 11px;
color: #E1EAEF;
margin: 0px;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #1194C3;
scrollbar-3dlight-color: #1D2023;
scrollbar-highlight-color: #0E171C;
scrollbar-shadow-color: #101214;
scrollbar-face-color: #092F41;
scrollbar-track-color: #16232B;
}
a,a:visited{
color: #32CDF8; 
text-decoration: none;
outline:none;
}
a:hover,a:active{
color: #E1EAEF; 
text-decoration: underline;
}
.index{
overflow-y: hidden;
background-color: #00557C;
background-repeat: repeat-x;
margin-top: 14px;
margin-bottom: 14px;
}
.indextable{
width: 970px;
height: 100%;
border: 0px;
}
.indextable td{
padding:0px;
}
.indexheader{
height: 174px;
width: 970px;
background-image: url(skin/header.jpg);
background-repeat: no-repeat;
}
.td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9,.td10,.td11{
height: 35px;
}
.td2{
width: 108px;
}
.td3{
width: 123px;
}
.td4{
width: 157px;
}
.td5{
width: 78px;
}
.td6{
width: 126px;
}
.td7{
width: 77px;
}
.td8{
width: 90px;
}
.td9{
width: 71px;
}
.td10{
width: 65px;
}
.td11{
width: 75px;
}
.indexmenubiography,.indexmenudiscography,.indexmenudancessentials,.indexmenuevents,.indexmenumc,.indexmenugallery,.indexmenuplaylists,.indexmenucharts,.indexmenulinks,.indexmenumail{    
position: relative;
width: 100%;
height: 100%;
}
.indexmenubiography{
background-image: url(menu/biography.png);
}
.indexmenudiscography{
background-image: url(menu/discography.png);
}
.indexmenudancessentials{
background-image: url(menu/de.png);
}
.indexmenuevents{
background-image: url(menu/events.png);
}
.indexmenumc{
background-image: url(menu/mc.png);
}
.indexmenugallery{
background-image: url(menu/gallery.png);
}
.indexmenuplaylists{
background-image: url(menu/playlists.png);
}
.indexmenucharts{
background-image: url(menu/charts.png);
}
.indexmenulinks{
background-image: url(menu/links.png);
}
.indexmenumail{
background-image: url(menu/mail.png);
}
.indexmenubiography a,.indexmenudiscography a,.indexmenudancessentials a,.indexmenuevents a,.indexmenumc a,.indexmenugallery a,.indexmenuplaylists a,.indexmenucharts a,.indexmenulinks a,.indexmenumail a{    
display: block;
width: 100%;
height: 100%;
cursor: crosshair;
}
.indexmenubiography a img,.indexmenudiscography a img,.indexmenudancessentials a img,.indexmenuevents a img,.indexmenumc a img,.indexmenugallery a img,.indexmenuplaylists a img,.indexmenucharts a img,.indexmenulinks a img,.indexmenumail a img{    
display: none;
}
.indexmenubiography a:hover img,.indexmenubiography a:active img,.indexmenubiography a:focus img{
display: block;
width: 108px;
height: 35px;
}
.indexmenudiscography a:hover img,.indexmenudiscography a:active img,.indexmenudiscography a:focus img{
display: block;
width: 123px;
height: 35px;
}
.indexmenudancessentials a:hover img,.indexmenudancessentials a:active img,.indexmenudancessentials a:focus img{
display: block;
width: 157px;
height: 35px;
}
.indexmenuevents a:hover img,.indexmenuevents a:active img,.indexmenuevents a:focus img{
display: block;
width: 78px;
height: 35px;
}
.indexmenumc a:hover img,.indexmenumc a:active img,.indexmenumc a:focus img{
display: block;
width: 126px;
height: 35px;
}
.indexmenugallery a:hover img,.indexmenugallery a:active img,.indexmenugallery a:focus img{
display: block;
width: 77px;
height: 35px;
}
.indexmenuplaylists a:hover img,.indexmenuplaylists a:active img,.indexmenuplaylists a:focus img{
display: block;
width: 90px;
height: 35px;
}
.indexmenucharts a:hover img,.indexmenucharts a:active img,.indexmenucharts a:focus img{
display: block;
width: 71px;
height: 35px;
}
.indexmenulinks a:hover img,.indexmenulinks a:active img,.indexmenulinks a:focus img{
display: block;
width: 65px;
height: 35px;
}
.indexmenumail a:hover img,.indexmenumail a:active img,.indexmenumail a:focus img{
display: block;
width: 75px;
height: 35px;
}
.indexmenubiography a:active,.indexmenudiscography a:active,.indexmenudancessentials a:active,.indexmenuevents a:active,.indexmenumc a:active,.indexmenugallery a:active,.indexmenuplaylists a:active,.indexmenucharts a:active,.indexmenulinks a:active,.indexmenumail a:active{
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
}
.indexmenubiography a:focus,.indexmenudiscography a:focus,.indexmenudancessentials a:focus,.indexmenuevents a:focus,.indexmenumc a:focus,.indexmenugallery a:focus,.indexmenuplaylists a:focus,.indexmenucharts a:focus,.indexmenulinks a:focus,.indexmenumail a:focus{
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
}
.indexmaineara{
width: 970px;
height: 100%;
background-image: url(skin/fade.gif);
background-color: #16232B;
background-repeat:no-repeat;
}
.indexmaincontainer{
width: 100%;
height: 100%;
border: 0px none;
}
.indexmaincontainer td{
padding: 0px;
}
.indexborder{
width: 8px;
background-color: #fff;
}
.indexcontent{
height: 100%;
width: 954px;
}
iframe{
width: 100%;
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}
.indexborderbottom{
height: 8px;
background-color: #fff;
}
.content{
overflow-x: hidden; 
background-color: transparent;
margin-left: 6px;
}
img{
border: 0px;
}
.imgfloat{
float: left;
}
.border{
border: 4px solid #fff;
}
.imgfloatborder{
float: left;
border: 4px solid #fff;
}
.blocklink a{
display: block;
width: 960px;
line-height: 16px;
background-image: url(skin/blocklink_a.gif);
color: #12B9E6;
padding-left: 14px;
padding-bottom: 1px;
text-decoration: none;
cursor: default; 
background-repeat:no-repeat;
}
.blocklink a,.blocklink a:visited,.blocklink a:active{
background-image: url(skin/blocklink_a.gif);
color: #12B9E6;
outline: none;
}
.blocklink a:hover{
background-image: url(skin/blocklink.gif);
color: #fff;
}
.blocktext{
color: #E1EAEF;
}
li{
list-style-type: square;
}
.subtitle{
font-size: 12px;
color: #079FC9;
}
.news_item{
width: 99%;
border: 0px none;
margin: 0px;
font-size: 11px;
background-image:url(skin/bg_line.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.news_item_img{
width: 88px;
vertical-align: top;
padding-top: 5px;
}
.news_item_txt{
vertical-align: top;
text-align: justify;
padding-bottom: 8px;
}
.schedule_item{
width: 570px;
border: 0px;
margin: 0px;
font-size: 11px;
}
.scheduledata{
vertical-align: top;
text-align: justify;
padding-bottom: 8px;
width: 120px;
}
.scheduleevent{
vertical-align: top;
text-align: justify;
padding-bottom: 8px;
}
.justify{
text-align: justify;
width: 99%;
}
.bigtext, .bigtext a:link,.bigtext a:visited,.bigtext a:hover,.bigtext a:active{
font-size: 20px;
}
.gallerytable{
width: 800px;
border: 0px;
}
.gallerytable td{
padding: 0px;
width: 200px;
height: 155px;
}
.gallerytable a:link img, .gallerytable a:visited img{
border: 3px solid #39C9F1;
}
.gallerytable a:hover img, .gallerytable a:active img{
border: 3px solid #fff;
}
/* playlist table ------------------------- */
.pl_table{
width: 915px;
border: 0;
background-color: #092D3C;
}
.pl_table td{
font-size: 10px;
font-family: verdana;
vertical-align: top;
}
.pl_corner_lt,.pl_corner_rt,.pl_corner_lb,.pl_corner_rb{
height: 2px;
width: 4px;
}
.pl_corner_lb{
background-image: url(tabel/left_bottom.gif);
}
.pl_corner_rb{
background-image: url(tabel/right_bottom.gif);
}
.pl_main{
background-image: url(tabel/mid_top.gif);
background-repeat: repeat-x;
padding: 5px;
}
.pl_left,.pl_right,.pl_corner_lt,.pl_corner_rt{
width: 4px;
background-repeat: repeat-y;
background-color: #092D3C;
}
.pl_left,.pl_corner_lt{
background-image: url(tabel/left.gif);
background-position: left;
}
.pl_right,.pl_corner_rt{
background-image: url(tabel/right.gif);
background-position: right;
}
.pl_bottom{
height: 2px;
background-image: url(tabel/mid_bottom.gif);
}
.webcounter{
color: #16232B;
}
/* begin css lightbox ------------------------- */
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{
border: none;
}
#outerImageContainer{
position: relative;
width: 250px;
height: 250px;
margin: 0 auto; background-color:#ffffff;
}
#imageContainer{
padding: 8px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{
left: 0;
}
#hoverNav a{
outline: none;
}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(images/blank.gif) no-repeat;
/* Trick IE into showing hover */
display: block;
}
#prevLink {
left: 0; float: left;
}
#nextLink{
right: 0; float: right;
}
#prevLink:hover, #prevLink:visited:hover { 
background: url(images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url(images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer{
margin: 0 auto;
line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Helvetica, sans-serif; background-color:#fff;
}
#imageData{
padding:0 8px; color: #666;
}
#imageData #imageDetails{
width: 70%;
float: left;
text-align: left;
}	
#imageData #caption{
font-weight: bold;
}
#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;
}			
#imageData #bottomNavClose{ 
width: 66px;
float: right;
padding-bottom: 0.7em;
}	
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color:#16232B;
}
/* Min-Width */
.lbWidth {
 /* most browsers */
position: absolute;
top: 0px;
left: 0px;
width: 100%;
min-width: 790px;
}
* html .lbContent { /* IE6 */
margin-left: -790px;
position:relative;
}
* html .lbMinWidth {
/* IE6 */
padding-left: 790px;
}
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
-->