@charset "ISO-8859-1";

/* =================== */
/* ==== MAIN BODY ==== */
/* =================== */
/* Background-color: #A7B093;*/

body.main {
font: Verdana, Arial, Helvetica, sans-serif; 
   background-color: #C6CBBD;
   background-image: url("mainBg.jpg");
   background-position: 15px 0px;
   background-repeat: repeat-y;
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 0px;
   margin-bottom: 15px;
   font-size: 100.1%;
}

body.fallshow {
   background-color: #C6CBBD;
   background-image: url("fallshow/fallshowBg.jpg");
   background-position: 15px 0px;
   background-repeat: repeat-y;
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 0px;
   margin-bottom: 15px;
   font-size: 100.1%;
}

body.springshow {
   background-color: #C6CBBD;
   background-image: url("springshow/springshowBg.jpg");
   background-position: 15px 0px;
   background-repeat: repeat-y;
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 0px;
   margin-bottom: 15px;
   font-size: 100.1%;
}

/* ================ */
/* ==== COLORS ==== */
/* ================ */
.pageBackgrdColor, .pageBackgrdColor TD, .pageBackgrdColor TH
   {background-color: #C6CBBD; color: black;}
.springBackgrdColor, .springBackgrdColor TD, .springBackgrdColor TH
   {background-color: #B4BD9E; color: black;}
.clear, .clear TD, .clear TH
   {background-color: transparent; color: black;}
.highlight, .highlight TD, .highlight TH
   {background-color: transparent; color: #CC0000;}
.hubgreen, .hubgreen TD, .hubgreen TH
   {background-color: transparent; color: #005511;}
.hubdkgreen,.hubdkgreen TD,.hubdkgreen TH
   {background-color:transparent;color:#003311;}
.hubyellow,.hubyellow TD,.hubyellow TH
   {background-color:#FFFF90;color:black;}
/* medium yellow: #FFFFCC */
.hubltyellow,.hubltyellow TD,.hubltyellow TH
   {background-color:#FFFFE3;color:black;}

/* ======================== */
/* ===== TEXT FORMATS ===== */
/* ======================== */
p, h1, h2, h3, tr, td {font: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
h1 {font-size: 3.3em; font-style: italic; line-height: 0.6;}
h2 {font-size: 1.85em; line-height: 0.6;}
h3 {font-size: 1.85em; line-height: 0.1;}
p.subh1 {font-size: 3.3em; font-style: italic; line-height: 0.7;}
p.subh2 {font-size: 1.85em; line-height: 0.3;}
p.test {line-height: 0.3;}
.normal {font: 0.9em Verdana, Arial, Helvetica, sans-serif; text-align:justify }

.largerText, .largerText TD, .largerText TH
   {font: 1.0em Verdana, Arial, Helvetica, sans-serif;}
.smallerText, .smallerText TD, .smallerText TH
   {font: bold .9em Verdana, Arial, Helvetica, sans-serif;}
.smallerTextNoBold, .smallerTextNoBold TD, .smallerTextNoBold TH
   {font: .9em Verdana, Arial, Helvetica, sans-serif;}
.tinyText, .tinyText TD, .tinyText TH
   {font: bold .8em Verdana, Arial, Helvetica, sans-serif;}
.tinyTextNoBold, .tinyTextNoBold TD, .tinyTextNoBold TH
   {font: .8em Verdana, Arial, Helvetica, sans-serif;}
.tinyTinyText, .tinyTinyText TD, .tinyTinyText TH
   {font: bold .7em Verdana, Arial, Helvetica, sans-serif;}

span.tiny {font: .8em Verdana, Arial, Helvetica, sans-serif;}
span.large {font: 1.25em Verdana, Arial, Helvetica, sans-serif;}
span.larger {font: 1.5em Verdana, Arial, Helvetica, sans-serif;}
span.verylarge {font: 2.0em Verdana, Arial, Helvetica, sans-serif;}

/* ================ */
/* ==== TABLES ==== */
/* ================ */
.headerlines, .headerlines TD, .headerlines TH
{
   width: 1000px;
   font: bold .8em Verdana, Arial, Helvetica, sans-serif;
   padding-right: 10px;
   text-indent: 10px;
}

.footerlines, .footerlines TD, .footerlines TH
{
   width: 1000px;
   font: bold .83em Verdana, Arial, Helvetica, sans-serif;
   padding-right: 10px;
   text-indent: 10px;
}

.pagebanner
   {width: 1000px; font: bold .8em Verdana, Arial, Helvetica, sans-serif;}

table.mainContentTable{ width: 850px; padding: 0px;}
table.mainColumn{ width: 360px; padding: 0px;}
td.mainContentRightPad { padding-right: 10px;}
td.h1pad { padding-bottom: 5px; }
td.h2pad { padding-top: 5px; }
td.iconField {width: 250px;}
td.slideshowScreen {width: 600px; height: 294px; text-align: center;}
td.slideshowLeftpad {width: 60px;}
td.slideshowRightpad {width: 70px;}
td.productField {width: 220px;}
td.layoutName {width: 50%;}
.tableList, .tableList TD, .tableList TH {border: 1px #005511 solid; padding: 4px}
.tableListTight, .tableListTight TH {border: 0px #005511 solid; padding: 2px}

/* ============================================= */
/* ==== MAIN PAGE LEFT PANEL MENU AND LINKS ==== */
/* ============================================= */
.leftPanel
   {width: 150px; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
#leftPanelMenu
   {width: 126px; height:120px; border: 0px solid #0000; margin-left: auto; margin-right: auto;}
#leftPanelMenu td
   {background-color: #FFFF90; border: 1px solid #CC0000;}
#leftPanelMiniMenu
   {width: 126px; height: 50px; border: 0px solid #0000; margin-left: auto; margin-right: auto;}
#leftPanelMiniMenu td
   {background-color: #FFFF90; border: 1px solid #CC0000;}

a#mlink /* menu link */
{ display: block; width: 100%; height: 100%;
  font: bold .7em Verdana, Arial, Helvetica, sans-serif;
  color: #003311; text-decoration: none; text-align: center;
}

a#mlink:hover /* menu link */
{ background-color:#005511; color:#FFFFFF; text-align: center; }

#leftPanelButton
{ width: 70px; height: 35px; border: 0px solid #0000; margin-left: auto; margin-right: auto; }

#leftPanelButton td
{ background-color: #FFFF90; border: 3px ridge #009933; }

a#blink /* button link */
{ display: block; width: 100%; height: 100%;
  font: bold .85em Verdana, Arial, Helvetica, sans-serif;
  color: #003311; text-decoration: none; text-align: center; }

a#blink:hover /* button link */
{ background-color: #005511; color: #FFFFFF; text-align: center; }

/* =============================================== */
/* ==== SHOW PAGES LEFT PANEL MENU AND BUTTON ==== */
/* =============================================== */
#leftPanelShowMenu
{ width: 126px; height: 150px; border: 0px solid #0000; margin-left: auto; margin-right: auto;}

#leftPanelShowMenu td
{
   background-color: #FFFF90;
   border: 1px solid #CC0000;
}

#leftPanelShowMenuSpring
{ width: 126px; height: 120px; border: 0px solid #0000; margin-left: auto; margin-right: auto;}

#leftPanelShowMenuSpring td
{
   background-color: #FFFF90;
   border: 1px solid #CC0000;
}

#leftPanelVendor
{
   width: 126px;
   height: 30px;
   border: 0px solid #0000;
   margin-left: auto;
   margin-right: auto;
}

#leftPanelVendor td
{background-color:#FFFF90; border:1px solid #CC0000;}

#leftPanelVerticalPad {height: 80px;}

/* ========================== */
/* ==== LEFT PANEL LOGOS ==== */
/* ========================== */
#leftPanelIcons
{ width: 120px; border: 0px solid #0000; margin-left: auto; margin-right: auto; }


/* ================= */
/* ==== ANCHORS ==== */
/* ================= */
a:link, a:visited, a:active
{
   text-decoration: none;
   color: blue;
}

a:hover
{
   text-decoration: none;
   color: white;
}

a:link.hubHighlightLink, a:visited.hubHighlightLink
{ font: Verdana, Arial, Helvetica, sans-serif; 
  color: #800000;
  background-color: transparent;
  font-weight: bold;
}

a:hover.hubHighlightLink
{
   text-decoration: underline;
   color: #003311; /*CC0000*/
   background-color: transparent;
}

a:link.hubHighlightLinkNoBold, a:visited.hubHighlightLinkNoBold
{
   color: #800000;
   background-color: transparent;
}

a:hover.hubHighlightLinkNoBold
{
   text-decoration: underline;
   color: #003311; /*CC0000*/
   background-color: transparent;
}

a:link.hubdkgreenLink, a:visited.hubdkgreenLink
{
   color: #003311;
   background-color: transparent;
}

a:hover.hubdkgreenLink
{
   text-decoration: underline;
   color: #CC0000;
   background-color: transparent;
}

a.orgs, a.orgs:link, a.orgs:visited, a.orgs:active, a.orgs:focus
{
   border: 1px solid #005511;
   display: block;
   width: 90px;
   margin-left: auto;
   margin-right: auto;
   filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
   -khtml-opacity: 0.7;
}

a.orgs:hover
{
   border: 1px solid #CC0000;
   filter:alpha(opacity=100);
   -moz-opacity: 1.0;
   opacity: 1.0;
   -khtml-opacity: 1.0;
}

a img { border: 0px }
img.icon
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.hubLogo {border: 0px solid #005511;}
img.slideshowSlide {width: 390px; height: 260px; border: 1px solid black;}

a.horiz, a.horiz:link, a.horiz:visited, a.horiz:active, a.horiz:focus {width: 230px;}
a.vert, a.vert:link, a.vert:visited, a.vert:active, a.vert:focus {width: 170px;}
a.wide, a.wide:link, a.wide:visited, a.wide:active, a.wide:focus {width: 340px;}
a.product, a.product:link, a.product:visited, a.product:active, a.product:focus {width: 200px;}

a.photo, a.photo:link, a.photo:visited, a.photo:active, a.photo:focus
{
   border: 1px solid #003311;
   display: block;
   margin-left: auto;
   margin-right: auto;
   filter:alpha(opacity=90);
   -moz-opacity: 0.9;
   opacity: 0.9;
   -khtml-opacity: 0.9;
}

a.photo:hover
{
   border: 1px solid #CC0000;
   filter:alpha(opacity=100);
   -moz-opacity: 1.0;
   opacity: 1.0;
   -khtml-opacity: 1.0;
}

/* ================ */
/* ===== MISC ===== */
/* ================ */

/* Positional classes */
.right  {text-align: right;}
.center {text-align: center;}
.left   {text-align: left;}
.top    {vertical-align: top;}
.vcenter {vertical-align: middle;}

.hrverythin, .hrverythin TD
   {height: 1px; background-color: #005511; color: #005511;}
.hrthin, .hrthin TD
   {height: 2px; background-color: #005511; color: #005511;}
.hrmedium, .hrmedium TD
   {height: 3px; background-color: #005511; color: #005511;}

.address, .address TD
{
   font: 0.95em Verdana, Arial, Helvetica, sans-serif;
   font-style: italic;
}

ul.menu
{font: 0.85em Verdana, Arial, Helvetica, sans-serif; list-style-type: disc; text-align: justify;}

li.menu 
{/* reduce default indentation of all bulleted items */
 line-height: 1.5em;}

ul.map
{font: bold 0.85em Verdana, Arial, Helvetica, sans-serif; line-height: 2.5; list-style-type: disc; margin-left: 1.4em;}

li.map
{/* reduce default indentation of all bulleted items */
 margin-left: -25px; line-height: 1.8;}

ul.links
{font: 0.85em Verdana, Arial, Helvetica, sans-serif; margin-left: 0.5em; line-height: 2.5; list-style-type: none;}

li.links
{/* reduce default indentation of all bulleted items */
 margin-left: -25px; line-height: 1.4;}

ul.list
{font: 1.0em Verdana, Arial, Helvetica, sans-serif; list-style-type: none;}

li.list
{/* increase default indentation of all bulleted items */
 margin-left: 6px; line-height: 1.9em;}