@charset "utf-8";

body, html {
	background-color:#A9A9A9;
	font-family:Arial, Helvetica, sans-serif;
	}
#wrapper {
	position:relative;
	margin:5px auto 0;
	width:860px;
	padding:0;
	}
.home-vertical {
	background:url(../images/sarracenia-side.jpg) top right no-repeat;
	}	
	
#banner {
	float:left;
	display:block;
	width:640px;
	height:120px;
	background:url(../images/banner.png) top left no-repeat;
	}
#imagedivide {
	float:left;
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:860px;
	height:100px;
	}
.exhibit-page {background:url(../images/ixia-banner.jpg) top left no-repeat;}	
#imagehome {
	position:relative;
	float:right;
	margin:0 235px 0 0;
	padding-bottom:0;
	}	
#gallery-head {float:left; display:block; width:860px; height:75px; margin:0px 0px 10px 0px; padding:0; line-height:75px; vertical-align:bottom;}	

/* navigation by image */
.hide {display:none;}
#navigation {
	clear:both;
	position:relative;
	float:left;
	padding:0;
	width:150px;
	}
.nodivider {margin:110px 0 0 0;}	
.gallery {margin:25px 0 0 0;}
#navigation a {
	display:block;
	width:130px;
	height:30px;
	margin-bottom:20px;
	}	
#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#navigation li {
	display:block;
	width:130px;
	height:30px;
	margin-bottom:20px;
	}
.vert-banner {padding-top:110px;}

	
#home {background:url(../menu/home-current.gif) top left no-repeat;}
#home a:link {background:url(../menu/home.gif) top left no-repeat;}
#home a:visited {background:url(../menu/home.gif) top left no-repeat;}
#home a:hover {background:url(../menu/home-over.gif) top left no-repeat;}
#home a:active {background:url(../menu/home-over.gif) top left no-repeat;}
	
#gallery {background:url(../menu/gallery-current.gif) top left no-repeat;}
#gallery a:link {background:url(../menu/gallery.gif) top left no-repeat;}
#gallery a:visited {background:url(../menu/gallery.gif) top left no-repeat;}
#gallery a:hover {background:url(../menu/gallery-over.gif) top left no-repeat;}
#gallery a:active {background:url(../menu/gallery-over.gif) top left no-repeat;}	
	
#shows {background:url(../menu/shows-current.gif) top left no-repeat;}
#shows a:link {background:url(../menu/shows.gif) top left no-repeat;}
#shows a:visited {background:url(../menu/shows.gif) top left no-repeat;}
#shows a:hover {background:url(../menu/shows-over.gif) top left no-repeat;}
#shows a:active {background:url(../menu/showsy-over.gif) top left no-repeat;}	
	
#about {background:url(../menu/about-current.gif) top left no-repeat;}
#about a:link {background:url(../menu/about.gif) top left no-repeat;}
#about a:visited {background:url(../menu/about.gif) top left no-repeat;}
#about a:hover {background:url(../menu/about-over.gif) top left no-repeat;}
#about a:active {background:url(../menu/about-over.gif) top left no-repeat;}
		
#contact {background:url(../menu/contact-current.gif) top left no-repeat;}
#contact a:link {background:url(../menu/contact.gif) top left no-repeat;}
#contact a:visited {background:url(../menu/contact.gif) top left no-repeat;}
#contact a:hover {background:url(../menu/contact-over.gif) top left no-repeat;}
#contact a:active {background:url(../menu/contact-over.gif) top left no-repeat;}
			
/* following styles apply to art captions */	
#artinfo {
	position:relative;
	float:left;
	font-size: x-small;
	color: #000;
	text-align: right;
	}
.homepage {	margin-top:250px; width:160px;}	
.contactpage {margin-top:45px; width:510px;}
.showpage {margin-top: 250px; width:325px;}
.caption {
	color: #000;
	margin:0;
	padding:0;
	}
.botanicname {
	color: #000;
	font-style: italic;
	margin:0;
	padding:0;
	}
/* end art caption styling */

/* gallery styling */
div#gallery-display {
	float:right;
	width:700px;
	margin-bottom:30px;
	}
div.pic {float:left; display:block; height:200px; width:175px; padding:0; margin:0; text-align:center;}
div.pic img {margin:0; padding:0; border:none;}
div.pic ul {
	list-style:none;
	margin:0;
	padding:0;
	}
div.pic ul li {
	list-style:none;
	padding:0;
	line-height:12px;
	font-size:11px;
	}	
.title { margin:2px 0 0 0;}
.media {margin:0;}
.year {	margin:0;}
.size {margin:0;}
.clear-all {
	clear:both;
	height:1px;
	}

.centered /* center image as list item */
    {
    text-align:center;
    margin:0px;
    padding:0px;
    }
.clickimage {
	float:right;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	color: #63351e;
	font-size:80%;
	margin:0 0 15px 0;
	padding:0;
	}
#footer {
	margin:5px auto;
	width:860px;
	font-size:x-small;
	font-style:italic;
	text-align:right;
	}
#footer p {margin:0; padding:0;	}
	
#maintext {
	float:right;
	width:700px;
	font-size:90%;
	margin-bottom:10px;
	padding-bottom:0;
	}
.info {text-align:left;}

#exhibit-text {
	position:relative;
	float:left;
	margin-left:200px;
	width:250px;
	font-size:90%;
	margin:5px 0 0 20px; padding:0;
	}
#exhibit-image {
	float:right;
	margin:5px 0 0 0; padding:0;
	}

h2, h3 {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;}	
h1 {text-indent:-999px;}
h2 {font-size:150%; text-align:center; }
h3 	{font-size:125%;}
h4 {font: bold 125% Georgia, "Times New Roman", Times, serif; text-align:center; margin-top:0; padding-top:0;}
.lead {margin-bottom:0; padding-bottom:0;}
		
a:link {color: #330033;	text-decoration: none;	}
a:visited {	color: #63351e;	text-decoration: none;	}
a:hover {color: #ed7d10; text-decoration:none;}
a:active {color: #ed7d10; text-decoration:none;}

dl {text-align:center;}
dt {font-weight:bold; text-align:center; margin-top:10px;}
dd {text-align:center; margin:0; padding:0;}

em {font-style:normal; font-weight:bold;}
.exhibit {margin-top:5px; padding-top:0; text-align:center; font-weight:bold; font-size:100%;}
.studio {float:right; margin: 0 0 10px 20px;}
.garden {float:left; margin: 10px 30px 10px 0;}
.about-caption {text-align:right; font-style:italic; font-size:11px; margin-top:2px; padding-top:0;}