@charset "UTF-8";
/* CSS Document */

html, body { width:100%; overflow-x:hidden; }

body { 
	background-color:#555; 
	background-image: url("images/LSM.bg_silver.jpg"); 
	min-height: 100%;     
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: -1; 
	background-attachment: fixed; 
	margin:0; 
	font-size:100%; 
	font-family:"Slabo 27px", arial, sans-serif; }

h1, h2, h3, h4, p {font-family: 'Slabo 27px',Helvetica,Arial,sans-serif; font-weight: bold;}

a { color:  #0E978A; margin: 10px 0; font-weight: bold; font-size: 20px; text-decoration: none; }

.thingreenline {
 width:100%;
 border-bottom: 18px solid #0E978A;
 z-index:-1;
 margin: 40px 0;
}
	
.TGLdivide {
border-bottom:2px solid rgb(0, 100, 87);
margin-bottom: 40px;
}
	
	
.p-desc {
	margin: -10px 20px 20px;
	font-style: italic;
}
	
	
.cd-fixed-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: -1;
}

#wrapper {
	width:100%;
	min-height:100%;
	position:relative;
}

#content {
	width:90%;
	margin:0 auto;
}

.logo {
	text-align:center;
}

.logo  img{
	width: 200px;
}


h1 { font-size:2.5em; color:#0E978A;}
h2 { font-size:24px; color: #CCC;}
p {color: #333;}

h2 a { color:#036500; text-decoration:none; font-weight:bold;}
h2 a:hover { color:#AAA;}

.large { font-size:1.2em; }

.small { font-size:1em; }

.center { text-align: center; margin-left: auto; margin-right: auto; }

.center img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.notice {
	background-color: rgba(182, 217, 213, 0.85);
	padding: 40px 80px;
}

.margin-tmax {
	margin-top: 40px !important;
}


@media (max-width: 767px) {
	
	h1 {
		font-size: 40px;
	}
	
	h2 {
		font-size: 20px;
	}
	
	p {
		font-size: 20px;
	}
	
	.notice {
		padding: 40px !important;
	}


}

.notice p, .notice h2 {
	color: #444;
}


/*.email h2:first-child {
	color: #CCC;
}*/

.email a {
	text-decoration: none;
	color: #ccc;
}

#footer {
width:100%;
background-color: rgba(0,0,0,0.5);
border-top:3px solid #0E978A;

}

.copyright { font-size:1.0em; padding:20px; margin:0 auto; }

.img { margin: 50px auto; text-align:center; }
.img img { max-width: 500px; height: auto; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.99); }

.alpha50 {
	background: rgba(0,0,0,0.5);
	/* box-shadow: 0 3px 5px rgba(0, 0, 0, 0.99); */
	padding: 60px 40px;
	margin: 20px;
}




.span80{
width:80%;
padding: 0px 5%;
text-align:center;
}

.span30{
width:30%;
padding: 0px 5%;
text-align:center;
}

.span40{
width:40%;
padding: 0px 5%;
text-align:center;
}

.span55{
width:50%;
padding: 0px 5%;
text-align:center;
}

li {
color:#AAA;
font-size: 22px;
font-weight:bold;
}
.decal {
margin-left:auto;
margin-right:auto;
text-align:center;
}


.decal img {
max-width: 250px;
margin-left:0px;
}

.pull-left{
float:left;
}

@media (max-width: 767px) {
.span50 {
width:100%;
padding: 0px;
}

.span80 {
width:100%;
padding: 0px;
}

.span40{
width:90% !important;
padding: 0px 5%;
text-align:center;
margin-left: 0px;
}

.span55{
width:90% !important;
padding: 0px 5%;
text-align:center;
margin-left: 0px;
}

.span30 {
width: 90%;
}

.span30 img {
max-width: 175px;
margin-left:0px;
}

.decal img {
max-width: 175px;
margin-left:0px;
}

.email a {
font-size: 16px;
margin-left:0px;
margin-top:20px;
}

}

@media (max-width: 480px) {

.img img {
max-width: 260px;
}

.email a {
font-size: 12px;
margin-left:-38px;
}


}



/*
@media screen and (max-width: 480px) {
	.img img { max-width:300px; }
}
*/
	