/* CSS Document */
body { 
background: #fff;
color: #000;
width: 760px;
font: 62.5% Arial, Helvetica, sans-serif;
text-align: center;
margin: 5px auto;
padding: 0;
}
p {
background: #fff;
color: #666;
margin: 5px 0;
}
a {
background: transparent;
color: #069;
}
a:hover {
background: #069;
color: #fff;
}
h1 {

} 
h2 {
background: #fff;
color: #007BCE;
font-size: 1.8em;
font-weight: normal;
margin: 0 0 15px;
padding: 0;
}
h3 {
background: #fff;
color: #7E7E41;
font-size: 1.4em;
margin: 15px 0 0; 
padding: 0;
}
h4 {
background: #fff;
color: #37536C;
float: none;
font-size: 1.3em;
margin: 8px 0;
padding: 0;
}
h5 {
background: #f8f8f8;
color: #333;
font-size: 1.5em;
font-weight: normal;
margin: 10px 5px 0;
padding: 3px 3px 0;
} 
img {
border: 0;
}
.clear {
clear: both;
}
table {
border-collapse: collapse;
width: 100%;
margin: 5px 0 10px;
padding: 0;
border: solid 1px #EAEAEA;
clear: left;
}
table caption {
color: #666;
text-align: left;
padding: 5px;
}
table th {
background: #EAEAEA;
border-right: solid 1px #EAEAEA;
color: #666;
padding: 3px 5px;
}
table td {
border: solid 1px #EAEAEA;
padding: 3px 5px;
vertical-align: top;
}
hr {
background: #fff;
display: block;
height: 1px;
margin: 0 0 5px;
border-bottom: dashed 1px #DDDEDC;
clear: left;
}
html>body hr {
background: #fff url("../images/dash.gif") repeat-x;
border: 0;
margin: 15px 0;
}
input, select, textarea {
font: 11px Arial, Helvetica, sans-serif;
}
div#message {
margin: 0;
padding: 0;
}
div#message ul {
margin-top: 0;
margin-bottom: 0;
}
div.tbNav {
border: solid 1px #F5F5F5;
background: #F5F5F5;
clear: left;
height: 16px;
margin: 15px 0 0;
padding: 0;
}
div.tbNav div.right {
width: 120px;
margin: 0 0 0 25px;
padding: 1px 3px;
float: right;
text-align: right;
}
div.tbNav div.left {
width: 250px;
margin: 0 25px 0 0;
padding: 1px 3px;
float: left;
}

/*---------header--------*/

#header {
background: #fff url("../images/logoBg.jpg") no-repeat;
width: 760px;
height: 98px;
display: block; float: inherit;
margin: 0 auto;
padding: 0; 
}
#header img#backHome {
width: 50px;
height: 75px;
float:left;
margin: 15px 0 0 6px;
padding: 0;
}
#header img#artBg {
float: right;
margin: 50px 26px 0 0; 
padding: 0;
}


/*-----------mn---------*/

#mn {
background: #09f;
color: #fff;
width: 760px;
clear: both;
text-align: left;
margin: 0;
padding: 5px 0 5px 10px;
voice-family: "\"}\"";
voice-family: inherit;
width: 750px;
}
#mn a {
background: transparent;
color: #fff;
font-size: 1.2em;
text-decoration: none; 
vertical-align: top;
margin: 0;
padding: 4px 10px;
}
#mn a:hover {
background: transparent;
color: #FFFF33;
}

/*---------subHd--------*/

#subHd {
background: #F3F3F3;
color: #666;
width: 760px;
height: 24px;
margin: 1px 0 0;
padding: 0;
font-size: 1.1em;
}
#subHd .left {
float: left;
margin: 0;
padding: 4px 10px 0;
}
#subHd .left a {
background: #F3F3F3;
color: #666;
text-decoration: none;
}
#subHd .right {
float: right; 
margin: 0;
padding: 3px 10px 0;
}
#subHd a.small, #subHd a.medium, #subHd a.large {
background: #fff;
color: #666;
font-size: 11px; 
text-decoration: none;
border: 1px solid #ccc;
margin: 0 0 0 5px;
padding: 0 3px;
}
#subHd a.medium {
font-size: 12px;
margin: 0;
}
#subHd a.large {
font-size: 13px;
margin: 0 5px 0 0;
}
#subHd a:hover {
background: #666;
color: #fff;
}

