@charset "utf-8";
/* CSS Document */



/*need to move this to other css file*/
#banner	{
	min-height:120px;
	background-color:#1fb7bc;
	}
	
#banner_green {
	background-color:#91c347;
	}

#wrapper{
	min-width:272px;
	}

#wrap	{
		width: 100%;
		height: 30px; /* height of non block part of menu */
		margin: 0; 
		z-index: 99;
		position: relative;
		background-color: #91c347;
		
		/* surround fading effect what you dont hover over */
		
		}
#wrap:hover a {
			opacity: 0.4;
	    }
	    #wrap:hover ul:hover a {
			opacity: 0.8; 
	    }
	    #wrap:hover ul:hover a:hover {
			opacity: 1;
	    }
		#wrap a { 
	
			color: white; 
			text-align: center;
			
			
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
	    }
			
		/* End of fading effect */
	
		/* End of fading effect */	
	.navbar		{

				border-right: 1px solid #54879d;
				font-size:14px;
				min-height: 30px;
				
				
				}
			
	.navbar li 	{ 


					background-color: #91c347; /* color of the menu blocks */					
					}

	.navbar a	{							

						color: white; /* font color of text of menu
						display: block; */
						}
	

	/* color of top menu when you hover of it */
	.navbar li:hover  {
		background-color: #659d0e;
		}
		
	.navbar li a:hover {
		background-color: #00adb3 ;
		}
	/* end */
			

  /* ALLOWS MENU HOVER ON DESKTOP AND CLICK EXPANSION ON MOBILE*/			
	@media (min-width : 769px) {
   		.navbar li:hover ul {
			display: block;									
					}
 	 } 
									
	.navbar li ul li	{
		background-color: #1fb7bc;

	} 
	
	/*color of drop down menu*/
	.navbar li ul li a 	{ /*menu side colors*/
									border-left: 1px solid #1f5065; 
									border-right: 1px solid #1f5065; 
									border-top: 1px solid #74a3b7; 
									border-bottom: 1px solid #1f5065; 
									text-align: center;
	}
				
	.navbar li ul li a:hover	{
		background-color: #008287;
	} /* second menu dropdown color when you hover over */
	
	.navbar-inverse{
		background-color: #91c347;
		border:0;
		
	}
	.navbar-inverse .navbar-nav>li>a {
		color: #fff;
		padding: 5px 28px;

	}
	@media screen and (max-width: 980px){
		
	
		.navbar-inverse .navbar-nav>li>a 	{
			padding: 5px 20px;
							
		}
	}
	
	.navbar-toggle{
		border:0;		
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
		background-color:#659d0e;

		border:0;		
	}
	
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
		color: #fff;
		background-color: #659d0e;
		
	}

	.navbar-nav>li>.dropdown-menu{
		background-color:#1fb7bc;
	}

	.nav > li:after {
		content: "";
		border-right: 1px solid #fff;
		position: absolute;
		height: 100%;
		right: 0;
		top: 1%;
  }
  /*  New for nav*/
  
  .dropdown-menu {
		min-width: 110px;
		width: inherit; 
	
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {


		padding: 8px;
		letter-spacing: 2px;
		font: normal 12px/1.2em Arial, Verdana, Helvetica;
	}
	
	.navbar li ul li a {
		
		padding: 8px;
		letter-spacing: 2px;
		font: normal 12px/1.2em Arial, Verdana, Helvetica;
		}
		
	.navbar{
			letter-spacing: 2px;
			}

			
	@media screen and (min-width: 765px){		
		.navbar-nav{		
				margin-left: -30px;
		}
	}
	

  /*----------------------------*/	

	

	.navbaropac		{
				height: 30px;
				padding: 0;
				margin: 0;
				position: absolute;
				border-right: 1px solid #54879d;
				
				}
			
	.navbaropac li 	{
					height: auto;
					width: 120px; /*width of block group */ 
					float: right; 
					text-align: center; 
					list-style: none; 
					font: normal 12px/1.2em Arial, Verdana, Helvetica;
					letter-spacing: 2px;
					padding: 0;
					margin: auto;
					background-color: #91c347; /* color of the menu blocks */					
					}

	.navbaropac a	{							
						padding: 8px 0; /* menu block height */ 
						
						border-right: 1px solid #fff; /*border of the first menu items*/
						text-decoration: none;
						color: white; /* font color of text of menu */
						display: block;
						}

	/* color of top menu when you hover of it */
	.navbaropac li:hover  {background-color: #659d0e;}
	.navbaropac li a:hover {background-color: #659d0e;}
	/* end */
				
	.navbaropac li ul 	{
								display: none;
								height: auto;									
								margin: 0;
								padding: 0;								
								}
				
	.navbaropac li:hover ul {
									display: block;									
									}
									
	.navbaropac li ul li	{background-color: #1fb7bc;} /*color of drop down menu*/
	.navbaropac li ul li a 	{ /*menu side colors*/
									border-left: 1px solid #1f5065; 
									border-right: 1px solid #1f5065; 
									border-top: 1px solid #74a3b7; 
									border-bottom: 1px solid #1f5065; 
									}
				
	.navbaropac li ul li a:hover	{background-color: #008287;} /* second menu dropdown color when you hover over */
	


	/* nav bar dropdown color when you hover over */
	.dropdown-menu {
		background-color: #1fb7bc;
		padding: 0;

	}
	.dropdown-menu li a {
		color: #fff;
	}
	
	.dropdown-menu li a:hover {
		color: #fff;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff; background-color:#1fb7bc;

	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff; background-color:#008287;

	}
	.dropdown-menu>li>a {

     white-space: normal;
	 padding:5px;
}

	
#box-1	{
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	min-height:30px;
	padding:15px;
	border-color: #ffffff;
    border-style: solid;
	border-width: 10px;
	background-color: #fafafa;

	color: brown;

}

@media screen and  (max-width: 970px){
	#box-1	{
		font-size: 1.3em;
	}
	
}

@media screen and (min-width: 971px){
	#box-1	{
		font-size: 1.7em;
	}
	
}

#box-1>a{
	color:#00adb3;
	}
#box-1>a:visited{
	color:#00adb3;
	}
#box-1>a:hover{
	color:#5a4a42;
	}
#box-2>a{
	color:#00adb3;
	}
#box-2>a:visited{
	color:#00adb3;
	}
#box-2>a:hover{
	color:#5a4a42;
	}

	
	
#box-2	{
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 2px;
	background-color: #fafafa;
	font-size: 1.4em;	
	margin-bottom: 4px;
}

#banner_logo{

	    padding-bottom: 110px;
	}


.dropdown-menu>li>a {

    /* white-space: nowrap; */
}

#footcontentB.col-sm-6 a{color:white;}

/* INDENT TO SUBSTITUTE FOR BLOCKQUOTE */
.indentBQ{
	
	padding-left: 35px; }

.hrDarken{
	
	height: 2px;
	border-width: 0;
	color: #777777;
	background-color: #777777;
}
