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

body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-color:#858f98;
	font-family: "Helvetica Nueue", Arial, Helvetica, sans-serif;
	line-height:1.5;
	color:#4c5b52;
	
	/*background-image: -webkit-linear-gradient( #5d6e64 , #008852 );
	background-image:  -moz-linear-gradient( #5d6e64 , #008852 );
	background-image:   -o-linear-gradient(  #5d6e64 , #008852 );
	background-image: linear-gradient(  #5d6e64 , #008852 90%);*/
}

h1{
	color:#4f9237;

	
}
h2{
	color:#4f9237;

	
}



#title{
	
}



.line{
	 border: 0;
    height: 3px;
	 background: #00703c;
	
}

h3{
	color:#00703c;
}
hr {
    border: 0;
    height: 1px;
    background: #c3cdc5;
	margin-bottom:30px;
    background-image: -webkit-linear-gradient(left, #eee, #c3cdc5, #eee); 
    background-image:    -moz-linear-gradient(left, #eee, #c3cdc5, #eee); 
    background-image:     -ms-linear-gradient(left, #eee, #c3cdc5, #eee); 
    background-image:      -o-linear-gradient(left, #eee, #c3cdc5, #eee); 
}



.line{
	 border: 0;
    height: 3px;
	 background: #00703c;
	background-image: -webkit-linear-gradient(left, #b3d88c, #ffffff); 
}

a:link, a:visited, a:active{
	color:#4f9237;
	text-decoration:none;
	font-weight:bold;
}


#wrapper {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	
}

img{
	display:block;
	border:none;
}


	.clear {
		clear:both;
	}

	
		/*styles for main links*/
.menu{
	padding:0;
	margin:auto ;
	 
	width:960px;
	height:40px;
	background-color:#262626;
}




nav{
  width:100%;
  margin:  auto;

  background-color:#262626;
	
	}
	
#button {
    display: none;
}


.menu li{
	list-style-type:none;
	display:block;
	float:left;
	width:180px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	transition: all 0.5s ease;
	
}

.menu li:hover {
	background-color:#eeeeee;
	color:#4c5b52;
}

#active{
	background-color:#c3cdc5;
	color:#4c5b52;
	transition: all 0.5s ease;
}
#register{
		background-color:#8cc63f;
	color:#ffffff;
	
	
}

#register:hover{
	background-color:#b3d88c;

	color:#4c5b52;
}

	
/*add spacing between text and column*/
	
.module{
	box-sizing:border-box;
	width:960px;
	padding:20px;
	margin: 5px auto;

 

}



/* columns based on 4 grid layout. Each layout is 25% minus 2% margin for spacing.*/
.col-1-4{

	float:left;
	width: 25%;

	
	
	
}

.col-2-4{
	float:left;
	width:50%;
	
}

.col-3-4{
	float:left;
	width:75%;


	
}

.col-4-4{
	float:left;
	width:100%;
	
	

}

#header-style{
	
	padding:0;
	display:block;
	margin:0 auto;

	
	
	
}

section{
	background-color:#ffffff;
}

#main-content{
	
	background-color:#ffffff;
 -webkit-animation: magictext 2s;
-moz-animation: magictext 2s;
-ms-animation: magictext 2s;
-o-animation: magictext 2s;
 animation: magictext 2s;
}


#sec-body{
	background-color:#ffffff;
}



footer{
	background-color:#3c4652;
	height:50px;
	width:100%;
	
}

#footer-div{
	width:960px;
	margin:auto;
	
	
}


#footer-style{
	padding:0px;
	background-color:#3c4652;
	height:40px;
	line-height:40px;
}


#acr{
		font-size:12px;
		background-color:#3c4652;
		margin:0;
		padding:0 0 0 20px;
		color:#ffffff;
		line-height:1.3;
}

#tagline{
	margin:0;
	padding:20px 20px 0 40px;
	background-color:#3c4652;
	float:right;
}

a.open-panel, a.close-panel {
  display: none;
}

#terri-img{
	float:left; 
	padding-right:15px;
}





@media screen and (max-width:1056px)
{
	#masthead {
		max-width:100%;
		height:auto;
	}
	.module{
		box-sizing:border-box;
		width:100%;
	}
	
	
	
}



@media screen and (max-width:975px)
{
	
/*cleaning up style issues*/	
	body{
		padding-bottom:0;
		font-size:110%;
	}
	
	.module{
		box-sizing:border-box;
		width:100%;
	}
	
	#main-content{
		
		padding-left:20px;
	}
	.menu{
		width:100%;
	}
	.menu li{
		width:20%;
	}

	
	h1{
		padding-top:0px;
		margin-top:0;
		
	}

	footer{
		position:static;
		width:100%;
	}
	#footer-div{
		width:100%;
	}

	#footer-style{
		float:none;
		width:100%;
		padding-top:10px;
	}
	#tagline{
		padding-top:20px;
		float:none;
		padding-left:20px;
		
		
	}
	#acr{
	
		padding-left:20px;
		
		
		
	}
	



	
	

	
 /* Move nav off screen, setup transitions */
 
 
 nav {
    width: 100%;
    position: absolute;
    left: -100%;
  	top:0;
    height: 1200px;
    background: #262626;
	opacity: .95;
  }
  
  /* Display nav items vertically */
  ul.menu {
    border-top: 1px solid #888;
  }
    
    .menu li {
      float: none;
     width:75%;
      text-align: left;
	  padding-left:25%;
	
      border-bottom: 1px solid #888;
	  text-decoration:none;
    }
	
	.menu li a{
	
	}


	.menu a{
		text-decoration:none;
	
	}

	/*close panel button*/
		#button{
		background-color: #262626;
		display:block;
		height:30px;
		padding-top:10px;
		padding-left:20px;
		text-align:left;
		color:#fff;
		
	}
	
	  .open-panel{
	  color:#fff;
	  text-decoration:none;
  }
  
  /* Reveal open/close buttons */
  a.open-panel, a.close-panel {
    display: inline;
  }
  
  a.close-panel {
	color:#fff;
  }
 /* When the panel is open, transition the page to the right */
  .openNav nav {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
  }
  

 
}

@media screen and (max-width:450px)
{

#terri-img{
	float:none;
}

}