body, html {
  margin: 0px;
  padding: 0px;
      height:80%;
      border:none
}

body, select {
font: 12px/18px arial, helvetica, sans-serif;
}
#rightcol ul, #leftcol ul, #midcol ul {padding-top: 3px; padding-right: 5px; padding-bottom: 15px; padding-left: 25px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0px;}

div#outer {
    width: 750px;
    height: 584px;
margin-top: 30px;
margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
  background-image: url(images/back.png);
  background-repeat: repeat-x;
}

#topshadow {
  background: transparent;
  float: left;
  height: 25px;
  width: 750px;
}

#leftshadow {
  background: transparent;
  float: left;
  width: 25px;
  height: 534px;
}

#insideofshadow {
  background: transparent;
  float: left;
  width: 700px;
  height: 534px;
}

#header {
  background: transparent;
  height: 85px;
  width: 683px;
 padding: 15px 0px 0px 17px;
}

#leftcol {
  background: transparent;
  float: left;
  padding: 14px 0px 15px 20px;
  width: 380px;
  height: 375px;
  overflow: hidden;
  text-align: justify;
  font: 12px/20px arial, helvetica;
  color: #333333;
}

#rightcol {
  background: transparent;
  float: left;
  padding: 15px 20px 15px 0px;
  width: 380px;
  height: 354px;
  overflow: hidden;
  text-align: justify;
  font: 12px/20px arial, helvetica;
  color: #333333;
}

#left2col {
  background: transparent;
  float: left;
  padding: 15px 20px;
  width: 260px;
  height: 374px;
  overflow: hidden;
  text-align: justify;
  font: 12px/20px arial, helvetica;
}

#right2col {
  background: transparent;
  float: left;
  padding: 15px 20px;
  width: 260px;
  height: 374px;
  overflow: hidden;
  text-align: justify;
  font: 12px/20px arial, helvetica;
}

#midcol {
  background: transparent;
  float: left;
  padding: 14px 17px 15px 17px;
  width: 666px;
  height: 375px;
  overflow: hidden;
  text-align: justify;
 margin: 0px;
  font: 12px/20px arial, helvetica;
  color: #333333;
}



#footerleft {
  background: #dddddd;
float: left;
  padding: 7px;
  height: 16px;
  width: 586px;
  font: 12px arial, helvetica;
}
#footerright {
  background: #dddddd;
float: right;
  padding: 9px 7px 5px 7px;
  height: 16px;
  width: 86px;
  font: 12px arial, helvetica;
text-align: right;
}

#rightshadow {
  background: transparent;
  float: left;
  width: 25px;
  height: 534px;
}
#bottomshadow {
  background: transparent;
  float: left;
  height: 25px;
  width: 750px;
}















a:link {color: #777; text-decoration: underline; font-weight: bold;}
a:visited {color: #999; font-weight: bold;}
a:active {color: #846785; font-weight: bold;}
a:hover {color: #7e3b86; font-weight: bold;}

#footerleft a {text-decoration: none;}
a.option {text-decoration: none;}


/* a:link {color: #503653; text-decoration: underline;}
a:visited {color: #503653; text-decoration: underline;}
a:active {color: #503653; text-decoration: none;}
a:hover {color: #846785; text-decoration: none;} 
*/

div#results {
float: left;
height: 82px;
width: 82px;
margin: 0px 14px 15px 0px;
background: #d6d6d6;
}
div#resultslast {
float: left;
height: 82px;
width: 82px;
margin: 0px 0px 15px 0px;
background: #d6d6d6;
}




div#artistresults {
float: left;
height: 113px;
width: 92px;
margin: 13px 54px 0px 0px;
text-align: center;
}
div#artistresultslast {
float: left;
height: 113px;
width: 92px;
margin: 13px 0px 0px 0px;
text-align: center;
}
div#artistresultsfirst {
clear: both;
float: left;
height: 113px;
width: 92px;
margin: 13px 54px 0px 68px;
text-align: center;
}


