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

body {
    background-image:url(images/green_cup.png);
    font-family: 'Lato', sans-serif;
	font-weight:400;
    margin-top:0; 
	line-height:1;
    }
	
header {
    padding-bottom: 5px;
}

.page {
    width:960px;
    margin:0px auto;
	padding:0;
    overflow:auto;
    background-image:url(images/lightpaperfibers_@2X.png);
	}

.mainimage {
    margin-left:30px;
    margin-right:30px;
    padding-top:10px;
}

.mainimagecoleft {
    float:left;
    margin-left:80px;
    margin-right:15px;
    padding-top:20px;
    width:375px;
}

.mainimagecolright {
    float:left;
    margin-left:15px;
    margin-right:80px;
    padding-top:20px;
    width:375px;
}

.mainimagecoleft img {
    padding-bottom:25px;
}

.mainimagecolright img {
    padding-bottom:25px;
}

.tenyears {
    float:right;
    padding-bottom: 5px;
}

/*map page*/

.areacol {
    margin-left:20px;
    margin-right:20px;
    padding:0, 10, 0, 10;
    width:410px; 
	float:left;  
}

.key  {
	margin-left:30px;
	padding-bottom:5px;
}

.mapimage {
    margin-left:30px;
    margin-right:30px;
    padding-top:10px;
    padding-bottom:10px;
}

.articleimage {
	width:780px;
	margin: 0 auto;
	box-shadow : 7px 7px 5px rgba(96, 85, 85, 0.45);
  	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=7, OffY=7, Color='#605555') ;
}

.informationbox {
    margin-left:20px;
    margin-right:20px;
    padding:0, 10, 0, 10;
    width:410px; 
}

footer {
    font-size:18px; 
	clear:both;
    padding-top:20px;
     }
	 
.promise {
    text-align:left;
    margin:0;
	padding-bottom:.4em;
    font-size:.8em; 
    display:block;
    border: none;
    font-size:1em;
    line-height:1.3em; 
    }	 
	 
/*rules and spaces*/ 
	 
.clearbar {
	height:18px;
	margin-left:30px;
 	margin-right:30px;
}

.clear {
    clear:both;
    margin:0;
    padding:0;
}

.greenrule { 
  border-bottom:Solid;
  border-color: #868B5E;
  border-width:1px;
  clear:both;
  margin-left:30px;
  margin-right:30px;
}	 

.rule {
  border-style: Solid;
  border-color: #868B5E;
  border-width:1px;
  clear:both;
  margin-left:130px;
  margin-right:130px;
    }

/* main typography*/

h1 {
    font-size:2em;
    padding-left:10px;
    text-transform:uppercase; 
	  color:#868B5E;
}

h2 {
    line-height:.5em;
	  color:#868B5E;
	  text-transform:uppercase;
}

.aboutextcol {
    margin-left:200px;
    margin-right:200px;
    padding:0px; 
}

strong {
	font-weight:700;
	color:black;
}

address {
    font-size:.8em;
    text-align:center; 
    line-height:.5em;
    padding-top:10px; 
	padding-bottom:10px;
    font-weight:300;
}

.streetaddress {
    color:#868B5E;
	text-transform:uppercase;
    font-weight:700;
    font-size:1.5em;
	padding:0;
	line-height:20px;
	margin:5px 0px 0px 0px;
}

.sqfeet {
	font-size:.9em;
	padding:0;
	line-height:7px;
}

.homeinfo {
	font-size:.8em;
    font-style:italic;
	padding:0;
	line-height:5px;
}


/*gallery pages*/
.galleryspace {
	clear:both;
	margin-top:20px;
}

.shortrule {
	border-top: Solid;
  	border-color: #868B5E;
  	border-width:1px;
  	clear:both;
  	margin-left:170px;
  	margin-right:170px;
  	padding-top:20px;
    }

.photomenu {
	width:620px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
}

.photogallery {
	width:620px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
}

.photogallery img {
	padding-top:5px;
	padding-bottom:5px;
}

.photogallerycol1 {
	width:150px;
	float:left; 
	margin:0;
}

.photogallerycol1 img {
	width:150px;
	float:left; 
	margin:0;
	padding-bottom:5px;
}


.photogallerycol2 {
	width:150px;
	float:left;
	margin-left:5px;
	margin-right:0px; 
}

.photogallerycol2 img {
	width:150px;
	float:left; 
	margin:0;
	padding-bottom:5px;
}

