/* styles for body, headers, etc. */
/* bgcolors: 000000 a8b888 204120 */
body {
 margin: 0px;
 background-color: #a8b888;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 12px;
 line-height: 140%;
 color: #222211;
}

p      { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 140%; color: #333345; }
td     { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 150%; color: #222222; }
li     { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 150%; color: #222222; }
h1     { font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: bold; color: #112233; }
h2     { font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #112233; }
h3     { font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #112233; }
h4     { font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #061120; }
.title { font-weight: bold; }
.wrapper        { width: 945px; border: 0px solid #222222; }
.headerWrapper  { width: 945px; border: 0px solid #222222; background-color: #103220; }

#years100 { position:relative; float:left; height:50px; width:200px; text-align:left; }
.topNav          { height: 16px; width: 705px; padding: 35px 20px 10px 10px; text-align: right; color:#ffffff; }

.headerbox       { background-image:url('../images/hpcbanner_dg1.jpg'); background-position:5px 0; background-repeat:no-repeat; height: 193px; width: 935px; }
.printheaderbox  { display:none; }
#specialHours    { position:relative; float:right; margin-top:15px; margin-bottom:15px; text-align:center; font-size: 14px; font-variant:small-caps; font-weight:bold; color:#ffffff; width:100%; border:0px solid #888888; background-color:#003310; opacity:.8; filter:alpha(opacity=80); }

.contentWrapper { width: 945px; float: left; border: 0px solid #222222; background-color: #103220; padding-top: 10px; padding-bottom: 15px; }

.footerWrapper  { width: 945px; float: left; border: 0px solid #222222; background-color: #092314; padding-top: 20px; padding-bottom: 15px; }

.leftCWrapper   { float:left; width: 185px; background-color: #103220; h:F7ffd6; g:eeffff; padding:0px; margin:0px; }

.leftColumn     { width:10px; padding:0px; 0px; text-align: left; }
/* .rightCWrapper        { float: left; width: 750px; background-color: #E8F3F2; border:1px solid black; } */
.rightCWrapper        { float: left; width: 730px; background-color: #E8F3f2; }
.rightColumnCornerTop { width: 730px; height: 12px; float: left; background: url('../images/page-border-top.jpg') top left no-repeat; }
.rightColumn          { float: left; width: 710px; background-color: #F7ffd6; g:FFFFFF; padding-left: 20px; }
.rightLeftColumn      { float: left; width: 415px; background-color: #F7ffd6; g:FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; text-align: left; color: #222222; line-height: 150%; }

.rightRC         { float: right; width: 238px; height:2184px; padding-top:10px; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 12px; text-align: left; color: #222222; line-height: 150%; background-image:url('../images/green-right-2-round.jpg'); background-repeat:no-repeat; }


.rightRCSpace    { float: left; width: 19px; height: 10px; }
.rightRCDiv      { position:relative; top:120px;  width: 1px; height:1800px; float:left; background-color:transparent; display:none; }
/* #037C67; } */


/* text that overlays the right panel greenery */
/* also, the inaptly named leftlinks2 class renders here. */
.rightRCText     { position:relative; color:#f7f147; garbage:#eeffff; float:right; width:95%; padding-left:5%; background-color:#a8b888; garbage:003310; opacity:.8; filter:alpha(opacity=80); }
.rightRCText p a h1 h2 h3 h4 { color:#f7f147; }
.rightHead        { position:relative; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color:#f7f147; background-color:#113311; }

.rightBC         { float: right; width: 710px; background-color: #F7ffd6; g:FFFFFF; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 12px; text-align: left; color: #222222; line-height: 150%; }
.rightCCornerBot { width: 730px; height: 12px; float: left; background: url('../images/page-border-bottom.jpg') bottom left no-repeat; }
.industryPad     { float: left; border:10px solid #F7ffd6; }
.footerAddress   { float: left; width: 175px; padding-left: 20px; padding-right: 10px; }
.footerLinks     { float: left; width: 700px; padding-left: 10px; padding-right: 10px; }
.footerLinkBox   { float: left; width: 140px; }
.footerDiv       { float: left; width: 700px; height: 35px; padding-top: 18px; padding-bottom: 5px; background-color:#092314; }
.footer          { font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; text-align: left; color: #E8F3F2; line-height: 150%; }
a:link           { color: #112233; text-decoration: none; }
a:visited        { color: #112233; text-decoration: none; }
a:hover          { color: #112233; text-decoration: underline; }
a:active         { color: #112233; text-decoration: underline; }
.headerLinks          { text-align: right; }
a.headerLinks:link    { color: #f7ffd6; text-decoration: none; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; }
a.headerLinks:visited { color: #f7ffd6; text-decoration: none; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; }
a.headerLinks:hover   { color: #f7ffd6; text-decoration: none; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; }
a.headerLinks:active  { color: #f7ffd6; text-decoration: none; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; }
a.leftLinks:link    { color: #112233; text-decoration: none; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; }
a.leftLinks:visited { color: #112233; text-decoration: none; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; }
a.leftLinks:hover   { color: #112233; text-decoration: underline; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; }
a.leftLinks:active  { color: #112233; text-decoration: underline; font-size: 11px; font-weight: bold; }

a.leftLinks2:link    { color: #071107; text-decoration: none; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; }
a.leftLinks2:visited { color: #071107; text-decoration: none; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; }
a.leftLinks2:hover   { color: #071107; text-decoration: underline; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; }
a.leftLinks2:active  { color: #071107; text-decoration: underline; font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; }

a.footLinks:link    { color: #E8F3F2; text-decoration: none; }
a.footLinks:visited { color: #E8F3F2; text-decoration: none; }
a.footLinks:hover   { color: #E8F3F2; text-decoration: underline; }
a.footLinks:active  { color: #E8F3F2; text-decoration: underline; }
#phone { position:relative; top:0px; left:0px; height:24px; font-family:arial; font-weight:bold; font-size:26px; padding:2px; text-align:left; border:0px solid #005500; border-left-width:0px; border-right-width:0px; color:#f7ffd6; background-color:#103220; }

ul#leftCMenu { font-size:20px; list-style: none; padding: 0px; text-align: left; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width:205px; }
ul#leftCMenu li a { display: block; height: 25px; margin: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; background-color: #445533; }
/* IE (of course) wants the height:55px above.  Everyone else wants height:38px.  This is because IE thinks padding goes on the outside.  Drop the padding, and add a <br style="height:XXpx;"/> instead. */
ul#leftCMenu li a:hover { text-decoration: underline; background-color:#113322; color:#99aa44; }
ul.subMenuLevelOne { list-style-type:none; display: block; margin: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; background-color: #113322; }
li.subMenuLevelOne { height: 25px; }

/* dull color scheme */
.dul_dark { background-color:#112222; }
.dul_hdr1 { background-color:#556666; }
.dul_hdr2 { background-color:#444444; }
.dul_lite { background-color:#ccccdd; }
.dul_midl { background-color:#888877; }

/* vibrant color scheme */
.vib_dark { background-color:#112233; color:#eeffff; }
.vib_hdr1 { background-color:#445544; color:#aaaa99; }
.vib_hdr2 { background-color:#667788; color:#eeffff; }
.vib_midl { background-color:#aaaa99; color:#112233; }
.vib_lite { background-color:#eeffff; color:#112233; }

.articleImager { max-width:200px; float:right; }
.articleImagel { max-width:200px; float:left; }
.articleImageh { height:180px; float:right; }
.articleImagew { width:400px; }

#saberSpecs td { font-size:11px; }
#saberSpecs li { font-size:10px; }
#saberSpecs th { font-size:10px; font-weight:bold; text-align:left; vertical-align:top; }

#d3m1       { position:relative; width:390px; height:132px; background-repeat:no-repeat; background-image:url('../images/_3m1.jpg'); }
#d3m1:hover { background-image:url('../images/_3m1_.jpg'); }
#d3m2       { position:relative; width:390px; height:68px;  background-repeat:no-repeat; background-image:url('../images/_3m2.jpg'); }
#d3m2:hover { background-image:url('../images/_3m2_.jpg'); }
#d3m3       { position:relative; width:390px; height:174px; background-repeat:no-repeat; background-position:5px 0px; background-image:url('../images/_3m3.jpg'); }
#d3m3:hover { background-image:url('../images/_3m3_.jpg'); }

table.specs { background-color:#aaaa99; }
table.specs td { background-color:white; padding-left:5px; }
table.specs th { background-color:white; color:#5E0F68; padding-right:5px; }
table.specs th.top  { text-align:left; background-color:transparent; }
table.specs th.right { text-align:right; }

.question { font-weight:bold; color:#5E0F68; cursor:pointer; }
.answer { color:#5E0FD8; background-color:#a8b888; }

.contactAddress { float: left; width: 380px; padding-left: 20px; padding-right: 10px; }

.contact { float: left; width: 385px; padding-left: 20px; padding-right: 10px; color:#001155; }
#emltg1 { float: left; padding-left: 6px; padding-right: 10px; color:#001155; }
#emlvis1 { float: left; padding-left: 0px; padding-right: 10px; color:#001155; }


.compactcolumn { font-weight:bold; font-size:12px; width:100px;float:left; color:black; }
.compactcolumn ul { padding-left:0px; list-style:none; }
.compactcolumn li { border-width:1px 0px 0px 0px; border-color:black; }


.linktable li { font-weight:bold; font-size:11px; height:30px; width:390px; padding:10px; border:1px solid black; border-width:1px 0 0 0; }
.linktable a { float:left; height:30px; width:390px; }
.linktable img { height:30px; float:right; padding:0px; border:1px solid black; }

img { border:0px solid #F7ffd6; padding:9px; }

#tooltipab { position:absolute; left:250px; top:500px; width:258px; height:210px; background-color:#555555; opacity:0; display:block; z-index: 1000; }
#tooltipbb { position:absolute; left:250px; top:500px; width:258px; height:94px;  background-color:#555555; opacity:0; display:block; z-index: 1000; }
#tooltipcb { position:absolute; left:250px; top:500px; width:258px; height:268px; background-color:#555555; opacity:0; display:block; z-index: 1000; }

#tooltipa { font-size:12px; position:relative; left:4px; top:-7px; width:250px; height:202px; background-color:#eeeeee; }
#tooltipb { font-size:12px; position:relative; left:4px; top:-7px; width:250px; height:86px;  background-color:#eeeeee; }
#tooltipc { font-size:12px; position:relative; left:4px; top:-7px; width:250px; height:260px; background-color:#eeeeee; }





/* green theme */
/* greens to match green-right.jpg */
/*
Bright:
darkBrown { background-color; #222211; }
olive { background-color: #667700; }
brown { backgroun-color: #776633; }
ouch-my-eyes-green { background-color; #bbdd00; }
really-too-green { background-color; #aadd44; }
*/
/*
Dull:
darkBrown { background-color; #222211; }
olive { background-color: #556622; }
brown { backgroun-color: #555544; }
ouch-my-eyes-green { background-color; #99aa55; }
really-too-green { background-color: #99aa66; }
*/