@charset "utf-8";
/* CSS Document * Miller Botanical Garden */
/*for all pages */
body, html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663300;
	background:url(../images/stone-tile.jpg) top left repeat;
	background-color:#4a2101;
	font-size: 12px;
	margin:0;
	padding:0;
	min-width:835px;
	}
#wrapper {
	position:relative;
	left:50%;
	margin-top:10px;
	margin-left:-430px;
	width:835px;
	padding:0;
	}
#topbar {
	width:835px;
	padding:0;
	margin:0px 0px 5px 0px;
	}
#topbar img {
	float:right;
	width:200px;
	padding:0;
	margin:0px 0px 5px 0px;
	}
	
/* topbar class without breadcrumbs on page, and with breadcrumbs on page */
.nobread {
	height:107px;
	}
.breadcrumb {
	height:125px;
	}
/* Miller Botanical Garden logo banner */	
#banner {
	position:relative;
	float:left;
	display:block;
	width:625px;
	height:72px;
	background-image:url(../images/mg_logo.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	}
	
/* gpp logo link box top right corner appears on all pages*/
#gpp {
	float:right;
	display:block;
	width:200px;
	height:103px;
	background-color:#e0e566;
	background-image:url(../assets/gpp.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.gpptext {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	}
.gpptext a {display:block; padding: 10px 5px 5px 80px; color:#663300; text-decoration:none;}
.gpptext a:link {color:#663300; text-decoration:none;}
.gpptext a:visited {text-decoration:none; color:#3f1b00;}
.gpptext a:hover {text-decoration:none; color:#CC6600;}
.gpptext a:active {text-decoration:none; color:#CC6600;}

/* MENUBAR styling works in conjunction with SpryMenuBarHorizontal.css */
#menubar {
	position:relative;
	float:left;
	margin:0px 0px 5px 0px;
	display:block;
	width:620px;
	height:30px;
	background-color:#75471a;
	padding:3px 0px 0px 5px;
	}
	
/* SEARCHBOX do not alter */
#menubar form {
	position:absolute;
	top:0px;
	left: 415px;
	width:209px;
	padding:5px 0px 0px 0px;
	margin:0;
	}
#box {width:100px;}	
/* search results page template works in conjunction with zoom-index files*/
#contentsearch {
	float:left;
	width:803px;
	margin-top:5px;
	background-color:#a7a829;
	border: 1px #99cc66 solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	padding:5px 15px 10px 15px;
	}

/* generic image format 5px buffer on bottom of all */
img {margin:0px 0px 5px 0px; padding:0;}
	
/**** BREADCRUMBS for second-level pages ****/
#bread {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	color: #fcfe9d;
	font-weight:bold;
	padding: 0;
	margin:0;
	font-size:11px;
	line-height:12px;
	}
#bread ul {
	margin: 0;
	padding: 0;
	display: inline;
	border: none;
	list-style: none;
	} 
#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	color:#e0e566;
	}
#bread ul li .MActive {
	color:#99ff33;
	}	
#bread ul li a:link {
	color:#e0e566;
	text-decoration:none;
	}
#bread ul li a:visited {
	color:#e49723;
	text-decoration:none;
	}
#bread ul li a:hover {
	color:#99ff33;
	text-decoration:none;
	}
#bread ul li a:active {
	color:#99ff33;
	text-decoration:none;
	}
	
/*GENERIC FORMATS ALIGNING FOUR-COL TOTAL BELOW MENUBAR*/
	
/*3col div to align below menubar */
#threecol {
	float:left;
	width:625px;
	margin:0;
	padding:0;
	}
	
/*for one column caption links */
.onecol {
	width:202px;
	}	
/*misc to fit pictures or text */
.onecolright {
	float:right;
	width:202px;
	margin:0px 0px 0px 5px;
	padding:0;
	}
.onecolright img {width:200px; margin:0px 0px 5px 0px;}
.twocol {
	position:relative;
	float:left;
	width:412px;
	margin:0px 5px 5px 0px;
	}
.twocol img {
	width:410px;
	margin:0px 5px 5px 0px;
	padding:0;
	}
.twocolright {
	float:right;
	width:412px;
	margin:0;
	padding:0;
	}
.twocolright img {
	width:410px;
	margin:0px 0px 5px 0px;
	padding:0;
	}
/*class tags for images if there are four same size*/
.left {
	float:left;
	width:202px;
	margin:0;
	padding:0;
	}
