body { 
/* mmf08 */
    padding: 0; margin: 0; font: 9pt "Univers 45 light", Arial, sans-serif; line-height: 1.3em; letter-spacing: 0px; color: #000; text-align: center; min-width: 750px;
    background: #000 url(images/bodybk.jpg) repeat-x;
    height: 100%;

}

/*h1 {    
    color: #1269ee; font: 11px tahoma bold; font-weight: bold; letter-spacing: normal;
} */

h2 {    
    color: #000; font: 2.1em Arial, sans-serif; letter-spacing: 1px; display: inline; 
}

a { 
    color: #0368d0; text-decoration: none; background: inherit; border: none; 
}

a:hover { 
    text-decoration: underline; background: inherit; 
}

a:visited a:active {
    border: none;
}

p {    
    margin: 0 0 12px 0; padding: 0; line-height: 0.5cm;
}

ul { 
    margin: 0; padding : 0; list-style : none; 
}

img { 
    margin: 0; padding: 0;
    border: 0;
}

b {
    font-weight: bold;
}
/* layout */
#overallframe {
    width: 1024px; 
    margin: 0 auto; padding: 0;
    min-height: 750px; height: auto !important; height: 750px;
    display: block;
    text-align: left;
    /*border: solid 1px blue;*/
}

#topnav {
    width: 1000px;
    margin-left: 20px;
    min-height: 24px; height: auto !important; height: 24px;
    background-color: black;
    /*border: solid 1px black;*/
}

* html #topnav {
    margin-left: 20px;
}

#leftshade { 
    /*margin-left: 18px; */
    width: 18px; padding: 0;
    background: url(images/mainbox_lshade.jpg) no-repeat;
    min-height: 688px; height: auto !important; height: 688px;
    position: relative;
    float: left;
    /*border: solid 1px red;*/
}

#content { 
    width: 1018px; margin-left: 18px;
    background: white url(images/mainbox_rshade.jpg) no-repeat top right;
    min-height: 686px; height: auto !important; height: 686px;
    /*border: solid 1px red;*/
}

#bottomshade { 
    width: 1036px; margin-top: 0; 
    background: url(images/mainbox_bshade.jpg) no-repeat;
    min-height: 20px; height: auto !important; height: 20px;
    /*border: solid 1px red;*/
}

/* left column divs */    
#leftdiv {
    width: 200px; background: url(images/leftflash.jpg) no-repeat; float: left;
    min-height: 580px; height: auto !important; height: 580px;
}

/* center div */
#centerdiv {
    width: 580px; text-align: left; float: left;
    min-height: 580px; height: auto !important; height: 580px; 
    background: white url(images/centerdiv.jpg) no-repeat;
    z-index: -1;
    /*border: dotted 1px green;*/
} 

#rightdiv {
    width: 220px; background: url(images/rightdiv.jpg) no-repeat; float: left; 
    min-height: 580px; height: auto !important; height: 580px; 
    /*border: dotted 1px blue;*/
    margin-bottom: -2px;
}

#rightdiv_2ndlayer {
    margin-top: -4px;
    width: 220px; height: 109px;
    background: url(images/rightdiv_2ndlayer.jpg) no-repeat;
    float: left;
}    


.list {
    margin-top: 7px;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    
}

.list li {
 float: left;
 display: block;
 position: relative;
 padding-left: 2px;
}

.list a {
 display: block;
 /*padding: 3px;*/
 color: #000;
 text-decoration: none;
}

.list a#signup {
    width: 108px;
    height: 36px;
    background: url(images/nav_rightdiv_signup.jpg) no-repeat;
}

.list a#signup:hover, .list a.highlighted#signup .list a:focus#signup {
    background-image: url(images/nav_rightdiv_signup_mo.jpg);
}

.list a#video {
    width: 108px;
    height: 36px;
    background: url(images/nav_rightdiv_video.jpg) no-repeat;
}

.list a#video:hover, .list a.highlighted#video .list a:focus#video {
    background-image: url(images/nav_rightdiv_video_mo.jpg);
}

.list a#watch {
    width: 38px;
    height: 35px;
    background: url(images/nav_l3_watch.jpg) no-repeat;
}

.list a#listen {
    width: 38px;
    height: 35px;
    background: url(images/nav_l3_listen.jpg) no-repeat;
}

#rightdiv_5thlayer {
    margin-top: -1px;
    float: left;
    width: 220px; height: 88px;
    background: white url(images/rightdiv_5thlayer.jpg) no-repeat;
}    

* html #rightdiv_5thlayer {
    margin-top: -7px;
}

.rightdiv_dl {
    margin-top: 7px;
    margin-right: 10px;
    float: right;
    border: 1px black solid;
}

