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



body {
	background-image:url('../images/gradient_overlay.gif');
	background-color: #3A3026;
	background-repeat: repeat-x;
	color: #000000;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.85em;
}

a {
	color: #5B8080;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}


/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 2.3em;
}

h3 {
	font-size: 2.1em;
}

h4 {
	font-size: 1.9em;
}

h5 {
	font-size: 1.7em;
}

h6 {
	font-size: 1.5em;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/



/* p, */
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
/*
ol,
ul,  */
pre,
table,
address,
fieldset {
	margin-bottom: 15px;
}

/* `Main
----------------------------------------------------------------------------------------------------*/

/* Wrapper */


.wrapper {
	background-color: #fff;
	margin-top: 50px;
	margin-bottom: 5px;
	padding-bottom: 1px;
}


/* Header */

.header {
	margin-bottom: 5px;
}

.header h1{
	float: left;
	margin: 15px 0px 0px 15px;
}


.header ul{
	float: right;
	list-style: none;
	margin: 10px 0px 0px 0px;
	font-size: 1.5em;
	text-transform: uppercase;
}

.header li {
	float: left;
	background-image:url('../images/pipe.gif');
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	padding: 0px 15px 11px 15px;
}

.active {
	border-bottom: 7px solid #00803A;
	padding-bottom: 5px;
}

.header li.nobkgd {
	background-image: none;
}


.header li a:link, .header a:visited {
	display: block;	
	color: #5B8080;
	text-decoration: none;

}


.header a:visited {
	color: #5B8080;
	text-decoration: none;
}


.header h2{
	float: right;
	margin: 20px 0px 0px 15px;
}

/* Content */

.content {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	background-color: #5B8080;
	text-align:center;
	width: 930px;
}

h2 {
	font-size: 2em;
	color: #00803A;
	text-transform: uppercase;
	margin: 15px 0px 0px 15px;
}


/* Hero */

.hero-block {
	display: inline-block;
	width: 900px;
	background-color: #FFF;
	margin: 15px 15px 15px 15px;
}





/* Left Nav */ 


ul.left_nav {
	list-style: none;
	margin-top: 50px;
	float: left;
	font-size: 1.25em;
	margin: 25px;
	text-align: left;
	text-transform: uppercase;	
}

ul.left_nav li {
	border-bottom: 1px solid #5B8080;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

li.selected a {
	color: #00803A;
	font-weight: bold;
}





/* Area under Hero */
.outer_box {
	float: right;
	margin: 0px 0px 15px 0px;
	background-color: #fff;
	text-align: center;
	width: 915px;
	background-image: url('../images/clca-logo-member-small.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.inner_box {
	float: right;
	width: 740px;
	background-color: #5B8080;
	margin: 0px;
	padding: 0px;
}

.inner_box > div {
	text-align: left;
	background-color: #FFFFFF;
	margin: 0px 15px 15px 15px;
	padding : 5px 0px 5px 5px;
}



.inner_box p {
	font-size: 1.35em;
	margin: 15px 15px 15px 15px;
}




.inner_box blockquote {
	font-size: 1.25em;
}


div.contact {
	margin: 0px 15px 0px 15px;
	padding: 10px 0px 5px 20px;
	color: #000;
	font-size: 1.2em;
}


.inner_box ul {
	float: left;
	list-style: disc;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 15px 30px;
	font-size: 1.25em;
	width: 300px;
}

.inner_box li {

	margin-bottom: 5px;

}

/* HOME Bullets Block */

.home ul {
	float: left;
	list-style-image: url('../images/blue-bullet.gif');
	padding: 5px 0px 0px 0px;
	font-size: 1.5em;
	margin-top: 15px;
	line-height: 150%;
	width: 300px;	
}

.home li {
	margin-bottom: 15px;

	
}



/* Testimonial Quote Block */


blockquote p{
	display: block;
	padding: 15px 0px 0px 5px;
	width: 650px;
	color: #666666;
	background-image: url('../images/quote-1.gif');
	background-repeat: no-repeat;
	line-height: 1.5em;
}



.quote-name {
	text-align: right;
	padding: 0px 15px 0px 0px;
	margin: 0px;
	color: #666666;
	font-size: .95em;
	background-image: url('../images/quote-2.gif');
	height: 28px;
	background-position: 99%;
	background-repeat: no-repeat;
}


/* Footer */
.footer {
	color: #fff;
	text-align: left;
	padding-bottom: 25px;
	font-size: 1.1em;
}



/* HOME page */

#header_home h2{
	float: right;
	margin: 23px 0px 0px 15px;
}



.right-block li {
	background-image: url('../images/blue-bullet.gif');
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding-left: 15px;
	margin: 0px 0px 0px 20px;
}




/* GALLERY page */

.gallery_main {
	float: left;
	width: 615px;
	height: 413px;
}

.gallery_thumbs {
	
	border: 8px solid #5B8080;
	float: right;
	margin: 10px;
	padding: 10px;
	width: 225px;
	
}

.gallery_thumbs ul {
	margin-bottom: 25px;
	
}


.gallery_thumbs li {
	display: inline;
	padding-right: 2px;
	
}


.gallery_thumbs a > img {
	border: 2px solid #ffffff;
	height: 67px;
}

.gallery_thumbs a:hover > img {
	border: 2px solid #00803A;
}

a.gallery_thumbs_active img {
	border: 2px solid #00803A;
}


.gallery_thumbs h3{
	margin: 50px 0px 5px 0px;
	color: #00803A;
	font-size: 1.5em;
	text-align: left;
	
}

.gallery_thumbs p{
	font-size: 1.2em;
	text-align: left;
	
}

.before {
	font-size: .8em;
}








/* INQUIRY FORM page */
.form_wrapper {
	width: 675px;
	padding: 25px 0px 25px 15px;
}

.form_wrapper p{
	margin: 0px 0px 10px 0px
}

h3.form_header {
	font-size: 1.25em;
	background-color:#CCCCCC;
	margin: 15px 0px 15px 0px;
	padding-left: 5px;
}

label {
	display: block;
}

textarea, select {
	display: block;
}

.input { 
	background-color: #FFF; 
}