body{ 
margin: auto 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
background-color:#fff;
color:#666666;
}

a{
text-decoration:none;
color:#666666;
}

a:active{
text-decoration:none;
color:#666666;
}

a:link{
text-decoration:none;
color:#666666;
}

a:hover{
text-decoration:none;
color:#666666;
}

a:visited{
text-decoration:none;
color:#666666;
}

a:focus{
text-decoration:none;
color:#666666;
}

#current{
	height: 95px;
	width: 205px;
	color:#2b2b2b;
	font-size:1.2em;
	text-decoration:none;
	padding: 10px 25px 10px 10px;
	margin-top: 550px;
	background-color:#fff;
	filter:alpha(opacity=60);
    opacity:0.6;
	float:right;
	text-align:right;
}

#wrapper_main{
	margin:auto;
	margin-top: 0;
	width:900px;
	height: 779px;
	background-image:url(images/dab_foyer.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #E1E1E1;
border-left-color: #E1E1E1;
border-bottom-width: 1px;
border-bottom-color: #E1E1E1;
position: relative;
}


.announce {
position: absolute;
top:589px;
left:400px;
}

#wrapper{
	margin:auto;
	margin-top: 0;
	width:900px;
	height: auto;
	background-image:url(images/dab_foyer.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #E1E1E1;
border-left-color: #E1E1E1;
border-bottom-width: 1px;
border-bottom-color: #E1E1E1;
}

p{
color:#666666;
}

h2{
font-family:Arial;
font-weight:bold;
font-size: 1.1em;
color:#666666;
}

h1{
font-family:Arial;
font-weight:bold;
font-size: 1.1em;
color:#666666;
}

h1 a{
font-family:Arial;
font-weight:bold;
color:#666666;
text-decoration:none;
}

h1 a: hover{
color:#00CC33;
text-decoration:underline;
}

.dab_logo{
height:20px;
width:349px;
float:right;
margin-right:20px;
margin-top:20px;
}

.foyer{
width:315px;
height:286px;
float:left;
}

.gallery-intro{
font-family:Arial;
font-size: 1.1em;
width: 525px;
height: auto;
float:left;
padding: 0 1.0em 3.0em 1.0em;
}

.directions{
	width: 400px;
	height: 400px;
	float:left;
	padding: 10px;
	border: 1px solid #E1E1E1;
	margin:5px;
}

.directions_top{
	width: 400px;
	height: 240px;
	float:left;
	padding: 10px;
	border: 1px solid #E1E1E1;
	margin:-25px 5px 5px 5px;
}

	   
.nav{
font-size:1.2em;
margin-top:5px;
margin-left:10px;
padding:0;
background:none;
list-style-type: none;
width:650px;
float:left; /*Conains floated list items */
}

.nav li{
margin:0;
padding: 0;
float: left;/*This corrects the */
}

.nav a{
float:left;
text-align:center;
color:#666666;
font-size:1.2em;
text-decoration:none;
padding: 0 15px;
line-height: 2.5;
}

.nav .nav_contact a{
border:none;
}

.nav a:hover {
margin-top: -10px;
padding-top:10px;
color:#2b2b2b;
width:auto;
}

#content{
padding: 15px 15px 30px 15px;
margin-bottom:10px;
color:#666666;
width: 868px;
font-size: 1.1em;
height:auto;
float:left;
background-color:#fff;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #E1E1E1;
border-left-color: #E1E1E1;
border-bottom-width: 1px;
border-bottom-color: #E1E1E1;
}

#subwrapper{
margin: 0 auto;
margin-top: 0;
width:900px;
background-color:#fff;
}

.subheader{
width:900px;
height:120px;
background-image:url(images/header_sub.jpg);
}

.info{
float: left;
color:#666666;
}

#footer{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.1em;
background-color:#FFFFFF;
width: 880px;
text-align:right;
color:#666666;
padding:10px;
margin: 0 auto;
}


