/* CSS Document - ZM - Dave Saunders */

/* body styles */
html{height:100%;}
body{padding:54px 0 0 40px; margin:0; font-family: arial, helvetica, serif; font-size:70%; color:#333; background-color:#fff; background-position: center center;}
h1,h2,h3,h4,h5,h6{font-size:100%; display:block; font-weight:bold; color:#222;}
h1{display:block; font-size:170%; margin:0 0 10px 0; padding:0;}
h2{display:block; font-size:125%;}
h3{display:block; font-size:105%;}
a{color:#333333; text-decoration:none;} a:hover{text-decoration:underline;}
strong{font-weight:bold;}

/* misc styles */
.skiplinks{display:none;}fieldset{border:0; width:200px;}input{font-size:100%;}textarea{font-size:100%; width:167px; height:80px;}form{margin:0; padding:0; border:0;}table{font-size:100%;}
hr{height:1px; border:0; line-height:1px; clear:both; color:#fff; background-color:#fff;}label{display:block; float:left;} p{line-height:1.1em;}caption{font-weight:bold; text-align:left; padding-bottom:4px;}.divclear{clear:both; height:1px; line-height:1px; font-size:1px; margin-top:-1px;}

/* container styles */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
	* html #bg {position:absolute; top:0; left:0; width:100%; height:100%;} /* ie6 hack */
#bg img{position:fixed; top:0; left:0; width:100%;}
	* html #bg img{position:absolute; top:0; left:0; float:left; width:100%; height:100%; overflow:hidden;} /* ie6 hack */

#container{position:relative; z-index:1; display:block; width:675px; padding:0 0 10px 0; background:url(../images/bg_main.jpg) repeat-y; background-position:0 0;}
	* html #container{width:680px;} /* ie6 hack */
p.showhide{display:block; text-align: right; padding:2px 1px 2px 0!important;}

/* left styles */
#left{display:block; width:180px; float:left; margin:0 5px 0 0;}
#left #logo{display:block; background-color:#fff; margin-bottom:5px;}
#left #logo a{text-indent:-5000px; display:block; background:url(../images/zm_logo.gif) no-repeat 0 0; padding:0; width:180px; height:27px; text-decoration:none;}
#left p{padding:0; margin:0;}
#left ul{list-style-type: none; margin:0; padding:0 0 0 5px;}
#left ul.gallery{height:1%;}
#left ul.gallery li{display:block; float:left;}
#left ul.gallery li a{float:left; display:block; margin:4px 4px 4px 2px;}

#left #panel_left_one{display:block; background-color:#fff; margin-bottom:5px; border:2px solid; border-left-color:#bbb; border-top-color:#bbb; border-right-color:#efefef; border-bottom-color:#efefef;}
	#left #panel_left_inner{}
	#left #panel_left_one ul{margin:7px 9px 5px 5px; min-height:125px;}
	#left #panel_left_one ul li{display:block;}
	#left #panel_left_one ul li a{display:block; padding:2px;}
		* html #left #panel_left_one ul li a{height:1%;} /* ie6 hack */
	#left #panel_left_one ul li a:hover{display:block; padding:2px; background-color:#A3A2A1; color:#fff; text-decoration: none;}
	#left #panel_left_one ul li.active a{display:block; padding:2px; background-color:#A3A2A1; color:#fff; text-decoration: none;}
	#left #panel_left_one ul li ul{display:none;}
	
	#left #panel_left_two{height:1%; display:block; background-color:#fff; padding:5px; margin-bottom:5px!important; border:2px solid; border-left-color:#bbb; border-top-color:#bbb; border-right-color:#efefef; border-bottom-color:#efefef;}
	
	#left form{margin:1px 0 6px 0; width:100%;}
	#left form.news{margin-bottom:0;}
	#left form select{width:100%; font-size:100%; padding:2px 1px 0 0; font-family: arial; margin:0;}
	#left form select option{width:100%; font-size:100%; display:block; padding:2px 1px 2px 5px; font-family: arial;}
/*	
/*		body#casestudies #left #panel_left_two{display:block; background-color:transparent; border:0; min-height:304px;} */
/*			* html body#casestudies #left #panel_left_two{height:304px;} */
/*		body#people #left #panel_left_two{display:block; background-color:transparent; border:0; min-height:304px;} */
/*			* html  body#people #left #panel_left_two{height:304px;} */
/*		body#projlib #left #panel_left_two{display:block; background-color:transparent; border:0; min-height:304px;} */
/*			* html  body#projlib #left #panel_left_two{height:304px;} */

#left #panel_left_three{display:block; padding:5px; background-color:#fff; margin-bottom:5px;}
#left .paddernews{padding:10px; margin-bottom:6px; background-color: #fff; border:2px solid; border-left-color:#bbb; border-top-color:#bbb; border-right-color:#efefef; border-bottom-color:#efefef;}
#left .paddernews p{margin-bottom:8px;}
#left .paddernews a{font-weight:bold;}


/* right styles */
#right{display:block; width:486px; padding:0; float:left; background-color: #fff; border:2px solid; border-left-color:#bbb; border-top-color:#bbb; border-right-color:#efefef; border-bottom-color:#efefef;}
	body#statement #right{display:block; width:335px; padding:1px 0 1px 0; float:left; background-color: #fff; border:1px solid; border-left-color:#ccc; border-top-color:#ccc; border-right-color:#ccc; border-bottom-color:#ccc;}
#right p{padding:0; margin:0 0 10px 0;}
#right p.showhide{margin-bottom:0;}
#right #panel_right_innerinner{min-height:500px; max-height:500px; height:500px; overflow: auto; padding-top:10px; padding-bottom:10px;}
	body#statement #right #panel_right_innerinner{min-height:250px; max-height:250px; height:250px; overflow: auto; padding-top:10px; padding-bottom:10px;}
#right #topImgId{display:block; margin:0 0 19px 19px;}
#right #panel_right_two{display:block; padding:0 19px 19px 19px; margin-bottom:5px; float:left; width:210px;}
#right #panel_right_two h2{clear:left; float:left; width:60px; font-weight:normal; font-size:100%; margin:0px 0 4px 0;}
#right #panel_right_three{display:block; padding:0 0 0 0; margin-bottom:5px; float:left; width:210px;}

#panel_right_three ul{margin-left:30px; list-style-type:square;}
#panel_right_three ul li{margin-bottom:13px;}

#right #panel_right_four{display:block; padding:0 20px 0 20px; color:#555; margin-bottom:5px; float:left; font-size:120%; }
#right #panel_right_four p{line-height:1.4em;}
	#right #panel_right_three p{margin-bottom:10px;}

#right #map{margin:0; padding:0;}
#right #map h2, #right #map h3{width:200px;}
/* misc styles */
.dn{display:none;}
table{display:block; font-size:100%; border:0; margin:10px 0 10px 0;}
table.last{border:0;}
table tr td{border-collapse:collapse; padding:2px 10px 2px 0; width:120px;}
table.last tr td{border-collapse:collapse; padding:2px 10px 0 0; width:100%;}
table tr th{border-collapse:collapse; padding:2px 10px 0 0; color:#008fd4;}
	
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
a{outline:none;}