/* CSS Document */
body {
	text-align:center;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	}
a:link, a:visited {
	text-decoration: none;
	color: #477BAA;
	font-size:11px;
	font-weight:bold;
	}
a:hover, a:active {
	text-decoration: underline;
	}
p {
	font-size: 11px;	
	margin: 0px 0 10px 0;
	line-height: 18px;
	}
h1 {
	margin:0 0 16px 0;
	padding:0;
	font-size:15px;
	text-transform: uppercase;
	font-family: Arial;
	letter-spacing: 1px;
	color: #678527;
	}

h2 { 
	font-size: 12px;
	margin: 18px 0px 10px 0px;
	}

h3 { 	/* ----  Green Header ---- */
	margin: 0;
	padding: 0;
	color:#678527;
	font-size:11px;
	}

h4 {
	font-size:11px;
	color:#000000;
	}

/* main CSS
-----------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	position:relative;
	width:800px;
	text-align:left;
	}
#container {
    /* was 92px on the right */
	padding: 39px 55px 0 108px;
	}
body#page_preserve #container {
	padding: 39px 0 0 108px;
	}
#logo {
	position:absolute;
	top:21px;
	left:0;
	z-index:10;
	}
#lefttxt {
	position:absolute;
	top:41px;
	right:0;
	z-index:11;
	}
#header {

	}
#header img {
	float:left;
	}
.subbox {
	clear:both;
	background-color:#ECECEC;
	padding: 17px 33px 1px 33px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	
	}
.subbox h1 {
	margin: 0 0 8px 0;
	}
.educate_box {
	clear:both;
	background-color:#f7d981;
	color:#000000;
	padding: 17px 33px 1px 33px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	}
.preserve_box {
	clear:both;
	background-color:#ed7043;
	color:#000000;
	padding: 17px 33px 1px 33px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	}
.connect_box {
	clear:both;
	background-color:#00a4b1;
	color:#000000;
	padding: 17px 33px 1px 33px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	}
.proactive_box {
	clear:both;
	background-color:#39af4c;
	color:#000000;
	padding: 17px 33px 1px 33px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	}
	
.educate_box a, .preserve_box a, .connect_box a, .proactive_box a {
 color: #fff; 
}

.subbox2 {
	clear:both;
	background-color:#D7D7D7;
	padding: 34px 33px 34px 33px;
	border-bottom:1px solid #FFF;
	
	}

#page_preserve .subbox2 {
	clear:both;
	background-color:#D7D7D7;
	padding: 34px 10px 34px 33px;
	border-bottom:1px solid #FFF;
	}


#controls {
	background-color:#EBEBEB;
	text-align:center;
	clear:both;
	height: 20px;
	width: 325px;
	padding: 0 0 0 275px;
	}
.photo_name {
	clear:both;
	text-align:right;
	font-size: 10px;
	height: 10px;
	padding: 4px 0 0 0;
	}
/* nav CSS
-----------------------------------------------------------------------------*/
#glbnav {
	height:30px;
	padding: 0 0 23px 110px;
	}
#glbnav a {
	height: 30px;
	float: left;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	margin: 0 0 0 2px;
	}
#glbnav a:hover {
	background-position: 0 -30px;
	}
#nav_visit {
	width: 64px;
	background: url(/global/images/glasshouse/nav_visit.gif);
	}
#nav_programs {
	width: 100px;
	background: url(/global/images/glasshouse/nav_programs.gif);
	}
#nav_history {
	width: 164px;
	background: url(/global/images/glasshouse/nav_history-exhibition.gif);
	}
#nav_shop {
	width: 66px;
	background: url(/global/images/glasshouse/nav_shop.gif);
	}
#nav_about {
	width: 77px;
	background: url(/global/images/glasshouse/nav_about.gif);
	}
	
#nav_visit2 {
	width: 56px;
	background: url(/global/images/glasshouse/nav_visit2.gif);
	}
#nav_programs2 {
	width: 94px;
	background: url(/global/images/glasshouse/nav_programs2.gif);
	}
#nav_history2 {
	width: 76px;
	background: url(/global/images/glasshouse/nav_history2.gif);
	}
#nav_shop2 {
	width: 60px;
	background: url(/global/images/glasshouse/nav_shop2.gif);
	}
#nav_about2 {
	width: 69px;
	background: url(/global/images/glasshouse/nav_about2.gif);
	}	
#nav_preservation2 {
	width: 118px;
	background: url(/global/images/glasshouse/nav_preservation2.gif);
	}
#nav_support2 {
	width: 100px;
	background: url(/global/images/glasshouse/nav_support2.gif);
	}	

div.visit #nav_visit,
div.programs #nav_programs,
div.history #nav_history,
div.shop #nav_shop,
div.about #nav_about {
	background-position: 0 -30px;
	}


/* content CSS
-----------------------------------------------------------------------------*/
#content {
	width:375px;
	float:left;
	padding: 38px 0 15px 0;
	}
	