.left img {
	width:200px;
	margin:0px 0px 5px 0px;
	padding:0;
	}
.center {
	float:left;
	margin:0px 9px;
	padding:0;
	width:202px;
	}
.center img {
	width:200px;
	margin:0px 0px 5px 0px;
	padding:0;
	}
.center2 {
	float:left;
	width:202px;
	margin:0;
	padding:0;
	}
.center2 img {
	width:200px;
	margin:0px 0px 5px 0px;
	padding:0;
	}	
.center3 {
	float:left;
	margin:0px 0px 0px 11px;
	padding:0;
	width:202px;
	}
.center3 img {
	width:200px;
	margin:0px 0px 5px 0px;
	padding:0;
	}	
/*center wide image with short on either side */
.centerlong {
	float:left;
	margin:0px 0px 0px 10px;
	padding:0;
	width:412px;
	}
.centerlong img {
	width:410px;
	padding:0;
	margin: 0px 0px 5px 0px;
	}
.right {
	position:relative;
	float:right;
	width:202px;
	margin:0;
	padding:0;
	}
.right img {
	width:200px;
	margin:0px 0px 5px 0px;
	padding:0;
	}
/**** TEXT content boxes ****/	
#content {
	padding:30px;
	background-color:#e0e566;
	margin:0px 0px 5px 0px;
	font-size:14px;
	line-height:20px;
	}
#content img {margin:0px 10px 10px 0px;}

/* text without extra line-height and padding, usually one-col */
#contentsmall {
	padding:10px;
	background-color:#e0e566;
	margin:0px 0px 5px 0px;
	}

/* text for gallery pages */
#gallerytext {
	display:block;
	height:520px;
	padding:0px 10px;
	background-color:#99cc99;
	margin:0;
	border:1px #99cc99 solid;
	color:#3f1b00;
	line-height:18px;
	overflow:hidden;
	}
#gallerylong {
	display:block;
	height:620px;
	padding:0px 10px;
	background-color:#99cc99;
	margin:0;
	border:1px #99cc99 solid;
	color:#3f1b00;
	line-height:18px;
	overflow:hidden;
	}	
/* text for main collections page */
#gallerymain {
	display:block;
	height:528px;
	padding:0px 10px;
	background-color:#99cc99;
	margin:0;
	border:1px #99cc99 solid;
	color:#3f1b00;
	line-height:18px;
	}
	
/* display block height classes where needed for text content boxes to align with pix */
.block332 {
	display:block;
	height:332px;
	}
.block260 {
	display:block;
	height:256px;
	}
.block295 {
	display:block;
	height:295px;
	}	
.block307 {
	display:block;
	height:307px;
	}	
.block400 {
	display:block;
	height:400px;
	overflow:hidden;
	}
.block540 {
	display:block;
	height:540px;
	overflow:hidden;
	}

.home {
	display:block;
	height:303px;
	border:1px #99cc66 solid;
	}

