body {background:url(images/halftone.jpg) repeat-y;}


#header img {
border:0px;
}

#header img#title {
width:450px;
height:195px;
float:left;
}

header a {
text-decoration:none;
}

span.bubbles img {
width:460px;
margin-left:-5px;
}



#container {
background:#fff;
margin-left:auto;
margin-right:auto;
width:915px;
margin-top:0;
}

h1 {
font:bold 2.1em "Courier New", Courier, monospace;
color:#a9a9a9;
margin-bottom:-.5em;
}

#textarea {
width:610px;
float:right;
padding-right:3em;
font:.8em Verdana, Arial, Helvetica, sans-serif;
line-height:170%;
color:#333;
}

#textarea p {

}

img.bios {
border:2px #ccc solid;
float:left;
margin:0em 1.2em .8em 0em;
}




#sbthumbs img {
margin:0em .4em 0em 0em;
border:1px solid #175b9a;
}

#sbthumbs a:hover, #sbthumbs a:focus, #sbthumbs a:hover img, #sbthumbs a:focus img {
border:0px solid #175b9a;
}

p span.credit {
font-style:italic;
font-size:.9em;
}

#textarea a {
color:#175b9a;
text-decoration:none;
}

#textarea a:hover, #textarea a:focus {
color:#cc7919;
border-bottom:1px dotted #cc7919;
}

#left {
width:235px;
margin:0;
padding:0 0 .5em 0;
float:left;
}

img.logo {
margin:.4em 0em 0em 1.2em;
border:0px solid #d8d8d8;
}



#nav {
height:385px;
width:235px;
background:#ccc url(images/nav.jpg) no-repeat;
margin:0;
padding:0;
position:relative;
float:left;

}

#nav li {margin: 0; padding: 0; list-style: none; position: absolute;}

#nav a {
color:#fff;
/*color:#0487df;*/
font:bold 1.1em Arial, Helvetica, sans-serif;
padding:1em 0em 0em 2em;
}

#nav li, #nav a {display: block;height:90px;text-decoration:none;}
#exhibit {top:30px; left:5px; width: 240px;border:0px solid red;}
#bios {top:115px; left:5px; width: 240px;border:0px solid blue;}
#sketchbook {top:185px; left:5px; width:240px;border:0px solid green;}
#links {top:262px; left:5px; width: 240px;border:0px solid yellow;}

#exhibit a:hover {background: transparent url(images/nav.jpg) -265px -30px no-repeat;}
#bios a:hover {background: transparent url(images/nav.jpg) -523px -115px no-repeat;}
#sketchbook a:hover {background: transparent url(images/nav.jpg) -783px -185px no-repeat;}
#links a:hover {background: transparent url(images/nav.jpg) -1045px -262px no-repeat;}

#footer {
background:#2267a8 url(images/footerbg.jpg) repeat-x;
padding:.5em .5em 1em .8em;
color:#fff;
font:.8em verdana, Arial, Helvetica, sans-serif;
line-spacing:190%;
clear:both;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover, #footer a:focus {
border-bottom:1px dotted #fff;
}

#footer img {float:left;padding:0em 1em 0em 2em;}
a img {border:0;}