/* CSS Document */

html { margin: 0; padding: 0; }

body { font-family : Arial, Helvetica, sans-serif; 
	 background: #333333 url(../images/bg_body.png) repeat-x 0px 0px; margin: 0px 0px 0px 0px; }
* html body {  }

#wrap { position:relative; margin: 0px auto; padding: 0; width: 790px;  
 /* background: #FFFFFF url(../images/bg_wrap.gif) repeat-y 0px 0px; */
 background: #FFFFFF; 
 } 

#header { margin: 0 0 0 160px; padding:0 0 0 0px; height:74px;
	background: url(../images/header.png) no-repeat 0px 0px;  }

#leftpic { position:absolute; top:0; left:0; float:left; width:140px;    }
#rightpic { float:right; margin:42px 0 0 0; padding:0 24px 0 0; width:140px; height:464px; 
	 font-size: 0.75em; line-height:130%; color:#666666;}
* html #rightpic { padding:0 16px 0 0; }
#rightpic img { margin:0 0 4px 0; padding:4px; border: 1px solid #CCCCCC; }
#rightpic #picArtist { padding-left:4px; }
#rightpic #picDesc { padding-left:4px; font-style:italic }
body#ArtistPage #rightpic { position:absolute; top:0; left:790px; visibility:hidden; }

#nav {  position:absolute; top:74px; left:0px; padding:0 0 0 160px; height:22px; background: url(../images/bg_nav.png) repeat-x 0px 0px; width:630px}
ul#mainNav { height:22px; margin:0px; padding:0 0 0 0; list-style:none; background: url(../images/navDivider.gif) no-repeat left center; }
#mainNav li { float:left; margin:0; padding:0; background: url(../images/navDivider.gif) no-repeat right center; }
#mainNav a { float:left; display:block; margin:0; padding:0 8px; text-decoration:none; line-height:22px; color:#CDE1CD; 
	font-size: 0.8em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
* html #mainNav a { font-size: 0.7em; font-weight:bold; }
#mainNav a:hover, a#on { color:#FFFFFF; }

#content { margin:42px 0 0 160px; padding:0; width:450px; float:left;  
	border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: #FFFFFF url(../images/contentends.gif) no-repeat top left;
	font-size: 0.85em; line-height:140%; color:#666666;  }
* html #content { font-size: 0.8em; margin:42px 0 0 80px;}
#content div#text { padding:10px 20px 10px 20px; background: url(../images/contentends.gif) no-repeat bottom left; }	

body#ArtistPage #content { width:610px; background: url(../images/contentendsArtists.gif) no-repeat top left; }
body#ArtistPage #content div#text { background: url(../images/contentendsArtists.gif) no-repeat bottom left; }

#content ul { clear:both; margin:0; padding:0px 0 5px 0px; }
#content ul li { margin:0; padding:0 0 4px 22px; list-style-type:none;  }
#content ol { clear:both; margin:0; padding:0px 0 5px 0px; }
#content ol li { margin:0 0 5px 20px; _margin:0 0 5px 22px; }


table#artistsList { margin:15px 0 0 0; }
table#artistsList td { margin:20px 0 0 0; padding:10px 0px 0px 0px; }
table#artistsList img { margin:0 0 4px 0; padding:4px; border: 1px solid #CCCCCC; border-top: none; }
.name { font-weight:bold; margin:0; padding:0 0 0 0}
.picture { font-style:italic; margin:0; padding:0 0 0 0px; border-top: 1px solid #CCCCCC; float:right; text-align:right; width:220px}

p { margin: 0; padding:5px 0px 5px 0px; }
h1 { margin: 0; padding:0px 0px 5px 0px; font-size: 150%; line-height:150%; color: #006600; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif }
h2 { margin: 0; padding:0px 0px 0px 0px; font-size: 120%; line-height:140%; color: #006600; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif }
h3 { margin: 0; padding:10px 0px 0px 0px; font-size: 110%; line-height:140%; color: #006600; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif }
h4 { margin: 0; padding:10px 0px 0px 0px; font-size: 110%; line-height:140%; color: #006600; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif }
.location { padding:5px 10px 2px 0px; }
.anecdote { color:#006600; background:#E6F0E6; margin:10px 0 10px 0; padding:10px 15px 10px 15px; line-height:140% }

hr { height:1px; background: none; 
	width:100%; border:none; border-top:1px solid #CCCCCC; margin:10px 10px 15px 0; }
* html hr { margin:5px 10px 8px 0; padding:0; width:100%;
 }
 
 /* A LINKS */
a:link, a:visited { color: #006600; text-decoration: none; font-weight: bold;}
a:hover { color: #006600; text-decoration: underline; font-weight: bold; }

#pageNums { float:right; margin-top:5px}
#pageNums a { margin:0 2px; padding: 3px 4px; background:#DDDDDD;  }
#pageNums a:hover, #pageNums a#on {background:#006600; color:#FFFFFF; text-decoration: none; }
.next { float:right}

#footer { clear:both; border-bottom: 5px solid #006600; padding-top:20px; }