#content-wide {
	width: 600px;
	padding: 38px 0 15px 0;
}



/* sidebar CSS
-----------------------------------------------------------------------------*/
#sidebar {
	width:196px;
	float:right;
	padding: 38px 0 0 0;
	margin-bottom: 30px;
	}
#sidebar h3 {
	margin: 0 0 8px 0;
	padding:0;
	color:#678527;
	font-size:11px;
	}


/* Boxes CSS
------------------------------------------------------------*/
#boxes {
	background: url(/global/images/glasshouse/boxes_bg.gif) top left repeat-y;
	font-size:11px;
	min-height:100px;
	_height:100px; /*  for IE 6 */
	}
#boxes p {
	padding: 13px 13px 0 13px;
	}
#boxes .box01 {
	float:left;
	width:173px;
	color:#000;
	}
#boxes .box02,
#boxes .box03,
#boxes .box04 {	
	float:left;
	width:172px;
	color:#000;
	margin: 0 0 0 1px;
	background:transparent;
	}
#boxes .more_info01 {
	float:left;
	width:173px;
	color:#000;
	}
#boxes .more_info02,
#boxes .more_info03,
#boxes .more_info04 {	
	float:left;
	width:172px;
	margin: 0 0 0 1px;
	}

.more_txt01 {
	float:left;
	width:173px;
	font-size: 10px;
	margin: 4px 0 0 0;
	}
.more_txt02,
.more_txt03,
.more_txt04 {	
	float:left;
	width:172px;
	font-size: 10px;
	margin: 4px 0 0 1px;
	}



/* Footer CSS
------------------------------------------------------------*/
#footer {
	border-top:1px solid #D7D7D7;
	padding: 10px 0 0 0;
	}
#footer .ftop {
	border-bottom: 1px solid #D7D7D7;
	padding: 0 0 10px 0;
	}
#footer .ftop a {
	font-weight:normal;
	margin: 0 18px 0 0;
	}
#footer .fbott {
	font-size:10px;
	padding: 10px 0 0 0;
	}
/* Common CSS
------------------------------------------------------------*/
img {
	border: 0;
	}
.right {
	float:right;
}
.left {
	float:left;
}
.imgRight {
	float:right;
	margin: 0px 0px 10px 15px;
}
.imgLeft {
	float:left;
	margin: 0px 15px 10px 0px;
}
.txtRight {
	text-align:right;
}
.txtLeft {
	text-align: left;
}
.txtCenter {
	text-align: center;
}


/* Dropdown Menus
-----------------------------------------------------------------------------*/

#glbnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size:11px;
	position: relative;
	z-index: 50;
}
#glbnav li {
	float: left;
	position: relative;
	z-index: 50;
}
#glbnav li ul {
  display: none;
  position: absolute; 
  top: 30px;
  left: 0; 
  background-image:url(/global/images/glasshouse/bg_menu.png);
  z-index: 2;
  margin-left: 2px;
  }
/*
#glbnav li ul {
  display: none;
  position: absolute; 
  top: 30px;
  left: 0;
  background-color:#e1e1e1;
  z-index: 2;
  margin-left: 2px;
 opacity: .8;
 filter:alpha(opacity=80);
	//filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	//-moz-opacity:0.9;
  }
*/
#glbnav li ul li a {
  padding:8px;
  border-left: 1px dotted #A6A7A9;
  cursor: pointer;
  color: #000;
  font-weight: normal;
 } 
#glbnav li ul a:hover {
	background-image:url(/global/images/glasshouse/bg_menu_hover.png);
	color: #fff;
}
#glbnav li ul a:visited {
	color:#000;
}

#glbnav li:hover ul, #glbnav li.over ul{ display: block; }


ul#nav li ul li a {
	height: auto;
	text-indent: 0px;
	display: block;
	float: none;
	text-align: left;
	margin: 0px;
}

ul#nav li ul li {
		width: 150px;
		clear: both;
}

/* Additional CSS
-----------------------------------------------------------------------------*/
table#ptm p {
	margin: 0;
	}
table#ptm img { margin-top: 30px}
table#ptm td {
	padding-right:1em;
}
table#ptm caption {
	font-size: 14px;
	text-align: left;
}
table td {
	vertical-align: top;
	font-size: 11px;
}

.store td {
	width: 179px;
	padding-bottom: 15px;
	padding-right: 31px;
}

.store td p img {
	padding-top: 15px;
}

.preserve td {
  width: 216px;
  }
  
.preserve td img {
  margin-bottom: 20px;
  }

/*
.wide #sidebar {
	display: none;
}
*/


#ptmNav {
	clear:both;
	border-top: white 1px solid;
}
#ptmNav img {
float:left;
}
/*

a.txt-button {
  display: block;
  background-color: #B3B5B6;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 10px 15px 20px;
  font-weight: normal;
  font-face: Arial;
  width: 166px;
  margin-bottom: 20px;
  }
a:hover.txt-button {
  text-decoration: none;
  }
  */