/*page color-style classes */	
/****  HOME PAGE STYLE ****/
.homepage {}
.homepage img {border:1px #99cc66 solid;}
.homepage hr {
	color:#99cc66;
	background-color:#99cc66;
	border:none;
	}
/* caption styling */	
.homelink {
	display:block;
	width:202px;
	height:20px;
	background-color:#99cc66;
	vertical-align:middle;
	color:#663300;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	}
.homelink a:link {text-decoration:none; color:#663300;}
.homelink a:visited {text-decoration:none; color:#3f1b00;}
.homelink a:hover {text-decoration:none; color:#CC6600;}
.homelink a:active {text-decoration:none; color:#CC6600;}
	
/**** GARDEN PAGE STYLE ****/
.gardenpage {}
.gardenpage img {border:1px #e49723 solid;}
.gardenpage hr {
	color: #e49723;
	background-color: #e49723;
	border:none;
	}
/* text-box border class */	
.garden {
	border:1px #e49723 solid;
	}
/* garden page caption links */	
.gardenlink {
	display:block;
	height:20px;
	background-color:#e49723;
	vertical-align:middle;
	color:#663300;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	}
.gardenlink  a:link {text-decoration:none; color:#663300;}
.gardenlink a:visited {text-decoration:none; color:#3f1b00;}
.gardenlink a:hover {text-decoration:none; color:#FFFF99;}
.gardenlink a:active {text-decoration:none; color:#FFFF99;}

/**** BETTY PAGE STYLE ****/

.bettypage {}
.bettypage img {border:1px #8b8d27 solid;}
.bettypage hr {
	color:#8b8d27;
	background-color:#8b8d27;
	border:none;
	}
/* text box border class */	
.betty {
	border:1px #8b8d27 solid;
	}
/* caption link styles */	
.bettylink {
	display:block;
	height:20px;
	background-color:#8b8d27;
	vertical-align:middle;
	color:#663300;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	}
.bettylink  a:link {text-decoration:none; color:#663300;}
.bettylink a:visited {text-decoration:none; color:#3f1b00;}
.bettylink a:hover {text-decoration:none; color:#CC6600;}
.bettylink a:active {text-decoration:none; color:#CC6600;}

.bettypage ul {
	list-style:none;
	margin:0;
	padding:0;
	}
/**** EDUCATION PAGE STYLE ****/
.edpage {}
.edpage img {border:1px #b44725 solid;}
.edpage hr {
	color: #b44725;
	background-color: #b44725;
	border:none;
	}	
.edpage ul {list-style-type:none;}	
/* text-box border class */	
.education {
	border:1px #b44725 solid;
	}	
/* education link caption styles */	
.edlink {
	display:block;
	height:20px;
	background-color:#b44725;
	vertical-align:middle;
	color:#FFCC66;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	}
.edlink  a:link {text-decoration:none; color:#FFCC66;}
.edlink a:visited {text-decoration:none; color:#3f1b00;}
.edlink a:hover {text-decoration:none; color:#CCFF66;}
.edlink a:active {text-decoration:none; color:#CCFF66;}

/* DEFINITION LIST format used for lecture page **/
dl {
	list-style:none;
	margin:0;
	padding:0;
	line-height:normal;
	clear:both;
	}
dl dt {font-weight:bold; font-size:14px;}
dt p {margin:0; padding:0;}

dd.location {text-indent:none; margin-left:0; padding-left:0; margin-bottom:5px;}
dd.second {margin-top:5px; margin-bottom:10px;}

/* Lecture Page Styles --------------------------------------------------- */
dl.lecture {}
dl.lecture dt {font-weight:bold;}
dl.lecture dd.name {font-weight:bold; margin-left:0;}
dl.lecture dd {margin-left:0;}
div.lecture {display:block; height:110px; padding-left:90px; margin-top:10px;}
div.lecture-pix {margin-left:50px; margin-bottom:10px;}
div.lecture-pix p {clear:both; text-align:right; font-style:italic; font-size:11px; margin:0; padding:0;}

div.nophoto {margin-top:10px; margin-bottom:20px;}
.roy-lancaster {background:url(../education/images/roy-lancaster-2.jpg) top left no-repeat;}
.kathryn-gustafson {padding-left:90px; background:url(../education/images/kathryn-gustafson-2.jpg) top left no-repeat;}
.graham-rankin {padding-left:90px; background:url(../education/images/graham-rankin-2.jpg) top left no-repeat;}
.peter-valder {padding-left:90px; background:url(../education/images/peter-valder-2.jpg) top left no-repeat;}
.julie-moir-messervy {padding-left:90px; background:url(../education/images/julie-moir-messervy-2.jpg) top left no-repeat;}
.roger-phillips {padding-left:90px; background:url(../education/images/roger-phillips-2.jpg) top left no-repeat;}
.frank-cabot {padding-left:90px; background:url(../education/images/frank-cabot-2.jpg) top left no-repeat;}
.dan-hinkley {padding-left:90px; background:url(../education/images/dan-hinkley-2.jpg) top left no-repeat;}
.ken-druse {padding-left:90px; background:url(../education/images/ken-druse-2.jpg) top left no-repeat;}
.judith-tankard {padding-left:90px; background:url(../education/images/judith-tankard-2.jpg) top left no-repeat;}


/**** CONTACT PAGE STYLE  ****/
.contactpage {}
.contactpage img {border:1px #506f43 solid;}
.contactpage hr {
	color: #506f43;
	background-color: #506f43;
	border:none;
	}	
/* text-box border class */	
.contact {
	border:1px #506f43 solid;
	}
.contact p {padding:0; margin:0px 0px 15px 0px;}	
/* there are no contact link captions */

	
/****	GALLERY STYLE works in conjunction with lightbox.css ****/

/* gallery theme */
.gallerypage {}
.gallerypage img {border:1px #99cc99 solid;}
.gallerypage hr {
	color: #99cc99;
	background-color: #99cc99;
	border:none;
	}
#gallerytext a:link {color:#009933; text-decoration:none;}
#gallerytext a:visited {color:#003300; text-decoration:none;}
#gallerytext a:hover {color:#cc6600; text-decoration:none;}
#gallerytext a:active {color:#cc6600; text-decoration:none;}
/* text-box border class */	
.gallery {
	border:1px #99cc99 solid;
	}
/*gallery set-up */
.thumb {
	float:left;
	width:147px;
	margin:0px 12px 0px 0px;
	padding:0;
	}
.thumb img {
	width:145px;
	padding:0;
	margin:0;
	}
.thumblast {
	float:right;
	width:147px;
	margin:0;
	padding:0;
	}
.thumblast img {width:145px; padding:0; margin:0;}
/* gallery thumbnail captions */
.caption {
	display:block;
	width:147px;
	height:15px;
	padding:0;
	font-size:11px;
	background-color:#99cc99;	
	text-align:center;
	vertical-align:middle;
	margin:5px 0px 5px 0px;
	overflow:hidden;
	}
/* collections/gallery landing page caption links */
.gallink {
	display:block;
	height:20px;
	background-color:#99cc99;
	vertical-align:middle;
	color:#3f1b00;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	}
.gallink  a:link {text-decoration:none; color:#3f1b00;}
.gallink a:visited {text-decoration:none; color:#003300;}
.gallink a:hover {text-decoration:none; color:#cc6600;}
.gallink a:active {text-decoration:none; color:#cc6600;}

/*** FOOTER STYLE ****/	
/*footer set-up and link colors */
#footer {
	position:relative;
	clear:both;
	float:left;
	width:835px;
	margin:5px 0px 0px 0px;
	padding:5px 0px 10px 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:12px;
	color:#FFFF99;
	}
#footer a{
	color:#FFFF99;
	text-decoration:none;
	}
#footer a:link {
	color:#ccff66;
	text-decoration:none;
	}
#footer a:hover {
	color:#666633;
	text-decoration:none;
	}
#footer a:visited {
	color:#cc6600;
	text-decoration:none;
	}
	
/* float clear */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
* html .group {
height: 1%;
}
/*IE7 */
*:first-child+html .group {
min-height: 1px;
}

/*text */ 
.text {}
.text a:link {text-decoration:none; color:#009933;}
.text a:visited {text-decoration:none; color:#CC0033;}
.text a:hover {text-decoration:none; color:#CC6600;}
.text a:active {text-decoration:none; color:#CC6600;}

/*image links add opacity on hover*/
a:link img {
	opacity:1.0;
	}
a:visited img {
	opacity:1.0;
	}
a:hover img {
	opacity:0.8;
	}
a:active img {
	opacity:0.8;
	}

/*headers, h1 for banner */
h1, h2, h3, h4, h5, h6 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#663300; font-weight:bold; margin-top:0; padding-top:0;}

h1 {text-indent:-9999em;}
h2 {font-size:24px;}
h3 {font-size:18px; margin-bottom:5px;}

/*gallery header*/
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#e0e566;
	padding:5px 0px;
	margin:0;
	}
/*contact info headers*/
h5 {
	font-size:14px; 
	text-transform:uppercase; 
	color:#CC6600; 
	padding:0;
	margin:0;
	}
/* generic subhead */
h6 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
		
p {vertical-align:middle;}
/* gallery-collections */
.subhead {
	margin:5px 0px 0px 0px;
	padding:0;
	color:#3f1b00; 
	font-size:13px; 
	font-weight:bold; 
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
/* lectures - announcements */
.info {
	text-align:center;
	font-weight:bold;
	clear:both;
	}
.byline {
	margin:0px 0px 5px 0px;
	font-size:13px;
	}	
.red {font-weight:bold; font-style:normal; color:#CC6600;}
.hide {display:none;}
.highlight { background:#FFFF00; background-color:#FFFF00; }
em {font-weight:bold; font-style:normal;} 	
abbr {text-decoration:none;}
.clickimage {
	text-align:center;
	font-weight:bold;
	color:#e0e566;
	margin:0;
	padding:0px 0px 5px 0px;
	}
.small {font-size:10px;}	
.nospace {margin:0; padding:0;}
.botanic {font-style:italic;}
.title {font-style:italic;}