html, body { margin: 0; padding: 0; } 
 
body { margin-left: auto; margin-right: auto;  font-family: verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; color: #600;  background: url(design/bgSpecklesMaroon.jpg); }
   
.container { background-position: center;  margin-left: auto; margin-right: auto;  width: 90%; background: #FFF; border: none; margin: 5% 5%; background: url(design/lines3.jpg) repeat-y; }
  
.sideouter { margin-top: 2.75%; margin-left: -1.5em;  padding-right: 2em; }
	
.side navMenu {margin: 0; }

.side li {list-style-image: url(design/bullet8.gif); list-style-position: outside; } 

.side a:link, .side a:visited, .side a:active 
                           {text-decoration: none; color:  #600;
                             font-weight: 900; font-size: 0.65em; line-height: 1.8em; padding: 2px; }

.side a:hover {text-decoration: none; color: #FFF;  background: #600; font-style: italic;  font-size: 0.65em; line-height: 1.8em; padding: 2px; }
  
.side a.current:link, .side a.current:visited, .side a.current:active 
                       { text-decoration: underline; color: #006633;
                         font-style: normal; font-weight: 900;  font-size: 0.65em; line-height: 1.8em; padding: 2px; }
						 
.side a.current:hover  {text-decoration: none; color: #FFF;  background: #600; font-style: italic;  font-size: 0.65em; line-height: 1.8em; padding: 2px; }
		
.navouter {clear: both; width: 100%; text-align: center; }

.navbar p {margin: 0 auto; padding: 0 0 3px 0;                  
             border-top: 1px solid #600; border-bottom: 1px solid #600; }

.navbar img {border: none; margin: 0 1.5%; }

.navbar a:link, .navbar a:visited, .navbar a:active
              { color: #600;  text-decoration: none;
             font-weight: 900; font-size: 0.66em;  line-height: 1.8em;  padding: 2px; } 

.navbar a:hover {text-decoration: none; color: #fff; background: #600; font-size: 0.66em;  line-height: 1.8em;  padding: 2px; }
  
.navbar a.current:link, .navbar a.current:visited, .navbar a.current:active 
                       { text-decoration: underline; color: #006633; 
                         font-style: normal;  font-weight: 900; font-size: 0.66em;  line-height: 1.8em;  padding: 2px; }
						 
.navbar a.current:hover {text-decoration: none; color: #fff; background: #600; font-size: 0.66em;  line-height: 1.8em;  padding: 2px; } 
			
.outercontent { width: 90%; border: none; margin: 0; padding: 2% 5%;}

.content  { margin-left: auto; margin-right: auto;  width: 100%;  margin: 0; padding: 0; border: none;               
              font-size: 0.75em; color: #660000; text-align: justify; line-height: 1.4em; }
			  
			  
h1 {
	font-family: Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #58582D;
}
			  			  
h2 { text-align: center; margin: 1em 0 0.5em; font-size: 2em; color: #F96; }
 
h3 {  text-decoration: underline; margin: 0.6em 0 0.5em; }
     
.jh1 {
      text-align: center;
	font-size: .95em;
	font-weight: bold;	
	color: #999;
    }
	
.style2 {color: #006600;}
.style5 {color: #666666;}
.style7 {color: #660000;}
.style8 {color: #006600; font-weight: bold; }
.style9 {color: #006600; font-weight: bold; text-decoration: underline;}
.style10 {color: #FFFFFF; font-weight: bold;}

.credit1 {
	font-size: 1.0em;
	color: #660000;
    }

.txt1 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
}
	
.txt2 {
	text-align: center;
	text-decoration: underline;
	font-size: 1.0em;
	font-weight: bold;
	color: #999;
	}
.txt3	{ margin-bottom: 1em; 
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #999;	
}
.txt4	{ margin-bottom: 1em; 
	text-align: center;
	font-size: .95em; line-height: 120%;
	font-weight: bold;
	text-decoration: underline;
	color: #999;
}
 .txt5 {  margin-bottom: 1em; font-weight: bold;  text-align: center; color: #999;}
 				  
 .txt6 { margin-bottom: 1em; font-weight: bold; color: #006633;}

/* LINKS */		  

.generalLink a:link {color: #660000; text-decoration: underline;}
.generalLink a:visited {color: #660000; text-decoration: underline;}
.generalLink a:hover {color: #006600; text-decoration: none;}
.generalLink a:active {color: #660000; text-decoration: underline;}
 
.yearbookLink a:link {color: #006600; font-weight: bold; text-decoration: underline;}
.yearbookLink a:visited {color: #006600; font-weight: bold; text-decoration: underline;}
.yearbookLink a:hover {color: #FF6600; font-weight: bold; text-decoration: none;}
.yearbookLink a:active {color: #006600; font-weight: bold; text-decoration: underline;}

.jhpPhotoLink  a:link {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.jhpPhotoLink  a:visited {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.jhpPhotoLink  a:hover {color: #FFCC00; font-weight: bold; text-decoration: none;}
.jhpPhotoLink  a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}

/*FOOTER INFO */  

.centerText {text-align: center;}
       
#titleInfo {text-align: center; font-size: 1.4em;  font-weight: 600; text-decoration: underline; }
  
 #contact  {text-align: center; font-size: 0.95em; line-height: 120%;
              color: #600;  border: none;  margin-top: 1em;} 

#copyright {text-align: center; font-size: 0.75em; line-height: 120%;  margin-top: 1em;}