.photogallerycol3 {
	width:150px;
	float:left;
	margin-left:5px;
	margin-right:5px; 
}

.photogallerycol3 img {
	width:150px;
	float:left; 
	margin:0;
	padding-bottom:5px;
}

.photogallerycol4 {
	width:150px;
	float:left;
	margin-left:0px;
	margin-right:5px; 
}

.photogallerycol4 img {
	width:150px;
	float:left; 
	margin:0;
	padding-bottom:5px;
}

.photoslarge {
	width:620px;
	margin: 0 auto;
	
}

.gallerywide {
	width:500px;
	float:left;
	margin-right:5px;
	margin-left:30px;
}

.gallerywide img {
	padding-bottom:6px;
	padding-top:7px;
}


#gallerythin {
	width:390px;
	float:left;
	margin-right:30px;
	margin-left:5px;
}


/*contact page*/

.contactcontainer {
	width:680px;
	margin: 0 auto;
}

.contactblockleft {
    width:195px;
	padding-top:5px; 
    margin-left:10px;
    margin-right:5px;
	float:left;
}

.contactblockright {
    width:350px;
	padding-top:5px; 
    margin-left:25px;
	padding-left:70px;
    margin-right:0px;
	float:left;
}

.contackblockcenter {
	width:195px;
	padding-top:5px; 
    margin-left:5px;
    margin-right:10px;
	float:left;
}

.contactphoto {
	width:640px;
	clear:both;
	padding-top:5px; 
    margin-left:20px;
    margin-right:20px;
	box-shadow : 7px 7px 5px rgba(96, 85, 85, 0.45);
  	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=7, OffY=7, Color='#605555') ;
}

.largecontact {
	font-weight:700;
	font-size:1.3em;
	color: #868B5E;
	border-bottom: 1px solid;
	border-color: #868B5E;
	}

.smallcontact {
	font-size:1em;
	line-height:.3em;
}


/*style for standards list*/

.availablecol {
    width:430px;
    margin:20px;
    float:left;
    padding:5px;
}

.spaceabove {
    padding-top: 20px;
}

.standards {
    display:block;
    margin-left:20px;
    line-height:20px; 
    font-size:.9em; 
    border:0px; 
	margin-bottom:-5px;
}

.standardsheads {
    border-bottom:1px solid;
	border-color:#868B5E;
    line-height:30px;
	font-size:23px;
    color:#868B5E; 
}

.windowimage {
	padding-top:20px;
}

.nobottomline {
    display:block;
    margin-left:20px; 
    font-weight:400;
    font-size:.9em;
    border-bottom: 0px solid gray;
}

h3 {
	color:#868B5E;
}

h6 {
    text-align:center;
    font-weight:400;
    line-height:.5em;
}

p {
    line-height:1.5em;
    padding-left:10px;
    padding-right:10px;
}


/*links and navigation*/	
	
li {
    display:inline; 
	padding-left:10px; 
    padding-right:10px; 
	font-size:1.1em; 
    border-right: 1px solid;
	border-color: #868B5E;
    }

.lastitem {
    border:none;

}

nav {
	width:960px;
    margin-top:10px; 
	margin-bottom:10px;
	}

nav ul {
    text-align:center;
    margin:0; 
    padding:0;
}

nav a:hover
{
background-color: #369;
color: #FFF;
}

.active a
{
color:black;
background-color:#868B5E;
}

a {
	text-decoration:none;
	margin:0;
	padding:0;
	}

a:link {color:black;}      
a:visited {color:black;}
a:hover {color:#666847;}
a:active {color:#868B5E;}



/*------slideshow------*/
#topleft {
	height: 160px;
	width: 170px;
	background-color: lightgray;
	float: left;
	margin: 20px 10px 0px 10px;
}

.topright {
	height: 160px;
	width: 170px;
	background-color: lightgray;
	float: left;
	margin: 20px 0px 0px 5px;
}


.bottomleft {
	height: 160px;
	width: 170px;
	background-color: lightgray;
	float: left;
	margin: 20px 10px 10px 10px;
}

.bottomright {
	height: 160px;
	width: 170px;
	background-color: lightgray;
	float:left;
	margin: 20px 0px 10px 5px;
}

.sloganbox {
    margin-left:200px;
    padding:0px 0px 0px 0px;
}

.subheadsection {
    padding-top:10px; 
    margin-left:20px;
    margin-right:20px;
}