#footer {
    height: 106px;
    width: 1000px;
    background: url(images/footer.jpg) no-repeat;
    float: left;
    text-align: left;
    /*padding-top: 60px; margin-bottom: 20px;*/
    /*border: dashed 1px red; */
}

#centerdiv {
    width: 580px; text-align: left; float: left;
    min-height: 580px; height: auto !important; height: 580px; 
    background: url(images/centerdiv.jpg) no-repeat; 
    /*border: dotted 1px green;*/
}

#festival_video_box {       
    width: 520px; text-align: center; 
    height: 420px; 
    margin-top: 106px;
    padding-top: 30px;
    background-color: transparent;
}
/* paid event titles*/
#concerthallcenterdiv {
    width: 260px; height: 106px; float: left;
    background: url(images/t_concerthall.gif) no-repeat; 
    background-color: transparent;
} 

#theatrecenterdiv {
    width: 260px; height: 106px; float: left;
    background: url(images/t_theatre.gif) no-repeat; 
    background-color: transparent;
}

#heinekenclubcenterdiv {
    width: 260px; height: 106px; float: left;
    background: url(images/t_heineken.gif) no-repeat; 
    background-color: transparent;}

#mosaicstudiocenterdiv {
    width: 260px; height: 106px; float: left;
    background: url(images/t_mosaicstudio.gif) no-repeat; 
    background-color: transparent;
}

/* free event titles */
#nokiapwrhousecenterdiv {
    width: 260px; height: 106px; float: left;
    background: url(images/t_nokiapowehouse.gif) no-repeat; 
    background-color: transparent;
}

#livingroomcenterdiv {
    width: 260px; height: 106px; float: left;
    background: url(images/t_livingroom.gif) no-repeat; 
    background-color: transparent;
}

#ithfmcenterdiv {
    width: 260px; height: 106px; float: left;
    background: url(images/t_inthehousefm.gif) no-repeat; 
    background-color: transparent;
}

#vacenterdiv {
    width: 260px; height: 106px; float: left;
    background: url(images/t_visualarts.gif) no-repeat; 
    background-color: transparent;
}

/* listing by day titles */
#d1centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_7mar.gif) bottom left no-repeat; 
    background-color: transparent;
}

#d2centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_8mar.gif) bottom left no-repeat; 
    background-color: transparent;
}

#d3centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_9mar.gif) bottom left no-repeat; 
    background-color: transparent;
}
   
#d4centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_10mar.gif) bottom left no-repeat; 
    background-color: transparent;
}

#d5centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_11mar.gif) bottom left no-repeat; 
    background-color: transparent;
}  

#d6centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_12mar.gif) bottom left no-repeat; 
    background-color: transparent;
}  

#d7centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_13mar.gif) bottom left no-repeat; 
    background-color: transparent;
}

#d8centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_14mar.gif) bottom left no-repeat; 
    background-color: transparent;
}

#d9centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_15mar.gif) bottom left no-repeat; 
    background-color: transparent;
}

#d10centerdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_16mar.gif) bottom left no-repeat; 
    background-color: transparent;
}
/* other info titles */
#ticketinginfocenterdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_ticketinginfo.gif) bottom left no-repeat; 
    background-color: transparent;
}

#sponsorscenterdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_sponsors.gif) bottom left no-repeat; 
    background-color: transparent;
}

#venuecenterdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_venues.gif) bottom left no-repeat; 
    background-color: transparent;
}

#contactuscenterdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_contactus.gif) bottom left no-repeat; 
    background-color: transparent;
}

#afterhourscenterdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_mosaicafterhours.gif) bottom left no-repeat; 
    background-color: transparent;
}

#mosaicspecialscenterdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_mosaicspecials.gif) bottom left no-repeat; 
    background-color: transparent;
}

#festvideocenterdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_festivalvideo.gif) bottom left no-repeat; 
    background-color: transparent;
}

#mosaicmaniacenterdiv {
    width: 260px; height: 100px; float: left;
    background: url(images/t_mosaicmania.gif) bottom left no-repeat; 
    background-color: transparent;
}

#mf08exclusivecenterdiv {
    width: 270px; height: 100px; float: left;
    background: url(images/t_mosaicfriends.gif) bottom left no-repeat; 
    background-color: transparent;
}

#merchandisecenterdiv {
    width: 148px; height: 100px; float: left;
    background: url(images/t_mosaicmerchandise.gif) bottom left no-repeat; 
    background-color: transparent;
}

/* image handling */
.side {
    float: left;
    padding-right: 10px;
}

/*\*/
html*.side{
[margin-bottom: 0;
margin-bottom: -20px;
]margin-bottom: 0;
}/*end*/
.dummyend[id]{clear:both;}

.rsimg {
    vertical-align: middle;
}