/* CSS Document */
html, body { background: #ffffff; margin: 0px; font-size: .85em; color: #575757; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding: .1em; }
/* Layout
---------------------------------------- */
table#shell { width: 900px; margin: 0px auto 0px auto; border: 0px; }
table#main-shell { width: 800px; margin: 0px auto 0px auto; border: 0px; }
#shell { }
/* Cell Padding, Width, Height, Background and Alignment
---------------------------------------- */
#cell_topnav { padding: 0; background-color: #eee; }
#cell_header { padding: 0; }
#cell_subhead { border-bottom:1px solid #bdbdbd; background:#ebebeb url(../images/tileHeader.jpg) repeat-y; }
#cell_left { width: 150px; background: #fff; padding-top: 33px; vertical-align: top; }
#cell_content { width: 525px; padding-right:20px; padding-top:25px; vertical-align: top; text-align:right; }
#cell_right { width: 225px; background: #fff; padding-top: 9px; vertical-align: top; }
#cell_footer { padding: 0; }
/* Links
---------------------------------------- */
/* Standard Elements
---------------------------------------- */
p { margin-bottom:8px; margin-top:0px; padding: 0; font-size:100%; line-height:175%; color:#575757; }
img { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { letter-spacing: .2%; padding: 0; margin: 0; color: #6699cc; font-family: Arial, Helvetica, sans-serif; line-height:115%; }
h1 { font-size: 200%; font-weight:normal; }
h2 { font-size: 170%; font-weight:normal; }
h3 { font-size: 125%; font-weight:normal; margin-top:10px;}
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 80%; }
/* Header
---------------------------------------- */
#header { margin: 0; padding: 0; text-align:center; border-bottom:1px solid #bdbdbd; }
#header_content { width:900px; text-align:right; height:58px; margin:auto; }
#header_flash { width:335px; float:right;}
#header_bar { background:url(../images/tileHeader.gif) top repeat-x #cecfd1; border-bottom:#9b7468 solid 1px;}
#header_nav { margin:auto; padding-bottom:2px; padding-top:14px; text-align:right; width:900px; vertical-align:middle; }
#header_nav img { }
#mailinglist { float:right; }
/* Lefthand Navigation
---------------------------------------- */
#column_left { }
.navigation_left{ margin-bottom:0px; padding-right:15px; padding-left:0px; margin-left:0px; width:150px; } /*width of accordion menu*/
.navigation_left .menuheader{ text-transform:uppercase; font-size:95%; margin:0px; height:1%; letter-spacing:normal; } /*CSS class for menu headers in general (expanding or not!)*/
.navigation_left .expandable a { color:#414141; letter-spacing:normal; border-bottom:solid 1px #ebebeb; }
.navigation_left .unexpandable a { color:#414141; letter-spacing:normal; border-bottom:solid 1px #ebebeb; }
.navigation_left .openheader a { color:#6699CC; border-bottom:solid 1px #ffffff; } /*CSS class to apply to expandable header when it's expanded*/
.navigation_left h3 a { display:block; margin:0px; padding-left: 6px; padding-top:4px; padding-bottom:4px; padding-right:0px; text-decoration:none; width:100%; }
.navigation_left h3 a:hover { background:#f1f7ef; color:#6699CC; text-decoration:none; display:block; }
* html body .navigation_left h3 a { width:100%; }
.navigation_left ul{ margin:0px; padding-left:6px; padding-right:0px; padding-bottom:2px; list-style-type: none; width:135px; } /*CSS for UL of each sub menu*/
.navigation_left ul li { margin-bottom:2px; margin-right:0px; height:1%; display:inline; text-transform:uppercase; padding:0px; }
.navigation_left ul li a { font-size:80%; line-height:95%; padding-top:4px; padding-left:12px; padding-bottom:4px; margin:0px; display:block; text-decoration: none; color:#414141; border-bottom:solid 1px #ffffff; border-top:solid 1px #ffffff; }
* html body .navigation_left ul li a { width:100%; margin:0px; } /* for IE's eyes only */
.navigation_left ul li a:link { }
.navigation_left ul li a:visited { }
.navigation_left ul li a:hover{ color:#6699cc; border-bottom:solid 1px #b0c9e2; border-top:solid 1px #b0c9e2; }
.active { font-weight:bold; background:url(../images/arrowBlue.gif) left no-repeat; }
/* Right Side Navigation
---------------------------------------- */
#column_right { }
#navigation_right { width:225px; margin-top:28px; margin-bottom: 5px; }
.info_right { border: solid 1px #bdbdbd; margin-top:20px; padding-bottom:10px; background:#ffffff;}
.info_right a:hover { text-decoration:underline; }
.info_right ul { margin-left:30px; margin-right:30px; margin-top:0px; margin-bottom:0px; padding:0px; }
.info_right ul li { list-style-type:none; }
.info_right ul li a { display: block; padding-left:15px; padding-top:4px; padding-bottom:4px; background:url(../images/arrowBlue.gif) left no-repeat; color:#6699cc; text-decoration:none; }
#printReturn {display:none; }
/* Content
---------------------------------------- */
#content { text-align:left; float:right; width:490px; padding-bottom:20px; padding-left:20px; border-left: solid 1px #bdbdbd;}
#content a { color:#6699cc; }
#content a:hover { text-decoration:none; }
#content img { margin-left:20px; float:right; margin-bottom:20px; border: solid 1px #bdbdbd; }
#content_footer { text-align:center; color:#9b7468; font-size:80%; margin-top:30px; }
#content ul { margin-top:5px; margin-bottom:5px; }
#content ul li {list-style-type:square; }
#content hr { background:#ffffff; border:none ; color:#ffffff; }
/* Footer
---------------------------------------- */
#footer { color: #999999; padding-top:10px; }
#footer { margin-top:0px; }
#footer a, #footer a:visited { color:#6699cc; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer p { font-size: 80%; line-height:120%;}
#footer img { padding-right:15px; }
/* Trade Events table /trade/tradeprograms.cfm added by Tony P 6/24/08
---------------------------------------- */
#tradeEventsTable {
width: 57%;
margin: 0;
padding: 0;
border: none;
border-collapse: collapse;
}
#tradeEventsTable tr {
vertical-align: top;
}
#tradeEventsTable td.eventName, #tradeEventsTable td.eventDate {
padding: 0 0 8px 0;
}
#tradeEventsTable td.eventDate {
width: 70px;
text-transform: uppercase;
}
#tradeEventsTable td.eventName {
width: 203px;
}