@charset "utf-8";
/* CSS Document */

/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
}
/* end reset styles */
body {
	background-color:#F9F9F9;
	font-family:Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size:16px;
}
a:link {
	color:#3A3A3A;
	text-decoration:none;
}
a:hover {
	color:#CF0E13;
}
a { 
text-decoration:none;
}

/*LOGO*/

#logo {
	background-image:url(images/logo_henryboxergallery_outsider_art.gif);
	background-position:right;
	background-repeat:no-repeat;
	width:1100px;
	height:110px;
	margin-bottom:10px;
}
	.logo {
	padding:10px;
}
#content {
		background:url(images/sidebar.gif) repeat-y left top;
		width:1100px;
		text-align:center;
}
#container {
	width:520px;
	margin:20px 180px 20px 350px;
}

/*Top Nav*/
.left {
	margin-left:150px;
}
#nav_top {
	background-color:#000;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:24px;
	font-weight: bold;
	word-spacing:6px;
}

#nav_top  ul {
		list-style: none;
		
		}

#nav_top  li {
		font-size:16px;
		display: inline;
		padding: 3px 24px;
		border-right: 1px solid #fff;
		}

#nav_top .right {
		border-right: none;
		}

#nav_top a:link, #nav_top a:visited {
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		}

#nav_top a:link {
		color: #F9F9F9;
		}

#nav_top a:visited {
		color: #F9F9F9;
		}

#nav_top a:hover {
		color:#9F9F9F;
		}
#nav_top a:active {
		color: #F9F9F9;
		}

/*Left Nav Bar*/
#navigation {
	float:left;
	background-color:#000;
	padding-top: 35px;
	text-align:left;
}
#navigation ul {
		list-style-type: none;
		width: 150px;
		font: 13px Arial, Helvetica, sans-serif;
		line-height:30px;
		}

#navigation ul ul {
		font-size: 13px;
		}

#navigation a:link, #navigation a:visited {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		padding: 5px 12px 5px 8px;
		background-color: #000;
		color: #F9F9F9;
		border-top: 1px solid #fff;
		}

#navigation a:hover {
	color:#000;
		background-color: #DDD;
		}

#navigation a:active {
		padding: 2px 13px 4px 7px;
		background-color:#999;
		color: #F9F9F9;
		border-top: 1px solid #333333;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #333333;
		}

#navigation li li a:link, #navigation li li a:visited {
		text-decoration: none;
		text-transform: lowercase;
		font-weight: normal;
		padding: 3px 3px 3px 17px;
		background-color: #999999;
		color: #111111;
		}

#navigation li li a:hover {
		background-color:#CDCDCD;
		color:#000;
		}

#navigation li li a:active {
		padding: 2px 4px 4px 16px;
		background-color: #888888;
		color: #000000;
		border-top: 1px solid #333333;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #333333;
		}
		
#outsider #outsiderlink, #visionary #visionarylink, #british #britlink, #naive #naivelink, #selftaught #selflink {
		color:#000;
		background-color: #F9F9F9;
		border-right:none;
		}
.left_nav_border{
	border-bottom: 1px solid #fff;
}
.category {
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:0 2px 30px 9px;
	text-align:left;
}
/*Floats*/
#artist_main {
	width:950px;
	margin-top:10px;
	display:block;
	overflow:hidden;
	zoom:1;
}
#mainpic {
	float:right;
	width:490px;
	padding:50px 10px 10px 10px;
}

#artistbio {
	float:left;
	width:400px;
	padding:20px;
	text-align:left;
}
/*ABout Floats*/
#about {
	float:left;
	margin:10px;
	padding-top:10px;
	overflow:hidden;

}
#about_pic {
	float:left;
	width:320px;
	margin-right:10px;
}
#about_text {
	float:left;
	width:550px;
	padding:20px;
	padding-top:0;
	text-align:left;
}

/*footer*/
#footer {
	color:#fff;
	font-size:10px;
	background-color:#000;
	float:none;
	clear:both;
	width:auto;
	padding:10px;
	padding-top:20px;
	margin:10px;
	margin-left:150px;
	margin-right:0;
	margin-bottom:0;
	text-align:center;
}
ul {
	list-style-type:none;
}
/*Text Formatting*/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	letter-spacing:2px;
	padding-bottom:20px;
}
#caption {
	background-color:#000;
	color:#CCC;
	font-weight:bold;
}
#artistbio p {
	margin-bottom:10px;
}
#mainpic img{
	margin:20px;
}
/*About Text Formatting*/

#about_main h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	letter-spacing:2px;
	margin-bottom:15px;
	padding:15px;
}
#about_main p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	word-spacing:2px;
	letter-spacing:1px;
	line-height:20px;
	margin-bottom:5px;
}

/*Container*/
ul {
	list-style-type:none;
}

#container h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	letter-spacing:2px;
	margin-top:20px;
}
#container p {
	color:#F9F9F9;
	background-color:#000;
	font-size:12px;
	font:bold;
}
#container a{
	padding-bottom:5px;
}
#container img {
	margin-bottom:2px;
}
.italics {
	font-style:italic;
}

/*dropt*/
span.dropt {border-bottom:thin; background: #F9F9F9;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2.5%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

/*dropta*/
span.dropta {border-bottom:thin; background: #F9F9F9;}
span.dropta:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropta span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropta:hover span {left: 14%; background: #ffffff;} 
span.dropta span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropta:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}

/*droptb*/
span.droptb {border-bottom:thin; background: #F9F9F9;}
span.droptb:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.droptb span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.droptb:hover span {left: 26%; background: #ffffff;} 
span.droptb span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.droptb:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}

/*droptc*/
span.droptc {border-bottom:thin; background: #F9F9F9;}
span.droptc:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.droptc span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.droptc:hover span {left: 37%; background: #ffffff;} 
span.droptc span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.droptc:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}

/*droptd*/
span.droptd {border-bottom:thin; background: #F9F9F9;}
span.droptd:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.droptd span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.droptd:hover span {left: 49%; background: #ffffff;} 
span.droptd span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.droptd:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}