/* CSS Document */

* {
padding: 0;
margin: 0;
}

body {
background-color: #cccc99;
margin: 0;
padding: 0;
/*padding-top: 120px;*/
padding-top: 70px;
width: 100%;
}

table {
font: bold 11px arial, verdana, sans-serif;
color: #fff;
}

#body.home {
padding-left:  195px;
padding-right: 80px;
white-space: nowrap;
}


#body.home img {
margin-right: 4%;
}


/* stupid ie */
* html #body.home img {
margin-bottom: 0px;
}
/* end stupid ie */

#header, #body, #footer {
white-space: nowrap;
background-color: #4c4c4c;
}

#header {
padding-top: 40px;
}


h1 {
font: 18px arial, verdana, sans-serif;
color: #D2C8EA;
border-bottom: 1px dashed;
letter-spacing: .2em;
width: 250px;
padding-top: 15px;
margin-bottom: 15px;
}

h4 {
font: bold 14px arial, sans-serif;
padding-top: 14px;
}

#body {
position: relative;
background-color: #666;
border-top: 1px solid white;
padding: 0 30px 0 90px;
font: 14px "trebuchet ms", verdana, arial, sans-serif;
color: white; 
white-space: normal;
}

#content {
position: relative;
width: 500px;
/*width: 600px;*/
border-right: 1px solid white;
padding: 0px 20px 20px 15px;
background-color: #424242;
/*white-space: inherit;*/
min-height: 242px;
/*min-height: 345px;*/
border-left: 1px solid #4c4c4c;
border-bottom: 1px solid #4c4c4c;
background-image: url(../images/bg_strip2.jpg);
}
div#content.artists {
min-height: 345px;
}

/* ie body height hack */
* html #content {
height: 300px;
}

div#text {

width: 300px;
height: 290px;
overflow: auto;
padding-right: 15px;
}

div#text.copy {
width: 330px;
/*width: 410px;*/
height: 210px;
}

#content p {
font: 11px "trebuchet MS", verdana, arial, sans-serif;
text-align: justify;
padding-bottom: 14px;
}

#content p a {
color: white;
}

#content p a:hover {
color: orange;
}

#imageholder {
position: absolute;
left: 675px;
/*left: 777px;*/
top: 30px;
margin-right: 0px;
/*height: 202px;*/
width: 300px;
/*border-left: 20px solid #FC7801;*/
}

*html #imageholder {
left: 548px;
/*left: 650px;*/
}


#imageholder img {
border: 1px solid #fff;
/*border-left-width: 8px;*/
}


#subnav {
position: relative;
padding-left: 96px;
/*padding-left: 196px;*/

/*width: 100%; */
border-bottom: 2px solid white;
background-color: #666;
/*clear: both;*/
}

* html #subnav {
padding-left: 59px;
/*padding-left: 160px;*/
}

#subnav div.navtxt {

width: 528px;
border-right: 1px solid white;
padding-top: 15px;
padding-right: 2px;

}


div.bars, div.navtxt {
white-space: nowrap;
position: static;
}

.bars {
width: 520px;
/*border-top: 1px solid white;*/
/*border-left: 2px solid white;*/
border-right: 11px solid white;

}

* html #subnav div.bars {
margin-left: -1px;
}

/*
.bars img {
border-top: 1px solid white;
}*/




#footer {
padding: 10px 40px;
text-align: center;
clear: both;
}

#footer img {
margin: auto;
}

ul {
width: 190px;
/*width: 220px;*/
font: bold 11px verdana, arial, sans-serif;
color: orange;
float: left;
border: 1px solid #4c4c4c;
border-left: 20px solid #D2C8EA;
border-right: 5px solid;
position: relative;
top: 5px;
left: -105px;
text-align: right;
margin: 0px -80px 20px 0;

padding-bottom: 5px;
background-image: url(../images/bg_strip.gif);
}


ul li {
list-style-type: none;
line-height: 16px;
}

ul li a {
color: orange;
text-decoration: none;
}

ul li a:visited {
color: orange;
text-decoration: none;
}

ul li a:hover {
color: #FF9300;
text-decoration: none;
}

ul li a#anchor {
color: #D2C8EA;
}



/*begin gallery */

#gallery {
position: relative;
/*right: -95px;*/
right: -40px;
float: right;
width: 58px;
/*width: 114px;*/
margin: 9px 0 9px /*-10px*/ -60px;
/*border-left: 1px solid white;
border-bottom: 1px solid white;*/
}

#gallery a img {
border: 1px solid orange;
margin: 2px;
float: none;
position: relative;
}

#gallery a:link img {
border: 1px solid orange;
}
#gallery a:visited img {
border: 1px solid orange;
}
#gallery a:hover img  {
border: 1px solid #FC7801; 
}
#gallery a:active img {
border: 1px solid yellow;
}

* html #gallery a:active img {
border: 1px solid #FC7801;
}


/*end gallery */



.clear {
float: left;
clear: both;
}

body div.galbtn {
width: 136px;
margin-top: 15px;
position: absolute;
left: 597px;
/*left: 785px;*/ 
}

* html body div.galbtn {
left: 505px; 
}

body div.galbtn img {
display: block;
float: right;
}

body div.galbtn img.bar {
/*border: 1px solid white;*/
border-bottom: none;
/*border-left-width: 25px;*/
}

body.lgpic img {
border: 2px solid orange;
}

input, textarea {
border: 1px solid #fff;
height: 18px;
width: 150px;
background-color: #CCCCCC;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin-bottom: 0px;
}
textarea {
height: 50px;
}


input.submitbtn {
width: 50px;
background: orange;
}

.smallertxt {
font-size: 10px;
}

img.clip {
cursor: pointer;
}