/*--------content-------*/

#content {
background: #fff;
color: #666;
width: 760px;
text-align: left;
margin: 0;
padding: 0;
font-size: 1.1em;
}
#context {
text-align: left;
padding: 0 20px;
}
#context ul li {
margin: 0;
padding: 0 0 5px;
}
#context li ul {
margin-top: 5px;
}
#context ul li li {
margin: 0;
padding: 0 0 5px;
}
#context dl dd {
color: #666;
margin: 0 0 5px;
}

/*--------form-------*/

form#search {
clear: both;
display: block;
text-align: right;
margin: 5px 5px 0;
padding: 0;
}
input#txt {
background: #fff;
color: #666;
width: 118px;
height: 18px;
vertical-align: bottom;
font-size: 11px;
border: 1px solid #ccc;
margin: 0;
padding: 1px 0 0 5px;
}
input#btn { 
vertical-align: bottom;
font-size: 11px;
padding-bottom: 2px;
}

/*-------lists of artists------*/

#lists { 
float: inherit;
clear: both;
margin: 0 0 10px 5px;
padding: 5px;
}
#lists h2 {
border-bottom: 1px solid #e7e7e7;
margin: 0 20px 5px 0;
padding: 0 8px 3px;
} 
#lists a { 
background: #fff;
color: #666;
float: left;
text-align: center;
text-decoration: none; 
color: #666;
font-size: 16px;
margin: 4px 6px;
padding: 1px 4px;
}
#lists a:hover { 
background: #666;
color: #fff;
}
ul.artists {  
width: 170px;
float: left;
margin: 0;
padding: 20px 0 20px 20px;
}
ul.artists li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul.artists a {
background: #fff;
color: #666;
white-space:nowrap;
text-decoration: none;
margin: 0;
padding: 0;
}
ul.artists a:hover {
background: #666;
color: #fff;
}

/*--------profile-------*/

#profile { 
float: left;
width: 490px;
margin: 0 0 20px 15px;
padding: 0;
}
#profile #info {
margin-left: 105px;
}
#profile img {
float: left;
margin: 0;
padding: 0;
}
#profile p {
margin: 5px 0 10px; 
padding: 0;
}
#profile p strong {
font-size: 1.2em;
}
#profile dl { 
text-align: left;
margin: 0;
padding: 0;
}
#profile dt {
float: left;
clear: left;
font-weight: bold;
margin: 0;
padding: 0 0 1px;
}
#profile dd {
width: 347px;
float: right;
margin: 0;
padding: 0 0 1px 0px;
}

/*--------gallery-------*/

#gallery {
width: 196px;
float: right;
margin: 35px 5px 0 0;
padding: 0;
}
html>body #gallery {margin: 35px 15px 0 0;}
#gallery h3 {
background: #f2f2f2;
color: #333;
font-size: 1.3em;
margin: 0; 
font-weight: normal;
padding: 2px 4px;
}
#gallery a img { 
float: left;
margin: 5px;
padding: 0;
}

/*--------xtras-------*/

/* image formatting */
img.leftImg {
float: left;
margin: 0 6px 2px 0;
}
img.rightImg {
float: right;
margin: 0 0 2px 6px;
}
img.centerImg {
clear: both;
display: block;
float: none;
margin: 5px auto 10px auto;
text-align: center;
}

/*--------footer-------*/

#footer {
background: #fff url("../images/dash.gif") top repeat-x;
color: #666;
width: 760px;
clear: both;
text-align: center;
margin: 20px 0 0;
padding: 20px 0 0;
}
html>body #footer {padding: 10px 0 0;}
#footer div a {
background: #fff;
color: #666;
text-decoration: underline;
margin: 0 2px;
padding: 0;
}
#footer a:hover {
background: #666;
color: #fff;
}
#footer div {
margin: 10px 0;
padding: 0;
}