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


ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.body{
    margin:0;
    color:#361913;
}
#body{
    margin:0;
    color:#361913;
}
body{
 margin:0;   
}
#wrapper{
    
    margin:0;
	width: 100;
	text-align:left;
	color:#361913;
	float:left;
	margin-left:0%;
	background:white;
	font-family:'Lato', sans-serif;
	
		}
		

#column{
    margin:0;
  	width: 100%;
	text-align:left;
	float:left;
	color:#361913;
	font-family:'Lato', sans-serif;
	
		}		

#container{
    float:left;
	margin:0;
	width: 98%;
	text-align:left;
	color:#361913;
	margin-left: 2%;
	padding-top:15px;
	background:white;
  font-style: normal;
     font-family:'Lato', sans-serif;
	font-weight:bold;
	font-size:50;
	
		}
		

#container1{
    float:left;
	width: 100%;
	text-align:center;
	color:#361913;
	background:white;
	font-family:'Lato', sans-serif;
		}
		
#container2{
    float:left;
	width: 90%;
	text-align:justify;
	color:#361913;
	background:white;
	margin-left:5%;
	margin-right:5%;
	font-family:'Lato', sans-serif;
	font-size:40;
		}
		
#containercfp{
    float:left;
	width: 75%;
	text-align:justify;
	color:#361913;
	background:white;
	margin-left:5%;
	margin-right:5%;
	font-family:'Lato', sans-serif;;
		}		
		
.container22{
    float:right;
	width: 50%;
	text-align:justify;
	color:#361913;
	background:white;
	margin-left:25%;
	
	font-family:'Lato', sans-serif;;
		}		
.paper{
    float:left;
	width: 90%;
	text-align:justify;
	color:#361913;
	background:yellow;
	margin-left:5%;
	margin-right:5%;
	font-family:'Lato', sans-serif;
	font-size:45;
		}				
		
#box2{
    float:right;
	width:25%;
	text-align:justify;
	margin:0;
	font-family:'Lato', sans-serif;
	background:red;
		}
		
		
		
#container10{  
    float:left;
    margin-left:10%;
	width: 90%;
	color:#361913;
	background:white;
	font-family:'Lato', sans-serif;
    
   
}		
		
#containerLeft{
   float:left;
	width: 50%;
	text-align:left;
	color:#361913;
	background:#FFFFFF;
	font-family:'Lato', sans-serif;
    margin-left:26%;
    font-size:20px;
    margin-bottom: 25px;
    margin-top:5%;
		}
		
#containerLeft1{
   float:left;
	width: 50%;
	text-align:left;
	color:#361913;
	background:#FFFFFF;
	font-family:'Lato', sans-serif;
    margin-left:25%;
    font-size:20px;
    margin-bottom:.0%;
    margin-top:.40%;
		}
#containerLeft2{
   float:left;
	width: 50%;
	text-align:left;
	color:#361913;
	background:#FFFFFF;
	font-family:'Lato', sans-serif;
    margin-left:25%;
    font-size:20px;
    margin-bottom:2.6%;
    margin-top:25px;

		}	
		
#paperContainer{
   float:left;
    margin-left:5%;
	width: 85%;
	color:#361913;
	background:white;
	font-family:'Lato', sans-serif;
	
}
		
		
#communities{
  float:left;
	width:60%	;
	text-align:left;
	color:#361913;
	background-color:#F3D6AC;
	margin-top: 1px;
	font-family:'Lato', sans-serif;
    font-size:20px;
    margin-bottom: 15px;
    margin-left:17%;
    border-style: solid;
    border-color: #361913;
    padding-left:5%;
		}	
		
#navbar {
    background:#71706B;
	width: 100%;
	height:100px;
	float:left;
    margin:0;
   
		}		
		
#padded {
	width: 90%;
	height: 80%;
	margin: auto;

}		

#phonebar {
	text-decoration:none;
        margin:0;
        padding:0;
	width: 40%;
	float:right;
	background:#4C4B50;
	height:100%;
        color: white;
           
	}


		
#list-nav {
        border-left: 0;
        border-right: 0; 
        list-style-type: none;
        margin: 0;
        padding: 0;
	    float:right;
	    list-style:none;
	    width:100%;
	    font-family:'Lato', sans-serif;
	    font-weight:bold;
	    font-size:25px;
	   	background-color:#white;
	    height:90px;
	    margin-top:45px;
}



