﻿/* Attach Layout and Ajax Styles */

	@import url(layout.css);
	@import url(ajax.css);
	@import url(prettyPhoto.css);

/* General Styles */

body {background: #677d65; color: #313131; font-family: Arial, Verdana; font-size: 11px; line-height: 16px;}

h1 {background: #B0B9A5 url(../../images/layout/green.gif) right repeat-y; font-family: Times New Roman;
		font-size: 20px; font-weight: normal; color: #3C593F; padding: 10px 0px 10px 20px; margin: 0px;}

	/* These are for the feed and supplement pages */
	h1.o14t {background: #c41430; color: #FFFFFF;}
	h1.o14p, h1.eqstr {background: #003c79; color: #FFFFFF;}
	h1.tt {background: #005c3f; color: #FFFFFF;}
	h1.f14 {background: #4ea62d; color: #FFFFFF;}
	h1.post {background: #00a7d4; color: #FFFFFF;}
	h1.past {background: #e55220; color: #FFFFFF;}
	h1.alam {background: #6c1a72; color: #FFFFFF;}
	h1.long {background: #b99d6b; color: #FFFFFF;}
	
h2 {font-family: Times New Roman; color: #556e55; font-weight: normal; font-size: 18px; line-height: 22px;}
h3 {font-family: Verdana, Arial; color: #3f2218; font-weight: bold; font-size: 14px;}
h4 {color: #3f2218; border-bottom: 1px solid #3f2218; padding: 5px 0px 5px 0px; font-size: 11px; font-family: Arial, Verdana;}
h5 {color: #000000; padding: 5px 0px 5px 0px; font-size: 11px; font-family: Arial, Verdana;}
h6 {color: #677d65; padding: 0px 0px 5px 30px; margin: 5px 0px 0px 0px; font-size: 11px; font-family: Arial, Verdana; font-style: italic;}

sup, sub {font-size: smaller;}
h1 sup {font-size: 12px;}

.border {padding: 2px; border: 1px solid #3f2218;}

/* Table Formatting */

div#state_name { background: #f2f1ea; padding: 5px; font-weight: bold; border-bottom: 1px solid #B0B9A5; }
div#state_name a.top { font-weight: normal; float: right }
div#letter_list a { color: #fff; background: #677d65; margin-right: 8px; padding: 7px; }

table.homepage {margin: 10px 0px 20px 40px; height: 300px; color: #FFFFFF;}
table.homepage tr td h1 {margin: 8px 0px; padding: 5px 0px 10px 0px; font-size: 18px; color: #FFFFFF; 
	border-bottom: 1px solid #677d65; border-left: none; font-family: Arial, Verdana; background: none;}
table.homepage tr td h2 {margin: 4px 0px; padding: 5px 0px; font-size: 16px; color: #FFFFFF; 
	font-family: Arial, Verdana; background: none; font-weight: normal;}	
table.homepage a {font-weight: bold; color: #FFFFFF;}
table.homepage div {padding-left: 30px;}
table.homepage div.lowerborder {padding: 0px 0px 10px 30px; border-bottom: 1px solid #677d65;}

table.tableborder tr td {border-top: 1px solid #587157; padding: 8px 5px;}
table tr.altrowcolor td {border: solid #FFFFFF; border-width: 2px 0px; background-color: #f2f1ea;}
table.productimgpadding img {padding: 0px 15px 2px 0px;}
table.productimgpadding a img {border: none;}
 
table.tablestyle2 {border: 1px solid #3f2218; background: #e4d4c9; font-size: 10px; text-align: center;}
table.tablestyle2 th {background: #3f2218; color: #ffffff; font-weight: bold; font-size: 11px;}
table.tablestyle2 tr.altrowcolor td {background: #ba9378;}
 
table.tablestyle3 {background: #e4d4c9; font-size: 11px; border: 1px solid #3f2218;}
table.tablestyle3 tr td {text-align: center; padding: 3px 5px; border: solid #FFFFFF; border-width: 0px 0px 2px 0px;}
table.tablestyle3 tr.altrowcolor td {background: #ba9378; text-align: center; padding: 3px 5px; border: solid #FFFFFF; border-width: 0px 0px 2px 0px;}
table.tablestyle3 th {background: #a0918b; font-weight: normal; color: #FFFFFF; text-align: left; padding: 3px 5px; border: solid #FFFFFF; border-width: 0px 0px 2px 0px;}
table.tablestyle3 th.altrowcolor {background: #3f2218; color: #FFFFFF;}
table.tablestyle3 tr td.whitebg {background: #FFFFFF; color: #3f2218;}
 
table.tablestyle4 tr td {padding: 8px 0px;}
table.tablestyle4 img {border: 1px solid #3F2218; margin-right: 10px;}
 
 /* More Info Box */

#moreinfo {width: 180px; margin: 5px; float: right; background: #e4d4c9; border: 1px solid #3f2218;}
#moreinfo h1 {font-size: 11px; color: #FFFFFF; padding: 4px; font-weight: bold; margin: 0px; background: #3f2218; font-family: Verdana; border: none;}
#moreinfo ul {margin: 0px; padding: 5px 5px 2px 20px; font-size: 9px;}

table.feed_table { width: 520px; }
table.feed_table tr td { padding: 8px; color: #5b402c; text-align: center; font-size: 9pt; cursor: pointer }
table.feed_table tr td, table.feed_table tr td.on
{
    border: 1px solid #beb5a5; font-weight: normal;
    background: #eae8dd url(../../images/layout/bg-tab-off.gif) repeat-x top;
}
table.feed_table tr td.on
{
    border-bottom: 0px none; font-weight: bold;
    background: #f2f1ea url(../../images/layout/bg-tab-on.gif) repeat-x top;
}
table.feed_table tr td.space, table.feed_table tr td.end
{
    border: 0px none; border-bottom: 1px solid #beb5a5; cursor: default;
    width: 4px; padding: 0; margin: 0; background: transparent;
}
table.feed_table tr td.end { width: 120px; }

table.feed_products { width: 100%; border: 1px solid #beb5a5; border-top: 0px none }
table.feed_products tr { cursor: pointer; } table.feed_products tr:hover { background: #ffffff !important; }
table.feed_products tr td.product_title { width: 130px; font-size: 9pt; font-weight: bold; }
table.feed_products tr td.product_desc img { margin-top: 5px; }

table.feed_products tr td.product_title a { color: #5b402c; text-decoration: none; }
table.feed_products tr td.product_title a:hover {text-decoration: underline; }