div#results2 {
clear:both;
float: left;
height: 82px;
width: 82px;
margin: 0px 5px 5px 5px;
text-align: center;
background: #d6d6d6;
}
div#results2last {
float: left;
height: 82px;
width: 82px;
margin: 0px 0px 5px 0px;
text-align: center;
background: #d6d6d6;
}




        .v-outer {
            display: table;
            #position: relative;
            overflow: hidden;
            height: 100%;
            background: transparent;
            font-color: #000;
            width: 100%;
        }
        .v-outer2 {
            display: table;
            #position: relative;
            overflow: hidden;
            height: 336px;
            background: transparent;
            font-color: #000;
            width: 100%;
        }

            .v-middle {
                display: table-cell;
                #position: absolute;
                #top: 50%;
                vertical-align: middle;
            }

                .v-inner {
                    #position: relative;
                    #top: -50%;
                }

#menu, #menu2, #menu3, #menu4, #menu5, #menu6 {
background: transparent;
float: left;
padding: 0px 15px 0px 0px;
}

.headoo1, .headoo2, .headoo3, .headoo4, .headoo5, .headoo6, .headoo7 {
display: table;
#position: relative;
overflow: hidden;
border-width: 0;
margin: 0;
padding: 0;
font-weight: normal;
}

#menu ul, #menu2 ul, #menu3 ul, #menu4 ul, #menu5 ul, #menu6 ul {
list-style: none;
margin: 0;
padding: 0;
width: 82px;
height: 82px;
float: left;
}

#menu ul, #menu2 ul, #menu3 ul, #menu4 ul,  #menu5 ul, #menu6 ul {
font: 14px/16px arial, helvetica, sans-serif;
}
#menu ul li ul, #menu2 ul li ul, #menu3 ul li ul, #menu4 ul li ul, #menu5 ul li ul, #menu6 ul li ul {
font: 11px/16px arial, helvetica, sans-serif;
}

.headoo1, .headoo2, .headoo3, .headoo4, .headoo5, .headoo6 {
color: #fff; height: 82px; text-transform: lowercase;
font-weight: 700;
}

.heado {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
.head {
#position: relative;
#top: -50%;
text-align: center;
width: 82px;
}

.headoo1{background: #442745;}
.headoo2{background: #67686b;}
.headoo3{background: #423741;}
.headoo4{background: #a3a290;}
.headoo5{background: #645067;}
.headoo6{background: #67686b;}
.headoo7{background: #ddd; height: 41px;}
.headoo7:hover {background: #bbb;}

#menu a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a {
color: #000;
text-decoration: none;
	display: block;
	margin: -1px 0px;
	color: #000;
	text-decoration: none;
	padding: 3px 0px 1px 0px; 
}

#menu a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover {
color: #000;
}

#menu li li, #menu2 li li, #menu3 li li, #menu4 li li, #menu5 li li, #menu6 li li {
position: relative;
padding: 2px 0px 0px 0px; 
background: #ebebeb;
}

#menu ul ul, #menu2 ul ul, #menu3 ul ul, #menu4 ul ul, #menu5 ul ul, #menu6 ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul, #menu2 ul ul ul, #menu3 ul ul ul, #menu4 ul ul ul, #menu5 ul ul ul, #menu6 ul ul ul {
top: 0;
left: 82px;
padding: 0px 0px 0px 5px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu2 ul ul,
div#menu2 ul li:hover ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;}

div#menu3 ul ul,
div#menu3 ul li:hover ul ul,
div#menu3 ul ul li:hover ul ul
{display: none;}

div#menu4 ul ul,
div#menu4 ul li:hover ul ul,
div#menu4 ul ul li:hover ul ul
{display: none;}

div#menu5 ul ul,
div#menu5 ul li:hover ul ul,
div#menu5 ul ul li:hover ul ul
{display: none;}

div#menu6 ul ul,
div#menu6 ul li:hover ul ul,
div#menu6 ul ul li:hover ul ul
{display: none;}


div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}

div#menu3 ul li:hover ul,
div#menu3 ul ul li:hover ul,
div#menu3 ul ul ul li:hover ul
{display: block;}

div#menu4 ul li:hover ul,
div#menu4 ul ul li:hover ul,
div#menu4 ul ul ul li:hover ul
{display: block;}

div#menu5 ul li:hover ul,
div#menu5 ul ul li:hover ul,
div#menu5 ul ul ul li:hover ul
{display: block;}

div#menu6 ul li:hover ul,
div#menu6 ul ul li:hover ul,
div#menu6 ul ul ul li:hover ul
{display: block;}