body {font-family: Helvetica, Arial, sans-serif;
	 margin: 0;
	 padding: 0;
	 -ms-text-size-adjust: 100%;
	 -webkit-text-size-adjust: 100%;
	 background-color: #d1d1d1;
     }

a {text-decoration: none;
	 }
	 
a:hover {color: #fca505/*5E9DC8*/;
				 }
				 
a:visited {color: #a50909;
          }	

a:visited:hover {color: #fca505;
               }		  
	
ul {text-decoration: none;
   list-style-type: none;
   margin: 0;
   padding:  0 0 1em .8em;
    }	
		
li {margin: .5em .5em 0 1em;
  text-indent: -1em;
  }		
		
ul.disc {list-style: disc inside;
				 }	


#wrapper {width: 100%;
		 margin: 0 auto;
  		 }
					
#top {width: 100%;
/*     border-top: 5px solid #4A4A4A;  */
	 }

#header1 {width: 100%;
		margin: 0 auto;
        overflow: auto;
  		}

#logo {width: 100%;
	  margin: .5em 0 0 0;
	  text-align: center;	  
	  }

#logo a {display: block;
	   }			
	   
img.logo1, img.logo2 {width: 100%;
          height: auto;
		  max-width: 380px;
		  }	
		
#header2 {width: 100%;
         background-color: #929597;
		 border-bottom: 5px solid #4A4A4A;
		 overflow: auto;
		 }		
			
#nav {width: 100%;    
     margin: .25em auto;
	 overflow: auto;
	 }
		 
#nav ul {width: 100%;
       margin: 0 auto;
       padding: 0;
       overflow: auto;
	   }		 

#nav li {text-indent: 0;
       text-align: center;
	   float: left;
       margin: 0;
	   width: calc(20% - 1px);
       border-right: 1px solid #4a4a4a;	  
	   }
	  
#nav li.last {border-right: none;
            width: 20%;
			}	  

#nav li a {display: block;  
        width: 100%;
		padding: 2px 0;
        color: #4A4A4A;
		font-size: .75em;
  		font-weight: bold;
        }
		
#nav a.current {color: #929597/*6d6d6d*/;
			   background-color: #d1d1d1;
			   }	

#nav a.currentlast {color: #8d8d8d;
				   background-color: #e0e0e0;
				   }	
	
#nav a:hover {color: #6d6d6d;
			 background-color: #c5c6c6;
			 }		
				
#main {width: 100%;
	  margin: 0;
      overflow: auto;
      background-color: #F4F4F4;
	  }		

.center {width: 100%;
        max-width: 60em;
		margin: 0 auto;
		}
		
.contact-center {width: 100%;
                max-width: 30em;
				margin: 0 auto;
                text-align: center;
				}		
				
.links-center {width: 100%;
              max-width: 43em;
			  margin: 0 auto;
			  }				
				
h1, h2 {font-size: 1.1em;
   font-weight: bold;
   margin: .7em 0 0 0;
   text-align: center;
   }				 
   
h2 {margin: .7em 0 0 1em;
   text-align: left;
   }   

p {font-size: 1em;
  line-height: 1.3em;
  margin: .5em 1em 0 1em;
/*  text-align: justify;   */
  }				

.blurb, .centerblurb {width: 100%;
       overflow: auto;
	   }  
	   
.clearbreak {height: 1px;
            width: 100%;
            clear: both;
			}	

.break {height: 1em;
       width: 90%;
       margin: 0 auto;
	   overflow: auto;
       border-bottom: 2px solid #929597;
	   }	

.finalbreak {height: 1em;
}	   
						
.leftthird, .middlethird, .rightthird {width: 100%;
									  float: left;
									  margin: 0;
									  }

ul.third {padding: 0;
         text-align: center;
        }
		
li.third {margin: 0;
        text-indent: 0;
		}		

#bottom {width: 100%;
/*				 background-color: #eaeaea;  */
				 border-top: 5px solid #4A4A4A;
				 margin: 0;
				 padding: 0;
				 overflow: auto;
				 }
							
#footer {width: 90%;
		max-width: 60em;
		margin: 0 auto;
		padding: 0;
		overflow: auto;
		}
				 
.footerthird, .footerfirst {width: 319px;
							float: left;
							border-left: 1px solid #adadad;
							padding: 30px 0;
							overflow: auto;
							height: 360px;
							} 					 

.footerfirst {width: 320px;
						 border: none;
						 }
						 
.finalfooter {width: 100%;
							float: left;
							text-align: center;
							padding: 2em 0;
							overflow: auto;
							}
							
.finalfooter p {font-size: 12px;
							  }							
@media only screen and (min-width: 400px) {
#nav li a {font-size: .85em;
		}
}			 
			 
@media only screen and (min-width: 600px) {
#nav li a {font-size: .9em;
		}
		
.blurb {width: 50%;
       float: left;
       }		
	   
.leftthird, .middlethird, .rightthird {width: 33%;
									  }	   
}

@media only screen and (min-width: 770px) {
#nav {max-width: 766px;
	 }	 
 }

@media only screen and (min-width: 849px) {
#header1 {width: 90%;
		 max-width: 60em;
         margin: .5em auto 1em auto;
         }

img.logo1 {float: left;
          }

img.logo2 {float: right;
          text-align: right;
		  }	
		  
#nav {border-left: 1px solid #4a4a4a;			 
	 border-right: 1px solid #4a4a4a; 
	 }			  
}