#list-nav li {
	display:inline;

	
}




#list-nav li a {
        border: none; 
	text-decoration:none;
	background-color:white;
	color:#3E5483;
	float:left;
	text-align:center;
	padding-right: 0;
	padding-left: 0;
    height:40px;
    margin:0;
  
    width:20%;
  
	
}


#list-nav li a:hover {

	color:gray;
        border-left: 0;
        border-right: 0;  
	 margin:0;
	
}


#footer {
	
	margin-top:5px;
	margin-bottom:5px;
	width: 100%;
	margin-left:0;
	float:left;
	font-family:'Lato', sans-serif;
	background-color:#71706B;
	color:#F3D6AC;
	}
	
address {
     text-align: center;
    color: #6f835e;
     font-style: normal;
     font-family:'Lato', sans-serif;
	font-weight:bold;
	font-size:50;

     
}

a{
	color: #361913;
        text-decoration: none;
        height: 60px;
        
}

t{
	color:#361913;
        text-decoration: none;
        height: 50px;
}
c{
	color: #361913;
        text-decoration: none;
}
p{
	float:left;
	text-align:left;
	color: #361913;
        text-decoration: none;
          font-style: normal;
     font-family:'Lato', sans-serif;
	font-weight:normal;
	font-size:12;
}
h{
	color: #361913;
}
h1{      color: #361913;
    font-style: normal;
    font-family:'arial', sans-serif;
    font-size: 50px;
     
   

}

h2{      color: #361913;
    font-style: normal;
    font-family:'verdana', sans-serif;
    font-size: 60px;
    margin:0;
}

h3{      color: #361913;
    font-style: normal;
    font-family:'verdana', sans-serif;
    font-size: 25px;
    
    
}

h4{ 
    text-align:center;
    color: #361913;
    font-style: normal;
    font-weight:bold;
    font-family:'verdana', sans-serif;
    font-size: 25px;
}


h5{      color: #361913;
    font-style: normal;
    font-family:'verdana', sans-serif;
    font-size: 18px;
}
h6{      color: #361913;
    font-style: normal;
    font-family:'Lato', sans-serif;
    font-size:20px;
}
li{      
   
    color: #361913;
     font-style: normal;
     font-family:'Lato', sans-serif;
     height:80px;
    
     

}

lo{      color: #361913;
     font-style: normal;
     font-family:'Lato', sans-serif;
     height:50px;


}

#link{      
     color:#361913;
     font-style: normal;
     font-family:'Lato', sans-serif;
     height:50px;

}

#emailbox{
	width:  80%;
	padding-top: 15;
    color: blue;
    margin-top:25;
    margin-left: 11%;
}

#phonebox{
    margin-top:25px;
	width:  80%;
	padding-top: 55px;
    color: #361913;
  
    margin-left: 15%;
}

#phonebox{
	width:  200px;
	height:  415px;
    margin-top:25px;
	background: #361913;;
	color:white;
}

#myDropdown{
   
	width:  100%;
    color: #070707;
   
}


/* Dropdown Button */
.dropbtn {
    font-style: normal;
    font-family:'Lato', sans-serif;

	font-size:30px;
    border: none;
	color:#361913;
	background:none;
    Width:250px;
}





/* The container <div> - needed to position the dropdown content */
#dropdown1{
    
    float:left;
    Margin-left:49%;
    margin-top:65px;
    width:250px;
    height:auto;
   
   
}

.dropdown {
    
    position: relative;
    right:100px;
    top:-100px;
    display: inline-block;
   }


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  
    position: absolute;
    z-index: 1;
    display: none;
}

/* Links inside the dropdown */
.dropdown-content a {
    
    color:#361913;
	background-color:#F3D6AC;
    padding-bottom:-80px;
    width:230px;
    padding-left:10px;
    padding-right:9px;
    text-decoration: none;
    display: block;
    margin:0;
   
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #F3D6AC;}
ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
p{
	float:left;
	text-align:left;
	color: #361913;
        text-decoration: none;
          font-style: normal;
     font-family:'Lato', sans-serif;
	font-weight:normal;
	font-size:12;
}