body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	width: 100%;
	background: #e0dcdb url("images/back.gif") repeat-y;
}
html,body {
	height: 100%;
	max-height: 100%;
}
#header {
	position: absolute;
	width: 100%;
	background-color: #FFFFFF;
	height: 57px;
	top: 0;
	left: 0;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 803px;
	height: 45px;
	background-color: #000000;
}

#home {
	background-color: #ffaf00;
}

img {
	border: 0;
}

.bookImg {
	margin-top: 4px;
}

.pdfLink { padding-left: 19px; background: url(images/pdf.gif) no-repeat top left; }
.docLink { padding-left: 19px; background: url(images/doc.gif) no-repeat top left; }

table {
	border:0px;
	padding:0px;
	border-collapse: collapse;
	border-spacing:0px;
}
td {
	border:0px;
	padding:0px;
	border-collapse: collapse;
	border-spacing:0px;
}

a {
	TEXT-DECORATION: none;
	color: #000000;
}
a:active {  }
a:visited {  }
a:hover {  color: #333333; }

p {
	padding: 0;
	margin: 0;
}

#bodyText, #sideBar {
	position: absolute;
	top: 119px;
}

#hold {
	position:absolute;
	top: 123px;
	left: 60px;
	width: 380px;
	font-size: 12px; 
	background-color:#FFFFFF;
	line-height: 16px;
	z-index: 6;
}

#hold .innerContent {
	color: #666666;
	width: 350px;
	left: 10px;
}

#load {
	/* visibility:hidden; */
	width: 380px;
	position: absolute;
	top: 123px;
	left: 60px;
	background-color: #FFFFFF;
}
#load p {
	margin: 10px;
	color: #999999;
}

#sub1, #sub2, #sub3, #sub4, #sub5, #sub6 {
	visibility:hidden;
	padding: 5px 0 5px 0;
	position:absolute;
	left: 0;
	top: 80px;
	width: 803px;
}
#sub1 span, #sub2 a, #sub3 a, #sub4 a, #sub5 a, #sub6 a {
	font-size: 10px;
	line-height: 14px;
}
#sub1 span.hilite {
	color: #aa1223;
}
#sub1 p, #sub2 p, #sub3 p, #sub4 p, #sub5 p, #sub6 p {
	margin-left: 69px;
	font-size: 14px;
	line-height: 0px;
}

#sub1 span.bigT {
	font-size: 14px;
	line-height: 0px;
}

#sub1 a, #sub2 a, #sub3 a, #sub4 a, #sub2 p, #sub3 p, #sub4 p {
	color: #FFFFFF;
}

#sub5 a, #sub5 p {
	color: #666666;
}

#sub6 a, #sub6 p {
	color: #FFFFFF;
}

#sub1 a:hover, #sub2 a:hover, #sub1 a.sel, #sub2 a.sel {
	color: #eb3913;
}

#sub3 a:hover, #sub3 a.sel {
	color: #691151;
}

#sub4 a:hover, #sub4 a.sel {
	color: #ffaf00;
}

#sub5 a:hover, #sub5 a.sel {
	color: #000000;
}

#sub6 a:hover, #sub6 a.sel {
	color: #691151;
}

#sub1 { 
	clear: both;
	background-color: #ffaf00;
	color: #666666;
}
#sub2 { background-color: #691151; }
#sub3 { background-color: #eb3913; }
#sub4 { background-color: #aa1223; }
#sub5 { background-color: #a8e1f8; }
#sub6 { background-color: #8eb2c1; }

#pnHome, #pnAbout, #pnWhats, #pnArtist, #pnBizArt, #pnVenues {
	position:relative;
	float: left;
	top: 57px;
}
#pnHome { width: 60px; }
#pnAbout { width: 74px; }
#pnWhats { width: 77px; }
#pnArtist { width: 127px; }
#pnBizArt { width: 118px; }
#pnVenues { width: 140px; }

#mn1, #mn2, #mn3, #mn4, #mn5, #mn6 {
	height: 17px;
	text-indent: -1000px;
	display: block;
}
#mn1 { background: url(images/btnHome.gif); width: 60px; }
#mn2 { background: url(images/btnAbout.gif); width: 74px; }
#mn3 { background: url(images/btnWhats.gif); width: 77px; }
#mn4 { background: url(images/btnArtist.gif); width: 127px; }
#mn5 { background: url(images/btnBizArt.gif); width: 118px; }
#mn6 { background: url(images/btnVenues.gif); width: 140px; }
#mn1.mnOver, #mn2.mnOver, #mn3.mnOver, #mn4.mnOver, #mn5.mnOver, #mn6.mnOver {
	background-position: 0 -26px;
}

#pnQuote {
	position: absolute;
	top: 123px;
	left: 608px;
	z-index: 6;
}