ul.thumbnails a {
border:1px solid #CCCCCC;
color: #666666;
line-height: 1em;
display:block;
float:left;
margin:0;
padding:4px 4px 9px;
text-align:center;
margin:6px;
}

ul.thumbnails a:hover {
background-color:#EEEEEE;
border-color:#CCCCCC;
}



ul.thumbnails {
background:#FFFFFF none repeat scroll 0 0;
float:left;
line-height:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 5px;
padding:0;
text-align:center;
width: 870px;
}

ul.thumbnails li {
display:inline;
margin:0;
padding:0;
}

.news{
width: 860px;
height:100%;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
float:left;
}

.news_image{
width: 250px;
height:315px;
float:left;
margin-right: 10px;
margin-left: 20px;
}

.news_content{
padding: 20px 0 0 10px;
width:550px;
height: 330px;
float:left;
}

.news_content_b{
font-size:1.2em;
font-weight:bold;
}

#artists{
font-size: 1.2em;
height: 350px;
width:150px;
float:left;
}

#artists a {
color:#666666;
text-decoration:none;
}

#artists a:hover {
color:#2b2b2b;
font-weight:normal;
}

#artists em {
font-style: normal;
}

#artists ul {
list-style: none;
margin-top: 30px;
}

#artists ul li {
float: left;
}

#artists ul li a {
width: 100px;
height: 100px;
display: block;
}

#artists a img {
height: 0; 
width: 0; 
border-width: 0;
}

#artists a:hover img {
position:absolute;
top: 200px; 
left: 650px;
float:right;
height: 300px; 
width: 300px;
	}

#artist-container{
width: 870px;
height: auto;
background-color: #fff;
}

#slideshow-area, #slideshow-scroller {
  width: 700px;
  height: 560px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

#slideshow-area {
  border: none;
}

#slideshow-holder {
  height: 100%;
  width: 100%;
}

#slideshow-previous, #slideshow-next {
  width: 70px;
  height: 20px;
  position: absolute;
  background-image:url(images/previous.jpg);
  top: 500px;
  display: none;
  cursor: pointer;
  cursor: hand;
}

#slideshow-next {
  display: block;
    background-image:url(images/next.jpg);
  top: 500px;
  right: 0;
}

.slideshow-content {
  float: left;
  line-height: 10px;
  width: 700px;
  padding-bottom: 15px;
}

.pix-descripton{
width:300px;
height:80px;
font-size: 1.2em;
margin-left:150px;
line-height: 1.5;
padding-bottom: : 10px;
}

ul.publications a {
border:1px solid #CCCCCC;
color: #666666;
line-height: 1em;
display:block;
float:left;
margin:0;
padding:4px 4px 9px;
text-align:center;
}

ul.publications a:hover {

border-color:#CCCCCC;
}

ul.publications a {
text-decoration:none;
margin-bottom:15px;
margin-left:30px;
margin-right:30px;
width:200px;
}

ul.publications {
background:#FFFFFF none repeat scroll 0 0;
float:left;
line-height:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 5px;
padding:0;
text-align:center;
}

ul.publications li {
display:inline;
margin:0;
padding:0;
}

.artists{
width: 480px;
height:20px;
font-family:Arial;
font-weight:bold;
font-size: 1.2em;
color:#666666;
}

.bio{
	margin-top:-2px;
	float:right;
	padding: 10px;
	font-family:Arial;
	font-weight:bold;
	font-size: 1.2em;
	color:#666666;
}

.bio a{
	text-decoration:underline;
}

#exhibit{
width:650px;
padding: 5px;
height: 60px;
font-size: 1.1em;
margin-bottom: 10px;
float: none;
}

#artistwork{
width: 685px;
height: 650px;
float: left;
}


/*-------------------  SubMenu   */

#submenu{
background-color: #fff;
width: 180px;
height: 650px;
float: left;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: none;
}

.glossymenu a.menuitem{
background: #fff bottom left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #666666;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color: #a1a1a1;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border: none;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #fff;
color: #a1a1a1;
}

.exhibitions{
width: 685px;
height: 100%;
float: left;
}