/****************************************
CSS Screen Media Document 
*****************************************/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
reset-font.css
*/

html {
	color:#000;
	
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
	color:#000;
}
body {
	font:12px arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/***
body background & color CSS
***/
html, body {
	font-family: "Verdana, Arial Regular", Arial, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	color:#464646;
	background:#fff;
}

/************************
Initial Classes / Hacks
************************/

* {padding:0;margin:0;}
img {border:0;padding:0;margin:0;}
p { line-height:18px;padding-bottom:20px;font-size:14px;}
h1 {font-size:2em;color:#979797;font-weight:normal;padding:0;margin:0;}
h2 {font-size:1.8em;color:#454a52;font-weight:bold;padding:0;margin:0;}
h3 {font-size:1.6em;color:#636265;font-weight:bold;padding:0;margin:0;}
h4 {font-size:1.4em;color:#636265;font-weight:bold;padding:0;margin:0;}
h5 {font-size:1.2em	;padding:0;margin:0;}
h6 {font-size:18px;color:#464646;padding:35px 0px 25px 0px; }
h1#mainheading {
	position:relative;
	padding:15px 0 10px 0;
	font-size:1.5em;
   font-weight:bold;
}
strong {font-weight:bold;}
em {font-style:italic; font-size:11px;padding-left:20px;}
.nostyle {display:none;}

.noList li {
	list-style:none;
	list-style-typoe:none;
}
.withTextIndent {
  -moz-outline:none;
  outline:none;
}
/***********
 Holly Hack
************/
/* hide from IE-mac \*/
* html .holly {height: 1%;}
/* end hide */

/*********
clearfix -- a div containing floats will clear itself
http://www.positioniseverything.net/easyclearing.html
********/
.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 */

.clearfix_easy {overflow:auto;}

.floatL {float:left}
.floatR {float:right}
.clear {clear:both;}
.clearL {clear:left}
.clearR {clear:right}
.normal {font-weight:normal;}
.hr {height:0;font-size:0;padding:0;margin:0;border-top:1px solid #72852A;}
.no-bg {background:none;}
ul.error, ul.errors {
  border: solid 1px red;
  background: #fdd;
  color: #000;
  font-weight: bold;
  margin: 1em;
  padding: .5em;
}
.grey {color:#636265;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}

/* mac hide\*/
html, body {height:100%;}
/* end hide */

a { color:#464646; text-decoration:none;}
a:hover { color:#464646; text-decoration:underline;}
a:active { font-weight:normal; }
/**************
Main Template
***************/

#container {
	width:1050px;
	margin-right:auto;
	margin-left:auto;
}

#header {
	position:relative;
	height:146px;
}
.logo {
	float:left;
	margin-top:34px;
	margin-left:0px;
}
ul.main-navigation {
	float:right;
	padding-top:73px;
}
.main-navigation li {
	float:left;
	text-transform:uppercase;
	padding-left:10px;
}
.main-navigation li a {
	color:#7a7a7a;
	text-decoration:none;
	z-index:10;
}

.main-navigation li a:hover {
	text-decoration:underline;
}

/* 
	LEVEL ONE
*/
ul.dropdown {
	position: relative;
	color:#7d7d7d;
}
ul.dropdown li {

	float: left;
	zoom: 1;
}
ul.dropdown a:hover {
	text-decoration:underline;
}
ul.dropdown a:active {
	
}
ul.dropdown li a {
	display: block;
	padding: 2px 8px;

}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	font-weight:normal;
}
ul.dropdown li.hover a {
	color: #7d7d7d;
	
}



/* 
	LEVEL TWO
*/
ul.dropdown ul {
	width:100%;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
}
ul.dropdown ul li {
	font-weight: normal;
	float: none;
	font-style:italic;
	font-size:11px;
	text-align:right;
	padding-right:15px;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
	text-transform:none;
	font-size:11px;
} 

ul.dropdown ul li a:hover {
	font-size:11px;
	font-weight:normal;
}

.homepage-center {
	float:right;
}
.hp-img {
	float:left;
	width: 667px;
	height: 506px;
}
.hp-navigation {
	float:left;
	font-size:13px;
	text-transform:uppercase;
}
.hp-navigation li {
	padding:0px 10px 28px 25px;
}
.sub-nav {
	font-size:11px;
	text-align:center;
}
.sub-nav a {
	padding:0 15px;
}
.bio { text-align:right;}
.about-us-info {
	margin-top:55px;
	background:transparent;
}
.bio-left {
	float:left;
}
.bio-right {
	float:right;
}
.page-body {
	width:907px;
	margin-left:40px;
	position:relative;
	clear:both;
	z-index:1;
}
.col-1 {	
	width:525px;
	margin-right:28px;
}
.col-1b {	
	width:410px;
	margin-right:46px;
}
.col-2 {
	width:349px;
}
.col-3b {
	width:431px;
}
.main-pic {
	padding-bottom:10px;
	height:350px;
	overflow:hidden;
	text-align:center;
}
.thumb1, .thumb2 {
	margin-right:4px;
}
.image1, .image2, .image3 {
	display:none;
}
.col-2-no-bg {
	width:530px;
	background:none;
	margin-right:15px;
}
.col-2b {
	width:807px;
	background:url(/images/body-bg.png) top left repeat-x;
}

.copy-bd {
	background: url(/images/copy-bg.jpg) top left no-repeat;
}
.bio-copy-bd {
	background: url(/images/grueter-bio-bg.png) top left no-repeat;
	width:431px;
}
.copy-bd h4, .bio-copy-bd h4 {
	padding:11px;
	text-align:center;
	font-family:Verdana;
	font-size:20px;
	font-weight:normal;
	/*width:349px;*/
}
.bio-copy-bd h5 {
	text-align:center;
	font-size:13px;
	font-weight:none;
	padding-top:3px;
}
.copy-bd p {
	padding:5px 9px 0px 9px;
	line-height:30px;
}
.bio-copy-bd p {
	padding:15px 9px 0px 9px;
	line-height:18px;
	font-size:12px;
}

.page-center {
	padding:15px;
}

/***********
Footer
***********/
#footer {
	margin-top:55px;
	margin-bottom:5px;
	text-align:center;
	color:#464646;
	background-color:#e5d5d1;
	height:24px;
	
}
#footer span {
	padding-top:5px;
	display:block;
}
.alas {
	margin-bottom:17px;
	text-align:center;
}

/************
	CMS
***********/
#cms_subHeader {
	padding: 15px 5px 15px 5px;
	border: 1px solid #ccc;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .5px;
	clear: left;
	
}
div#data_not_found{
	margin: 10px;
	color: red;
	font-size: 1.1em;
	font-weight: bold;
}
.dump_array{
	font-size: 1.1em;
	border: 1px dotted grey;
	display: block;
	width: 100%;
	padding: 5px;
	clear: both;
	float: left;
	background: #fff;
}

.cmsNav {
	height: 25px;	
	margin: 0;	
	background: url(tab_bottom.gif) repeat-x bottom;
}
.cmsNav li {
	margin: 0; 
	padding: 0;
	display: inline;	
	list-style-type: none;
	Zborder:1px solid grey;
	
}
.cmsNav a:link, .cmsNav a:visited {	
	float: left;
	background: #f3f3f3;
	font-size: 1em;	
	line-height: 14px;	
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	margin-right: 1px;	
	border: 1px solid #ccc;	
	text-decoration: none;	
	color: #666;
}
.cmsNav a:link.active, .cmsNav a:visited.active {
	border-bottom: 1px solid #fff;
	background: #fff;	
	color: #000;
}
.cmsNav a:hover	{
	background: #fff;
	}
.cmsSubNav {
	height: 20px;	
	margin: 0 0 15px 0;
	background: url(tab_bottom.gif) repeat-x bottom;
}
.cmsSubNav li {
	margin: 0; 
	padding: 0;
	display: inline;	
	list-style-type: none;
}
.cmsSubNav a:link, .cmsSubNav a:visited {	
	float: left;
	background: #f3f3f3;
	font-size: 1em;	
	line-height: 14px;	
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin-right: 1px;	
	border: 1px solid #ccc;	
	text-decoration: none;	
	color: #666;
}
.cmsSubNav a:link.active, .cmsSubNav a:visited.active {
	border-bottom: 1px solid #fff;
	background: #fff;	
	color: #000;
}
.cmsSubNav a:hover	{
	background: #fff;
}
#cms_content ul {
	padding-left:20px;
	padding-top:5px;
}
#cms_content li {
	list-style:circle;
	padding-bottom:5px;
}
.cms-action {
	font-style:italic;
	font-size:11px;
	padding-left:5px;
}
.cmsform dt { padding-top: 15px;}

.zcmsform-submit {
	background-color:#666666;
	border:2px solid #CCCCCC;
	color:#FFFFFF;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:3px 10px;
}