/* New bees css file - beek.css  */

/* div {
 border: 1px dashed #00F;
}         */

.dashblu { border: 1px dashed #00F; }
.dashred { border: 1px dashed #F00; }
.dashyel { border: 1px dashed #FF0; }

/* img { border: 1px dashed #CD0; }   */

/* p { border: 1px dashed #CD0; }     */
 
body { background-color: #f8f8e3; color: #000000; font-family: times, arial, georgia, serif; font-weight: bold; font-size: 13pt; text-align: center; }

.masthead { width: 100%; margin: 10px 0 0 0; text-align: left; }

h1 { font-size: 24pt; line-height: 24pt; text-align: center; margin: 10px 0 0 0 ; }
h2 { font-size: 18pt; text-align: center; }

h5 { color: #000066; text-align: left; line-height: 9pt; font-family: arial, sans-serif; font-size: 8pt; font-weight: bold; vertical-align: text-bottom; }
hr { color: #ff0000; height: 1px; background-color: #ff0000; }

.lh1 { font-size: 24pt; line-height: 24pt; text-align: center; color: #CC0000; margin: 10px 0 0 0 ; }
.lh2 {font-size: 18pt; text-align: left; color: #cc0000; }
.lh3 {font-size: 14pt; text-align: left; color: #000000; }
.hilight3 { font-size:  15pt; color: #cc0000; }

/* .daclogo { float: right; margin: 0 23% 0 0; }    */
.daclogo { text-align: center; }

@media screen { .printprint { display: none; } }
@media print { .nonprint { display: none; } }

.homebg a { float: left; display: block; text-decoration: none; text-align: left; width: 118px;  height: 39px;  background-image: url(magic/homebg.gif); background-position: 0 0; border: 0; margin: 0 0 10px 0; }

.menubg a { clear: left; float: left; display: block; text-decoration: none; text-align: left; width: 118px; height: 39px; background-image: url(magic/menubg.gif); border: 0; margin: 0 }

.homebg a:hover, .menubg a:hover { background-position: 0 -38px; }
.homebg a:active, .menubg a:active { background-position: 0 -76px; }

#textlinkbutt a { float: right; color: #000000; text-align: center; font-size: 8pt; font-family: arial, sans-serif; font-weight: bold; text-decoration: none; background-color:#ffff00; display: block; width: 80px; border: 6px  outset red; margin: 0 10px 10px 0; }
 
#textlinkbutt a:hover { background-color: #66ff00; color: #000000; border: outset 6px; }
#textlinkbutt a:active { background-color: #dddd00; color: #000000; border: outset 6px; }

#subjectbutt a { float: right; clear: right; color: #000000; text-align: center; font-size: 8pt; font-family: arial, sans-serif; font-weight: bold; text-decoration: none; background-color:#10f8f0; display: block; width: 80px; border: 6px outset rgb(152,245,255); margin: 0 10px ; }
 
#subjectbutt a:hover { background-color: #66ff00; color: #000000; border: outset 6px; }
#subjectbutt a:active { background-color: #dddd00; color: #000000; border: outset 6px; }

.dummybutt { float: right; clear: right; background-color: #f8f8e3; display: block; width: 80px; height: 100px; margin: 0 10px; }

.pagetitle { width: 76%; float: right; margin-right: 118px; text-align: center; border: 1px dashed #00F; }

.ptw40, .ptw50, .ptw56, .ptw60, .ptw62, .ptw64, .ptw70, .ptw74, .ptw76, .ptw78 { float: right; color: #CC0000; text-align: center; }
.ptw40 { width: 40%; margin-right: 30%; }
.ptw50 { width: 50%; margin-right: 24%; }
.ptw56 { width: 56%; margin-right: 20%; }
.ptw60 { width: 60%; margin-right: 19%; }
.ptw62 { width: 62%; margin-right: 19%; }
.ptw64 { width: 64%; margin-right: 18%; }
.ptw66 { width: 66%; margin-right: 17%; }
.ptw68 { width: 68%; margin-right: 15%; }
.ptw70 { width: 70%; margin-right: 14%; }
.ptw74 { width: 74%; margin-right: 12%; }
.ptw76 { width: 76%; margin-right: 10%; }
.ptw78 { width: 78%; margin-right: 8%; }

.navbar { width: auto; float: left; clear: both; margin: 10px 15px 15px 0; }
.navbutt { color: #000000; font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-align: center;  line-height: 25px; vertical-align: top; text-decoration: none; background-color: #f8f8e3; border-bottom: 1px solid #000; padding: 2px; }
.navbutt a:hover { background-color: #66ff00; }
.navbutt a:visited { color: #4b0082; }
.navblank { border: 0 ; }   /*  <div class="navblank"> &nbsp; </div>  */

.pgt {font-size: 24pt; line-height: 24pt; font-weight: bold; text-align: center; color: #CC0000; margin: 20px auto 10px auto; width: auto; }

.pgt50, .pgt56, .pgt58, .pgt60, .pgt62, .pgt64, .pgt66, .pgt68, .pgt70, .pgt72, .pgt74, .pgt76, .pgt78, .pgt80, .pgt82, .pgt84, .pgt86, .pgt88, .pgt90, .pgt92, .pgt94, .pgt98 { font-size: 24pt; line-height: 110%; font-weight: bold; text-align: center; color: #CC0000; margin: 20px auto 10px auto; }
.pgt50 { width: 50%; }
.pgt56 { width: 56%; }
.pgt58 { width: 58%; }
.pgt60 { width: 60%; }
.pgt62 { width: 62%; }
.pgt64 { width: 64%; }
.pgt66 { width: 66%; }
.pgt68 { width: 68%; }
.pgt70 { width: 70%; }
.pgt72 { width: 72%; }
.pgt74 { width: 74%; }
.pgt76 { width: 76%; }
.pgt78 { width: 78%; }
.pgt80 { width: 80%; }
.pgt82 { width: 82%; }
.pgt84 { width: 84%; }
.pgt86 { width: 86%; }
.pgt88 { width: 88%; }
.pgt90 { width: 90%; }
.pgt92 { width: 92%; }
.pgt94 { width: 94%; }
.pgt98 { width: 98%; }

.inforight { clear: right; text-align: left; margin-right: 10px ; }
.infoleft { clear: left; width: auto; text-align: left; }
.info { width: 99%; clear: both; text-align: left; } 

.tmpx02 { margin-top: 2px; }
.tmpx05 { margin-top: 5px; }
.tmpx10 { margin-top: 10px; }
.tmpx15 { margin-top: 15px; }
.tmpx20 { margin-top: 20px; }
.tmpx30 { margin-top: 30px; }
.tmpx40 { margin-top: 40px; }
.tmpx50 { margin-top: 50px; }
.tmpx60 { margin-top: 60px; }
.tmpx70 { margin-top: 70px; }
.tmpx80 { margin-top: 80px; }
.tmpx90 { margin-top: 90px; }
.tmpx100 { margin-top: 100px; }
.tmpx140 { margin-top: 140px; }
.tmpx200 { margin-top: 200px; }

.rmpc05 { margin-right: 5%; }
.rmpc10 { margin-right: 10%; }
.rmpc15 { margin-right: 15%; }
.rmpc20 { margin-right: 20%; }
.rmpc25 { margin-right: 25%; }
.rmpc30 { margin-right: 30%; }
.rmpc35 { margin-right: 35%; }
.rmpc40 { margin-right: 40%; }
.rmpc45 { margin-right: 45%; }

.rmpx05 { margin-right: 5px; }
.rmpx10 { margin-right: 10px; }
.rmpx15 { margin-right: 15px; }
.rmpx20 { margin-right: 20px; }
.rmpx30 { margin-right: 30px; }
.rmpx40 { margin-right: 40px; }
.rmpx50 { margin-right: 50px; }

.bmpx02 { margin-bottom: 2px; }
.bmpx05 { margin-bottom: 5px; }
.bmpx10 { margin-bottom: 10px; }
.bmpx15 { margin-bottom: 15px; }
.bmpx20 { margin-bottom: 20px; }
.bmpx25 { margin-bottom: 25px; }
.bmpx30 { margin-bottom: 30px; }
.bmpx40 { margin-bottom: 40px; }
.bmpx50 { margin-bottom: 50px; }
.bmpx70 { margin-bottom: 70px; }
.bmpx80 { margin-bottom: 80px; }
.bmpx100 { margin-bottom: 100px; }
.bmpx200 { margin-bottom: 200px; }

.lmpc03 { margin-left: 3%; }
.lmpc04 { margin-left: 4%; }
.lmpc05 { margin-left: 5%; }
.lmpc10 { margin-left: 10%; }
.lmpc12 { margin-left: 12%; }
.lmpc14 { margin-left: 14%; }
.lmpc15 { margin-left: 15%; }
.lmpc16 { margin-left: 16%; }
.lmpc18 { margin-left: 18%; }
.lmpc20 { margin-left: 20%; }
.lmpc22 { margin-left: 22%; }
.lmpc24 { margin-left: 24%; }
.lmpc25 { margin-left: 25%; }
.lmpc26 { margin-left: 26%; }
.lmpc28 { margin-left: 28%; }
.lmpc30 { margin-left: 30%; }
.lmpc32 { margin-left: 32%; }
.lmpc34 { margin-left: 34%; }
.lmpc35 { margin-left: 35%; }
.lmpc36 { margin-left: 36%; }
.lmpc38 { margin-left: 38%; }

.lmpx05 { margin-left: 5px; }
.lmpx10 { margin-left: 10px; }
.lmpx15 { margin-left: 15px; }
.lmpx20 { margin-left: 20px; }
.lmpx30 { margin-left: 30px; }
.lmpx40 { margin-left: 40px; }
.lmpx50 { margin-left: 50px; }
.lmpx60 { margin-left: 60px; }
.lmpx70 { margin-left: 70px; }
.lmpx80 { margin-left: 80px; }

.tpad05 { padding-top: 5px; }
.tpad10 { padding-top: 10px; }
.tpad20 { padding-top: 20px; }
.tpad30 { padding-top: 30px; }
.tpad40 { padding-top: 40px; }
.tpad50 { padding-top: 50px; }
.tpad60 { padding-top: 60px; }
.tpad70 { padding-top: 70px; }
.tpad80 { padding-top: 80px; }
.tpad90 { padding-top: 90px; }
.tpad100 { padding-top: 100px; }
.tpad100 { padding-top: 120px; }
.tpad100 { padding-top: 140px; }
.tpad100 { padding-top: 160px; }
.tpad100 { padding-top: 180px; }
.tpad100 { padding-top: 200px; }

.rpad05 { padding-right: 5px; }
.rpad10 { padding-right: 10px; }
.rpad20 { padding-right: 30px; }
.rpad40 { padding-right: 40px; }
.rpad50 { padding-right: 50px; }

.pad03 { padding: 3px; }
.pad05 { padding: 5px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad40 { padding: 40px; }
.pad50 { padding: 50px; }

.yellowbox { clear: both; margin: 20px auto 20px auto; text-align: center; border: 2px solid #000; background-color: #FEFE00; color: #DD0000; padding: 15px; }
.yelpanel { width: 80%; background-color: #fefe00; border-width: 5px; border-style: solid; border-color: #ff0000}

.supplier { width: 100%; height: 200px; margin: 20px 0 20px 0; }
.leftcologo { display: block; width: 24%; float: left; clear: left; margin: 10px 0 20px 8%; }
.rightcodesc { display: block; width: 50%; float:right; margin: 0 12% 0 20px; text-align: center; }

.clickonlogo { color: #000066; text-align: left; line-height: 9pt; font-family: arial, sans-serif; font-size: 8pt; font-weight: bold; margin: 0 0 0 0; }

.reflink25 { width: 25%; float: left; background-color: #f8f8e3; border-bottom: #000 1px solid; text-align: center; text-decoration: none; }

.reflink25 a { width: 25%; text-align: center; text-decoration: none; }

a:link { color: #dd0000; text-decoration: none; }
a:visited { color: #4b0082; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; background-color: #66ff00; }
a:active { color: #006600; text-decoration: none; background-color: #dddd00; }



table { font-weight: bold }

.bottom { position: absolute; bottom: 50px; }
.clb { clear: both; }
.cll { clear: left; }
.clr { clear: right; }
.ctr { text-align: center; }
.ctrtable { margin-left: auto; margin-right: auto; }
.ctrw { width: 88%; text-align: center; }
.ctrredw160 { text-align: center; margin: 0 30% 0 38%; background-color: #DD0000; width: 160px; font-size: 24pt;}
.email { text-decoration: underline; color: #00D; }
.fll { float: left; }
.flr { float: right; }
.flri { display: inline; float: right; }
.left { text-align: left; }
.posrel { position: relative; }
.right { text-align: right; }
.top { vertical-align: top; }

.boldtext { font-weight: bold; }
.fn { font-weight: normal; }
.fsxxs { font-size: xx-small; }
.fsxs   { font-size: x-small; }
.fss     { font-size: small; }
.fs8     { font-size: 8pt; }
.fs9    { font-size: 9pt; }
.fs10   { font-size: 10pt; }
.fs11   { font-size: 11pt; }
.fs12   { font-size: 12pt; }
.fsmlr { font-size: smaller; }
.fsm     { font-size: 13pt; }
.fs13   { font-size: 13pt; }
.fs135   { font-size: 13.5pt; }
.fs14   { font-size: 13.5pt; }
.fs15    { font-size: 15pt; }
.fsl     { font-size: 15pt; }
.fs16   { font-size: 16pt; }
.fs18   { font-size: 18pt; }
.fsxl   { font-size: 18pt; }
.fs20   { font-size: 20pt; }
.fsxxl { font-size: 20pt; }
.fs24   { font-size: 24pt; }
.fs26   { font-size: 26pt; }
.fs28   { font-size: 28pt; }
.fs30   { font-size: 30pt; }
.fs34   { font-size: 34pt; }

.greyw160 { background-color: #FFC0C0; width: 160px; font-size: 24pt; }

.arial { font-family: arial; font-weight: normal; }
.arialb { font-family: arial; font-weight: bold; }
.arialB { font-family: arial; font-weight: bold; }  /* Roger likes to code it this way sometimes  */
.arialbu { font-family: arial; font-weight: bold; text-decoration: underline; }
.ariali { font-family: arial; font-style: italic; }
.i { font-style: italic }
.ordinal { font-size: smaller; vertical-align: 50%; }
.times { font-family: times; }

.b0 { border: none; }

.bezel { border-style: outset; border-width: 6px; }
.bold { font-weight: bold; }
.border { border-style: solid; border-color: #000000; border-width: 1px; padding: 0; }

.lnht25px { line-height: 25px; }
.lineht100 { line-height: 100%; }
.lineht115 { line-height: 115%; }
.lineht125 { line-height: 125%; }
.lineht150 { line-height: 150%; }
.margauto { margin: 0 auto; }
.mtop60 { margin-top: 60px; }

.padl10 { padding-left: 10%; }
.hvyund { border-bottom: 2px solid #000000; }
.hvyundb { border-bottom: 2px solid #000000; font-weight: bold; }
.und { text-decoration: underline; }
.undb { text-decoration: underline; font-weight: bold; }
.underit { font-style: italic; text-decoration: underline; }
.vam { display: table-cell; vertical-align: middle; }
.whtwnk { color: #000000; font-size: 10pt; font-family: arial, sans-serif; font-weight: bold; text-decoration: none; background-color: #ffffff; display: block; width: 100%; padding-top: 1px; padding-bottom: 1px; }

.bktext { color: #f8f8e3 }
.blktext { color: #000000 }
.blutext { color: #0000cc }
.dkblutext { color: #000099 }
.dkgrntext { color: #004000 }
.grntext { color: #008000 }
.hred { color: #CC0000; }
.khakitext { color: #a0a000 }
.lectth { color: #009900; font-weight: bold; text-decoration: underline; }
.mailtext { font-size: 10pt; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; }
.maroontext { color: #990000; }
.midgrntext { color: #006000 }
.orangetext { color: #ffa500; }
.purptext { color: #a80078 }
.redtext { color: #dd0000 }
.rpblue { color: #3333FF; font-weight: normal; }
.rpblueb { color: #3333FF; font-weight: bold; }
.rpblue18 { font-size: 18pt; color: #3333FF; font-weight: bold; }
.rpgreen { color: #33CC00; }
.rpred { color: #330000; }
.whttext { color: #ffffff }

.active { background-color: #dddd00; }
.beesabroad { background-color: #ffff66; }
.beesource { background-color: #d0d098; }
.bg { background-color: #f8f8e3; }
.bl { background-color: #aaaaff; }
.black { background-color: #000000; }
.dullyel { background-color: #eeee00; }
.greybg { background-color: #d3d3d3; }
.lgreybg { background-color: #eeeeee; }
.lime { background-color: #00ff00; }
.mauve { background-color: #ddddff; }
.mushroom { background-color: #f0f0f0 }
.nearwhite { background-color: #fefefe; }
.orange { background-color: #ffa500; }
.orangetable { background-color: #ffa500; border-width: 4px; border-style: ridge; }
.red { background-color: #dd0000 }
.redw160 { background-color: #DD0000; width: 160px; font-size: 24pt; }
.redw60 { background-color: #DD0000; width: 60px; font-size: 24pt; }
.santapink { background-color: #ffc0c0; }
.turq { background-color: #10F8F0; }
.white { background-color: #FFFFFF; }
.yel { background-color: #fefe00; }

.pc2 { width: 2%; }
.pc6 { width: 6%; }
.pc7 { width: 7%; }
.pc8 { width: 8%; }
.pc10 { width: 10%; }
.pc11 { width: 11%; }
.pc13 { width: 13%; }
.pc15 { width: 15%; }
.pc16 { width: 16%; }
.pc19r { width: 19%; vertical-align: top; }
.pc19l { width: 19%; vertical-align: top; }
.pc19 { width: 19%; }
.pc20 { width: 20%; }
.pc22 { width: 22%; }
.pc23 { width: 23%; }
.pc24 { width: 24%; }
.pc25 { width: 25%; }
.pc27 { width: 27%; }
.pc28 { width: 28%; }
.pc30 { width: 30%; }
.pc33 { width: 33%; }
.pc34 { width: 34%; }
.pc36 { width: 36%; }
.pc40 { width: 40%; }
.pc40ctr { width: 40%;  text-align: center;}
.pc45 { width: 45%; }
.pc49 { width: 49%; }
.pc50 { width: 50%; }
.pc50ctr { width: 50%;  text-align: center;}
.pc52 { width: 52%; }
.pc54 { width: 54%; }
.pc55 { width: 55%; }
.pc60 { width: 60%; }
.pc62 { width: 62%; }
.pc65 { width: 65%; }
.pc66 { width: 66%; }
.pc68 { width: 68%; }
.pc70 { width: 70%; }
.pc72 { width: 72%; }
.pc74 { width: 74%; }
.pc76 { width: 76%; }
.pc78 { width: 78%; }
.pc80 { width: 80%; }
.pc80ctr { width: 80%;  text-align: center;}
.pc82 { width: 82%; }
.pc84 { width: 84%; }
.pc85 { width: 85%; }
.pc86 { width: 86%; }
.pc90 { width: 90%; }
.pc90ctr { width: 90%;  text-align: center;}
.pc95 { width: 95%; }
.pc96 { width: 96%; }
.pc98 { width: 98%; }
.pc100 { width: 100%; }

.wauto { width: auto; }

.w7 { width: 7px; }
.w20 { width: 20px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w114 { width: 114px; }
.w118 { width: 118px; }
.w120 { width: 120px; }
.w126 { width: 126px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w176 { width: 176px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w330 { width: 330px; }
.w360 { width: 360px; }
.w440 { width: 440px; }
.w500 { width: 500px; }
.w598 { width: 598px; }
.w600 { width: 600px; }
.w710 { width: 710px; }
.w744 { width: 744px; }
.w750 { width: 750px; }
.w760 { width: 760px; }
.w800 { width: 800px; }
.w850 { width: 850px; }
.w900 { width: 900px; }
.w965 { width: 965px; }

.px2 { height: 2px; }
.px3 { height: 3px; }
.px20 {height: 20px; }
.px966 { height: 966px; }

.h40 { height: 40px }
.h100 { height: 100px }
.h120 { height: 120px }
.h150 { height: 150px }
.h180 { height: 180px }
.h200 { height: 200px }
.h230 { height: 230px }
.h250 { height: 250px }
.h300 { height: 300px }
.h400 { height: 400px }




.rightpic { float: right; border: 0; margin: 0 15px 10px 15px; }
.leftpic { float: left; clear: left; margin: 0 15px 10px 15px; }

.symbbox { float: left; margin: 0 50px 0 5%; width: 60px; }
.leftsymb23 { float: left; clear: left; margin-top: 8px; margin-left: 16px; margin-bottom: 6px; margin-right: auto;  }
.leftsymb50 { float: left; clear: left; margin-top: 8px; margin-left: 5px; margin-bottom: 6px; margin-right: auto;  }

.yelwnk a { color: #000000; font-size: 10pt; font-family: arial, sans-serif; font-weight: bold; text-decoration: none; background-color: #ffff00; display: block; width: 100%; padding-top: 1px; padding-bottom: 1px; }
.yelwnk a:hover { background-color: #66ff00; color:#000000; padding-top: 1px; padding-bottom: 1px; }
.yelwnk a:active { background-color: #dddd00; color:#000000; padding-top: 1px; padding-bottom: 1px; }

table.lect { border: 1px double #000; border-collapse: collapse; border-spacing: 2px 2px; }
table.lect th { border: 1px double #000; padding: 5px; }
table.lect td { border: 1px double #000; padding: 5px; }

@media all { .page-break { display: none } }
@media print { .page-break { display: block; page-break-before: always; } }
/*  <div class="page-break"></div> 
  <div style="page-break-after:always"></div>   */


/*  table.ebyprices {
 width: 90%;
 margin-left: auto;
 margin-right: auto;
}

table.ebyprices th { }

<!-- Table goes in the document BODY -->
<table class="opentable">
<tr>
	<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr>
	<td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
</tr>
<tr>
	<td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
</tr>
</table>
                */