/* www.beaverbrooktrans.com stylesheet */

body { background: #ccc;
       font-family:  'Verdana',   'Arial',  'Helvetica',  sans-serif;;
       font-size: small;
       color: black;
     }
     
.matte	{ height: 0px; }     

td.logoarea	{ text-align: center; 
		  vertical-align: top;
		  font-weight: bold;
		  font-style: normal;
		  font-size: 1.0em;
		  letter-spacing: 100%;
		  line-height: 1.2em;
		  font-family: Georgia, "Times New Roman", serif;
		  padding: 3;
		} 
     
.logo { background: #64d6f8;
	padding: 0px 2px 2px 2px;
	text-align: center;
      }	

#photorow	{ width: 100%; }      

#photorow td {  
	     margin: 0;
	     padding-top: 0;
	     padding-bottom: 0;
	     padding-left: 5px;
	     padding-right: 5px;
	  }   

.headerphoto {	width: 275px;
	        height: 200px;
	        padding: 0;
	        margin: 0;
}	        

	        

.main { background: #64d6f8; 		/* maroon, 660000 */
	border: 10px double #837d7d; }     
	 

.maincontent { padding-left: 20px;
	       padding-right: 30px;
	       text-align: justify;
	       padding-top: 20px;
	       color: black;
	       font-size: 1.0em;
	       font-weight: normal;
	       line-height: 120%;
	       background-color: white;
	       border: solid 2px #64d6f8;
	       width: 630px;
	      } 	      

p.quote		 { 	  
		  color: black;
		  font-weight: normal;
		  font-style: italic;
		  line-height: 100%
		}

p.attribution { font-style: normal;
		font-weight: normal;
		font-size: 80%;
		line-height: 110%;
		margin-left: 30px;
		margin-right: 30px;
		padding-bottom: 1em;
		}
				 
				 
table#home_quote	{ 
			}
table#home_quote td { width: 50%;
		      text-align: center;
		}

table#home_quote p { 	  
		  color: black;
		  font-size: 12px;
		  font-weight: normal;
		  font-style: italic;
		  line-height: 100%
		}
		
table#home_quote p.attribution { font-style: normal;
				 margin-left: 30px;
				 margin-right: 30px;
				 }

#menugrid {	border-collapse: collapse;
	  }
	  
#menugrid td {	padding-top: 5px;
		padding-bottom: 5px;
	}
	
#menugrid td.last { text-align: center;
		    font-size: small; 
		    width=50%; 
		    display: block; 
		    padding-top: 2em;
}		    
     
a.menu:link { 	color: black; 
		text-decoration: none;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		border: 3px outset white;
		background-color: #64d6f8;
		width: 200px;
		display: block;
}     
a.menu:active {	color: black; 
		text-decoration: none;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		border: 3px outset white;
		background-color: #64d6f8;
		width: 200px; 
		display: block; 
}
a.menu:visited { color: black; 
		text-decoration: none;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		border: 3px outset white;
		background-color: #64d6f8;
		width: 200px;
		display: block;
}
a.menu:hover {	color: black; 
		text-decoration: none;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		border: 3px outset white;
		background-color: #64d6f8;
		width: 200px;
		display: block; 
}

h1	{	font-size: 1.2em;
		font-weight: bold;
		color: #64d6f8;
		letter-spacing: .12em;
}

h2	{	font-size: 1.0em;
		font-weight: bold;
		color: black;
		letter-spacing: .12em;
}		

#clientlist ul li	{	list-style-type: none;
		font-size: 100%; /* was .9em */
		font-weight: normal;
		color: black;
		/* letter-spacing: .1em; */
		line-height: 180%;
}		

.practiceareas	{ width: 100%;
}

#contactinfo		{ text-align: center;
			  padding-bottom: 10px;
}
#contactinfo p.bold	{ font-weight: bold;
}
#directions	{ text-align: left;
}

div.attorneys { width: 100%; } /* was 630px but jumpy */

div.attorneys td { text-align: left; }
div.attorneys table td { text-align: center;
}	     
div.attorneys h1 { 
		margin: 0;
		background-color: white; /*fc9*/
		padding-top: 1.5em;
		color: #600;
		display: block; /*width : 630px; */
		text-align: center;
		line-height: 100%;
}			 
div.attorneys h2 { 
		margin: 0;
		background-color: white; /*fc9*/
		padding-bottom: .5em; 
		color: #600;
		display: block; /*width : 630px; */
		text-align: center;
		line-height: 250%;
		font-style: italic;
		font-size: 100%;
		font-weight: normal;
}			 
div.attorneys ul li { list-style-type: none;
		      line-height: 200%;
}
img.portrait	{ width: 120px; 
		  height: 150px;
		  border: solid black 1px;
		  margin-left: 10px;
		  margin-right: 10px;
		  padding-top: 10px;}
a.attyname	{ font-weight: bold;
		  color: #600;
		  text-align: center;
		  padding-bottom: 5px;
		  text-align: center;
		  line-height: 133%;
		  text-decoration: underline;
}
a.attyname:visited	{ color: #600; }
a.practices { 	  font-weight: bold;
		  font-size: 1.2em;
		  color: #600;
		  text-align: center;
		  padding-bottom: 5px;
		  text-align: center;
		  line-height: 200%;
		  text-decoration: underline;
}
a.practices:visited	{ color: #600; }


.exper1	{ font-family: 'Century Gothic', 'Verdana',   'Arial', 'Microsoft Sans Serif', 'Helvetica',  sans-serif; }
.exper2  { font-family:  'Microsoft Sans Serif', 'Verdana',   'Arial',  'Helvetica',  sans-serif; }
.exper3 { font-family: 'Verdana',   'Arial',  'Helvetica',  sans-serif; }
.exper4  { font-family: 'Arial',  'Helvetica',  sans-serif; }
