/* about.css */

/* About LifeLink page rules */

.news .articles, .ask .article, .newProducts .text {clear: both; margin: 0;}

table.content {margin: 0; border-collapse: separate; border-bottom: 9pt solid #de7b5a;}
col.info {width: 100%;}

/* Gecko doesn't let you float an image outside of its container (at least on the float side), */
/* And it doesn't seem to like the shorthand border property, so don't combine border-top and border-bottom below.  */

/* IE likes r,s,s; NS likes x,s,r; Safari likes x,x,r not x,s,s, but x,r,s OK with nested DIVs */
tr.header td {position: relative; padding-top: 24px;}
tr.header div.bg {position: relative; color: white; background-color: #de7b5a;}
/* tr.header td.title {position: relative; height: 27pt;} */
* html tr.header div.bg {position: static;}

h2 {padding: 6pt 76pt 8pt 6pt; font: bold 24pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-align: right; text-transform: lowercase;}
img.shadowed {position: absolute; right: 6pt; bottom: 6pt; width: 60pt; height: 60pt;}

/* Fix image position in Opera 6 and under \*/
html>body img.shadowed {bottom: -38pt; top: auto;}
/* Hide the following from Op6 (and IE) -- see http://www.albin.net/CSS/OwenHack.html */
head:first-child+body img.shadowed {bottom: 6pt; top: auto;} 

tr.body td {border-left: 1pt solid #de7b5a;}
td.about div.body {padding: 12pt 18pt 18pt 30pt;}
.body p {margin: 6pt 0; font-size: 10pt; line-height: 1.2em;}
.body p:first-child:first-letter {font-size: 150%;}
.body #david {float: left; width: 139.5pt; margin: 3pt 12pt 3pt -36pt;}
.body img {border-bottom: 3pt solid white;}
.body #david img {width: 140pt; height: 165.3pt;}
.body #troy {float: right; width: 128.25pt; margin: 3pt 0pt 3pt 9pt;}
.body #troy img {width: 128.25pt; height: 177pt;}
.body p.name, .body p.title {margin: 0; padding: 0; text-align: center; font-style: italic;}
.body p.name {font-size: 9pt; line-height: 10pt;}
.body p.title {font-size: 7pt; line-height: 8pt; text-transform: lowercase;}

div.buttons {padding: 0 24pt;}
div.buttons a {color: #ff7b00;}

/* WinIE-only rules: \*/
div.buttons {margin-top: 3pt;}
/* End WinIE-only */

img.plantGraphic {width: 126pt; height: 189pt; margin-bottom: 27pt;}
ul.nav a.about {color: #666; cursor: default;}
ul.nav a.about:hover, ul.nav a.about:focus {text-decoration: none;}
ul.footerNav a.about {color: #aaa; text-decoration: none; cursor: default;}

/* WinIE-only rules: \*/
/* 	* html table.main {background: transparent;} */
	* html .body div#david {margin: 3pt 12pt 3pt -10pt;}
/* End WinIE-only */

/* Opera 7-only rules */
@media all and (min-width: 0px){
	.body div#david {margin: 3pt 12pt 3pt -20pt;}
}