@charset "UTF-8";
/* CSS Document */

/*Universal style rule to cancel margins and padding*/
*{margin:0;
	padding:0;
	}
	
#wrapper{
	width:60em;
	margin:auto;
	position:relative;
	}

body{
	background-color:#CADDC7;
	font-family: 'MS sans serif', helvetica, sans-serif;
	text-align:center;
	}

#branding{
	margin:1em auto 1em auto;
	height:18.5em;
		}
	
/*Address and phone number in branding bar*/
#branding_address {
	font-size:.85em;
	color:#063;
	padding-bottom:.5em;
	position:absolute;
	top:156px;
	width: 313px;
	left: 348px;
	height: 68px;
}
	
#leftcolumn{
	float:left;
	width: 11em;
	height:100%;
	border: none;
	background-color:#91a997;
	padding:.25em;
	margin-bottom:.5em;
	position:relative;
		}
		
#leftcolumn p{
	font-size:0.8em;
	}
	
#leftcolumn p.testimonial{
	font:italic .8em Georgia, "Times New Roman", Times, serif;	
	}
	
#leftcolumn p.testimonialauthor{
	font:italic .8em Georgia, "Times New Roman", Times, serif;
	text-align:right;
	padding:.25em .25em .5em;
	}	
		
#content{
	margin:0 0 0 14em;
	padding:0;
	padding-bottom:1em;
	position:relative;
	width:44em;
			}
	

#content h1, #content h2, #content h3, #content h4, #content h5{
	color:#306;
	margin-bottom:.5em;
	margin-top:.5em;
	}
	
#content p, #content ul, #content ol{
	text-align:left;
    font-size:0.8em;
    line-height:1.25em;
	}
	
#content ul, #content ol{
	padding: .5em 0 .5em 3em;
		}
		
/*add border to images in content div*/	
#content img{
	border:solid medium #306;
	}	
		
/*Navbar - leave left margin space for left column*/
#navbar{
	position:relative;
	height:2em;
	left:14em;
	margin:auto;
	z-index:99;
	text-align:left;
	
 }
 
 /*Remove bullets from navbar list*/
 #navbar ul{
 list-style-type:none;
 }

/* List items in the navbar */
#navbar li{
  float:left;
  /* Required for drop-down menus */
	position:relative;
}
	
/* Navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-size:80%;
  color:#000;
  /*Replace button images*/
  background:#91a997 url(images/non) repeat-x center;
  display:block;
  height:2em;
  width:9.5em;
  border-right:solid 1px #FFF;
  line-height:2em;
  text-align:center;
  white-space:nowrap;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active{
  background:#063 url(images/grn_over_navbar_btn.png) repeat-x center;
  color:#FFF;
}
	
/* Drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
  display:block;
  float:left;
  white-space:nowrap;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul /* IE6 hack */{
  visibility:visible;
  top:1.6em;
  left:-4em;
  width:25em; /*Firefox hack to make all links appear on one line*/
 }

/* DROP DOWN Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background:#CADDC7;/* Removes background image */
  color:#063;
  text-align:left;
  display:block;
  height:auto;
  width:100%;
  padding:0 1em 0;
  white-space:nowrap;
  float:left;
  border:none; 
  
}

/* DROP DOWN Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
	background: #CADDC7;
	color:#306;
	border:none;
	font-weight:bold;  
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

/*Hoverbox photo gallery ------------------------------------------------------------*/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	height: 150px;
}

/*End hoverbox styles----------------------------------------------*/

#footer{
background:#91a997;
color:#000;
clear:both;
height:1.25em;
line-height:1em;
padding-top:.5em;
border: none;
}

#copyright{
	text-align:center;
	font-size:.65em;
	margin:.5em auto .5em;
	}
	
.clear {clear: both;}