/* -- global styles -- */  
body { background-color: #75B82B; padding: 15px; font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: medium; }  
img, img a {border: none;}  
#table { vertical-align: top; margin: 0px; padding: 5px;}  
h1 { font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 20px; color: #2F3F30; font-weight: normal; letter-spacing: 0.2em; padding: 0px; margin: 20px 0px 20px 0px; }  
h2 { font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 17px; color: #2F3F30; font-weight: normal; padding: 0px; margin: 5px 0px 10px 0px; text-align: left; letter-spacing: .2em; }  
a:link { color: #2F3F30; }  
a:visited, a:hover {color: #2F3F30; }  
.italic { font-size: 14px; font-style: italic; color: #333333; }



/* format divs */  
#main_body { width: 100%; height: 100%; margin: auto; background: #FFFFFF; border: 2px solid #608161;}  
#header { background-color: #FFFFFF; text-align: right; padding: 10px 20px 0px 15px; color: #636263; height: 90px; font-weight: lighter;}  
#phone { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 18px; font-weight: 100;}  
#logo { float: left;}  
#text_area { color: #222222; background-color: #FFFFFF; min-height: 400px; padding: 10px 50px 10px 50px; clear: both;}  
#footer { width: 100%; background-color: #FFFFFF; text-align: right; padding: 10px 0px; border-top: 2px solid #608161;}   
#bottom { color: #336600; font-size: 14px; text-align: right; padding-right: 20px; float: right; width: 100%; } 
.disclaimer { color:#666666; font-size: 9px; font-style: italic; text-align: right; padding: 10px 20px; clear: both; }  
#middle { background-color: #FFFFFF; height: 10px; border-top: 1px solid #608161; margin: 0px; padding: 0px; float: left;} 
/* end */ 


/* footer list */  
ul#bottom { color: #394D3A; margin: 0; padding: 0; list-style: none; display: block; float: right; text-align: right; width: auto; }   
ul#bottom li { float: left; list-style: none; padding-right: 10px; padding-left: 10px; display: block; }  
ul#bottom li a { text-decoration: none; color: #394D3A; }  
ul#bottom li a:hover {text-decoration: underline; color: #000000;}
/* end */ 


/* navigation */ 
#nav { float: left; width: 100%; margin: 0px 0px 0px 0px; background: url(../images/bg.gif) repeat-x bottom; }  
#nav ul {margin: 0px; padding: 10px 10px 0px; list-style: none; float:left; width: 100%}  
#nav a {display: block; color: #308161; text-decoration: none; }  
#nav li { /* all list items */ float: left; width: auto; border-bottom: 2px solid #608161; /* width needed or else Opera goes nuts */}  
#nav li.tier1 {background: url(../images/matt_left.gif) top left no-repeat; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 9px;}  
#nav li.tier1:hover  { background-position: 0% -150px; }  
#nav li.tier1:hover a { background-position: 100% -150px; display: block; }  
#nav li.tier1 a { background: url(../images/matt_right.gif) top right no-repeat; padding: 5px 15px 4px 6px; margin: 0px; font-family: "Times New Roman", Times, serif; font-size: 18px; font-variant:small-caps; text-align: center;}  
#nav li.tier1 a:hover { background-position: 100% -150px; }  
#nav li.tier2 { background-image: none; padding: 2px 2px;}  
#nav li.tier2 a { background-image: none; font-variant: normal; text-align: left; padding: 2px; display: block; }  
#nav li.tier2 a:hover { background-color:#FFFFFF; color: #222222; }   
#nav li ul { /* second-level lists */ position: absolute; background:#D7F2C2;	width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin: 0px 0px 0px -8px; border: solid 2px #608161; border-top: none; width: 10.7em; padding: 5px; color: #308161; }  
#nav li ul li { margin: 0px; font-size: 14px; display: block; float: none; border-bottom: 1px solid #FFF;} 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto;}  
#nav li:hover, li.sfhover { display: block } 

/* current page states */ 
#about #t-about, #client #t-client, #albridge #t-albridge, #contact #t-contact {
background-position:0 -150px; border-width:0; }   

#about #t-about a, #client #t-client a, #albridge #t-albridge a,  #contact #t-contact a { background-position:100% -150px; color:#000; padding-bottom: 6px;} 
/* end */ 

/* -- end global styles--  */   


/* testimonials */ 
#testimonialList { margin: auto; width: 90%; list-style-type: none;}  
#testimonialList li { border-bottom: 1px inset #75B82B; margin-bottom: 10px; padding-bottom: 10px;}  
.salutation { margin: 0px; padding: 10px 0px; padding-bottom: 10px; }  
.testimonial { margin: 0px; padding: 0px 0px 10px 0px; }  .closing { margin: 0px; padding: 0px; text-align: right; }
.footnote { font-size: 9px; width: 80%; padding: 0px; margin: 0px; } 
/* end */


/* newsletters */ 
#newsletters {list-style: none; padding: 0px; margin: 10px; display: block;}  
#newsletters li { margin: 10px 0px; padding: 10px 0px; border-bottom: 1px inset #75B82B;}
/* end */


/* contact */ 
.googlemap { float: right; margin: 20px; } 
#drivingDirection { list-style-type: none; margin: 20px 0px; padding: 0px; clear: both; display: block; width: 100%; float: left; } 
#drivingDirection li { width: 30%; margin-right: 20px; float: left; font-size: 14px; } 
/* end */


/* about */ 
.portrait-rt { float: right; margin: 0px 0px 20px 20px; padding: 10px; border: 3px ridge #75B82B; }  
.portrait-lt { float: left; margin: 0px 20px 20px 0px; padding: 10px; border: 3px ridge #75B82B; background-color: #FFFFFF; } 
/* end */



/* links */
ul.financialLinks {list-style-image: url(../images/bullet.gif);}
ul.financialLinks li { margin: 5px 0px 5px 0px;}

/* end */
.highlighted {
	font-variant: small-caps;
	font-family: "Times New Roman", Times, serif;
	color: #003300;
	font-size: 18px;
}
ul#chooseAdvisor { list-style-image: url(../images/bullet.gif); }
ul#chooseAdvisor li { margin: 9px 0px 9px 0px;}#credits {
	text-align: right;
	font-size: 12px;
	color: #003300;
	margin-top: 20px;
}
#credits a, #credits a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

 #credits a:hover {text-decoration: underline;}
