/* ---------------------------------- */
/* Global                             */
/* ---------------------------------- */

body {
    background-color: #CBE1DF;
    font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
}
body.popup {
    background-color: #fff;
}
p, li, table {
	font-size: 14px;
	color: #333;
}
a:link, a:visited {
	color: #952921;
}
a:hover, a:active {
	color: #000;
}
h1 {
	font-size: 16px;
	color: #952921;
	letter-spacing: -2%;
	padding: 25px 15px 0px 15px;;
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
}
h2 {
	font-size: 14px;
	color: #952921;
	letter-spacing: -2%;
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	
	padding: 10px 15px 0px 15px;;
}
h3 {
	font-size: 14px;
	color: #952921;
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	padding: 0px 15px 0px 15px;;
}
H6 {
	font-size: 11px;
	color: #333;
	letter-spacing: -2%;
	text-align: right;
	width: 200px;
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
}
sup {
	margin: 0;
	padding: 0;
	font-size: 8px;
}
strong {
	color: #333333;
	
}
#newsparagraph strong {
    color: inherit;
    font-size: 14px;
    font-weight: bolder !important;
}
ul, ol  {
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 125%;
	padding: 0px 15px 0px 15px;
	margin: 0px 15px 0px 15px;
}
li {
margin-left:20px;
}

#indexbody {
	background: #999966;
	border-right: 5px solid #fff;
}
#indexbody h1{
    font-size: 14px;
	color: #ffffff;
	letter-spacing: -2%;
	padding: 0px 0px 0px 0px;;
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
}

#body {
	background: #CCD3A3;
	border-right: 5px solid #fff;
}	

#leftcol {
	background: #999966;
	border-right: 1px solid #fff;
    padding: 40px 10px 0px 17px;
}

#leftcol p {
    color: #fff;    
}

#newsparagraph p {
    font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 125%;
}
#newsparagraph a:link, #newsparagraph a:visited
{
    COLOR: #FFFFFF;
	FONT-SIZE: 14px;
    FONT-FAMILY: 'trebuchet ms', 'trebuchet', arial, sans-serif;

}
#newsparagraph a:hover, #newsparagraph a:active
{
    /*COLOR: #952921;*/
	FONT-SIZE:14px;
    FONT-FAMILY: 'trebuchet ms', 'trebuchet', arial, sans-serif;

}
#bodycopy p, #bodycopy table.copy-table {
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 125%;
	padding: 0px 15px 0px 15px;
    margin: 14px 0 14px 0;
}
#bodycopy table.copy-table td {
    vertical-align: top;
}
#bodycopy a {
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 150%;
}
#bodycopy img {
    max-width: 100%;
}

#leftnav {
font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 125%;
	padding: 40px 10px 0px 17px;
}
#leftnav a:link, #leftnav a:visited
{
    COLOR: #FFFFFF;
	FONT-SIZE: 14px;
    FONT-FAMILY: 'trebuchet ms', 'trebuchet', arial, sans-serif;

}
#leftnav a:hover, #leftnav a:active
{
    COLOR: #952921;
	FONT-SIZE:14px;
    FONT-FAMILY: 'trebuchet ms', 'trebuchet', arial, sans-serif;

}
#secheader  {
    color: #FDFDFD;
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 10px;
	background: #000;
	padding: 10px 5px 5px 10px;
	
}


/* ----------------------------------------------------- */
/* Classes                                               */
/* ----------------------------------------------------- */

#sectable th {
    color: #FDFDFD;
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #000;
	padding: 10px 5px 5px 10px;
	border-right: 1px solid #fff;
	text-align: left; 
}
#sectable td {
    color: #000;
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 10px;
	background: #ccc;
	padding: 10px 5px 5px 10px;
	border-right: 1px solid #fff;
}
#tableline {

	 border-bottom: 2px solid black;
	 border-top: 2px solid black;
}

	


/* ---------------------------------- */
/* Footer                             */
/* ---------------------------------- */

#footer {
	background: #847A50;
	height: 80px;
	border-right: 5px solid #fff;
	border-bottom: 2px solid #fff;
}

#footer p {
	font-family: 'trebuchet ms', 'trebuchet', arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin: 0;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #ccc;
}

/* Custom Classes */
/* Center */
body > table {
    border-left: 3px solid white;
    margin: 0 auto;
}

/*.SocialHeader {
    background-color: #84734a;
    border-bottom: 1px solid white;
    text-align: center;
}
.SocialHeader h1 {
    color: white;
    margin-bottom: 10px;
}*/
img {
    border:0;
}

#menuLayer0 div,#menuLayer1 div,#menuLayer2 div,#menuLayer3 div,#menuLayer4 div,#menuLayer5 div,#menuLayer6 div {
    white-space:nowrap;
}

#menuContainer > div > div > div > div { 
    cursor: pointer; 
}

.history-table td {
    padding-bottom: 1em;
}

/* So here's the deal: IE allows max-width images to stretch columns, unless table-layout fixed is used.
We can't use table-layout fixed on most of the tables in the site, or we break stuff.
This targets the specific table we're looking for. */
#bodytable {
    table-layout: fixed;
}

#bodycopy .bio-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: auto;
    margin-bottom: -20px;
}

    #bodycopy  .bio-list li {
        float: left;
        width: 300px;
        height: 108px;
        background-color: #fff;
        padding: 10px;
        margin-bottom: 20px;
    }
    
    #bodycopy  .bio-list img {
        max-height: 100%;
        max-width: 100%;
        float: left;
        margin-right: 10px;
    }
    
    #bodycopy  .bio-list a {
        text-decoration: none;
    }
    
    #bodycopy  .bio-list p {
        text-decoration: none;
        font-size: 14px;
        margin: 5px 0px 5px 0px;
    }
    
    #bodycopy .bio-list p.bio-list-name {
        font-size: 16px;
        font-weight: bold;
    }
    
    #bodycopy .bio-list p.long {
        font-size: 10px;
    }
    
#bodycopy .bio-pic {
    float: left;
    max-width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.ImageOverlayHolder {
    position: relative;
}

.ImageOverlay {
    left: 118px;
    position: absolute;
    top: 64px;
	z-index:100;
}
.FlashWrapper {
	position:relative;
	z-index:50;
}
.product-image {
    text-align: center;
}
.timeline-image {
    text-align: center;
}

.biopic {
    float: left;
    width: 225px;
    margin: 0 15px 15px 15px;
}