#bhQuote {
	position: absolute;
	top: 104px;
	left: 456px;
	z-index: 5;
	height: 618px;
	width: 347px;
}

#hold ul {
	padding: 0;
	margin-top: 0;
	margin-bottom: 16px;
	margin-left: 0;
	list-style-type: none;
	float: none;
}

#hold ul li {
	float: none;
	margin-left: 0px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 9px;
	background: url("common/bullet.gif") no-repeat 0px .5em;
}


#hold td ul {
	padding: 0;
	margin-top: 0;
	margin-bottom: 16px;
	margin-left: 0;
	list-style-type: none;
}

#hold td ul li {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 9px;
	background: url("common/bullet.gif") no-repeat 0px .5em;
}

#hold td {
	padding: 0 8px 0 0;
	border:0;
	font-size: 12px;
	vertical-align: top;
	}

#hold table {
	border:0;
	}

noscript {
	background-color: #FFFFFF;
	z-index:40;
}

.Sml {
	font-size: 10px;
}

.bdyImg {
	margin: 0 10px 20px 0;
	float: left;
}

.bdyImgs {
	float: left;
	width: 100px;
}


.itemImg {
	margin: 0 10px 0 0;
	float: left; 
	width: 90px; 
	text-align: right; 
	padding: 0;
	font-size: 1px; 
}

.imgText {
	width: 240px;
	margin-left: 100px;
	padding: 0;
}

.woHeader {
	padding: 5px;
	background-color: #691151;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.woHeader a {
	color: #FFFFFF;
	font-weight: bold;
}

.woHeader a:hover {
	color: #cccccc;
}

.woHeader .selMth {
	color: #eb3913;
}

.woImg {
	margin: 0 0 8px 0; 
	height: 113px;
}

.woRow {
	margin-bottom: 10px;
}

.woCell {
	margin-right: 12px;
	width: 150px ; 
	float: left;
}

.homeItems {
	background-color: #ffaf00;
	width:  350px;
}

.homeBreak {
	border: 0;
	border-bottom: 10px solid #FFFFFF;
}

.homeItem {
	
}

.homeText {
	padding: 10px 10px 10px 10px ;
}

.homeImg {
	margin: 0 0 0 10px;
	float: right;
	font-size: 1px;
}

div.hr {
	height: 31px;
	background: url("images/hr.gif") repeat-x 0px 15px;
}

div.hr hr {
  display: none;
}

p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
	line-height: 16px;
	font-size:12px;
	color: #909090;
	font-weight:bold;
	padding: 0;
	margin: 0;
}

h1 {
	padding: 0 0 16px 0 !important;
	padding: 0;
	margin: 0 !important;
	margin: 0 0 16px 0;
}

h2 {
	color: #aa1223;
}



/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
#wn	{ 
	width:368px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollLinks { 
  position:absolute; 
  top:123px;
  height:200px;
  width:13px;
  font-size:1px; 
  z-index:20;
  left: -3000px;
  }

div#scrollbar { 
  position:absolute; left:0px; top:0px;
  width:13px; 
  bottom:0; 
  font-size:1px; 
  z-index:1;
  }
  
div#track { 
  position:absolute; left:0px; top:0px;
  width:13px; height:200px;
  background-image:url("images/scroll_back.gif");
  z-index:1;
  }
div#dragBar {
  position:absolute; left:0px; top:0px;
  width:13px; height:53px;
  background-image:url("images/scroll_btn.gif");
  z-index:1;
  }  
div#up { position:absolute; left:0px; top:175px; height: 14px; width: 13px; z-index:2 }  
div#down { position:absolute; left:0px; top:188px; height: 14px; width: 13px; z-index:3 }  



#pnSearch {
	position: absolute;
	top: 461px;
	left: 608px;
	z-index: 7;
	background-color: #666666;
	width: 195px;
	
	filter:alpha (opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}

.searchBox, .privacy {
	filter:alpha (opacity=100);
	-moz-opacity:1;
	opacity: 1;

	color: #ffffff;
	padding: 6px;
	margin: 0;
	font-size: 11px;
}
.privacy { 
	padding-top: 0;
}
.privacy a {
	color: #CCCCCC;
}
.privacy a:hover {
	color: #FFFFFF;
}
.searchBox label {
	font-weight: bold; 
}
.searchBox input {
	border: 0;
	margin: 0 0 0 5px;
	width: 80px;
	font-size: 11px;
	font-weight: normal;
	/* \*/
	width: auto;
	/* */
}

.searchBox .button {
	border: 0;
	margin: 0 0 0 5px;
	width: 20px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #333333;
	cursor:pointer;
	font-weight: bold;
	/* \*/
	width: auto;
	/* */
}


.formRow {
  padding-bottom: 16px;
}

.formLabel {
}

.formInput {
  padding-left: 24px;
}

input {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}


.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */