body
{
  background-image: url(../pageGraphics/topBK.gif);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-color: #ffffff;
}

h3
{
  text-indent: 15%;
  line-height: 10px;
}

h4
{
  text-indent: 50%;
  line-height: 0px;
}

h5
{
  text-indent: 40%;
  line-height: 0px;
}

h6
{
  text-indent: 15%;
  line-height: 0px;
}

p
{
  margin-left: 8px;
  margin-right: 3px;
}

table
{
  border: 0;
  cellpadding: 0;
  cellspacing: 0;
}

img
{
  border: 0;
}

img.prods
{
  border: 2;
}

hr
{
  size: 1;
  line-height: 0px;
}

li
{
  font-family: arial;
}


/********************home products********************/

a.home:link
{
  color: #000000;
  text-decoration: none;
}

a.home:active
{
  color: #ffffff;
  background-color: none;
  text-decoration: none;
}

a.home:hover
{
  color: #ffffff;
  background-color: #999999;
  text-decoration: none;
}

a.home:link
{
  color: #000000;
  text-decoration: none;
}

a.home:visited
{
  color: #333333;
  text-decoration: none;
}


/********************blue links********************/

a.blue:active
{
  color: #ffffff;
  background-color: none;
  text-decoration: none;
}

a.blue:hover
{
  color: #ffffff;
  background-color: #cccccc;
  text-decoration: none;
}

a.blue:link
{
  color: #6633ff;
  text-decoration: none;
}

a.blue:visited
{
  color: #6633ff;
  text-decoration: none;
}


/********************orange links********************/

a.orange:active
{
  color: #ffffff;
  background-color: none;
  text-decoration: none;
}

a.orange:hover
{
  color: #ffffff;
  background-color: #cccccc;
  text-decoration: none;
}

a.orange:link
{
  color: #ff9933;
  text-decoration: none;
}

a.orange:visited
{
  color: #ff9933;
  text-decoration: none;
}

/********************red links********************/

a.red:active
{
  color: #ffffff;
  background-color: none;
  text-decoration: none;
}

a.red:hover
{
  color: #ffffff;
  background-color: #cccccc;
  text-decoration: none;
}

a.red:link
{
  color: #ff3333;
  text-decoration: none;
}

a.red:visited
{
  color: #ff3333;
  text-decoration: none;
}


/********************text controls********************/

.nameText
{
  text-indent: 50%;
}

.bigBlueText
{
  font-weight: bold;
  color: #0033cc;
  font-size: 18px;
  font-family: arial;
}

.bigBlueText2
{
  font-weight: bold;
  color: #3300ff;
  font-size: 18px;
  font-family: arial;
}

.bluePageSubtitle
{
  font-weight: bold;
  color: #3300ff;
  font-size: 21px;
  font-family: "verdana", arial;
}

.boldGeneralText
{
  font-weight: bold;
  color: #000000;
  font-size: 14px;
  font-family: arial;
}

.boldInfo
{
  font-weight: bold;
  font-size: 16px;
  font-family: arial;
  color: #0033CC;
}

.boldBlueText
{
  font-weight: bold;
  color: #0033cc;
  font-size: 13px;
  font-family: arial;
}

.boldWhiteText
{
  font-weight: bold;
  color: #ffffff;
  font-size: 13px;
  font-family: arial;
}

.date
{
  vertical-align: center;
  font-weight: bold;
  font-family: arial;
  font-size: 16px;
  color: red;
}

.generalText
{
  font-weight: normal;
  font-size: 13px;
  font-family: arial;
  color: #000000;
  margin-left: 8px;
  margin-right: 3px;
}

.generalBlueText
{
  font-weight: normal;
  font-size: 13px;
  font-family: arial;
  color: #0033CC;
  margin-left: 8px;
  margin-right: 3px;
}

.generalBoldText
{
  font-weight: bold;
  font-size: 13px;
  font-family: arial;
  color: #000000;
  margin-left: 8px;
  margin-right: 3px;
}

.generalBoldUnderlinedText
{
  text-decoration: underline;
  font-weight: bold;
  font-size: 13px;
  font-family: arial;
  color: #000000;
  margin-left: 8px;
  margin-right: 3px;
}

.generalRedText
{
  font-weight: normal;
  font-size: 13px;
  font-family: arial;
  color: #ff3300;
  margin-left: 8px;
  margin-right: 3px;
}

.generalUnderlinedText
{
  text-decoration: underline;
  font-weight: normal;
  font-size: 13px;
  font-family: arial;
  color: #000000;
  margin-left: 8px;
  margin-right: 3px;
}

.info
{
  font-weight: bold;
  font-size: 11px;
  font-family: arial;
  color: #333333;
}

.lightRedText
{
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  color: #990000;
}

.pageSubTitle
{
  font-weight: bold;
  color: #000000;
  font-size: 21px;
  font-family: "verdana", arial;
}

.pageSubTitle2
{
  font-weight: bold;
  color: #000000;
  font-size: 18px;
  font-family: "verdana", arial;
}  

.pageTitle
{
  font-family: "verdana",arial;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
}

.programHeading
{
  font-family: "verdana", arial;
  font-weight: bold;
  font-size: 16px;
  font-color: #000000;
}

.programInfo
{
  font-family: arial;
  font-size: 10px;
  font-color: #000000;
}

.programTitle
{
  font-family: "verdana", arial;
  font-weight: bold;
  font-size: 18px;
  font-color: #000000;
}

.redSubtitle2
{
  font-family: "verdana", arial;
  font-weight: bold;
  color: #ff3300;
  font-size: 18px;
}

.redText
{
  font-family: helvetica, arial;
  font-weight: bold;
  color: #ff3300;
  font-size: 12px;
}

.redTitle
{
  font-family: "verdana", arial;
  font-weight: bold;
  color: #ff3300;
  font-size: 24;
}

.underlinedSubtitle
{
  font-weight: bold;
  color: #000000;
  font-size: 18px;
  font-family: "verdana", arial;
  text-decoration: underline;
}

.super
{
  vertical-align: super;
  font-weight: bold;
  font-size: 22px;
  font-family: 'tahoma';
}


/* class used for highlighting text on a mouseover */

.hyperText
{
  color: #333333;
  font-family: arial, helvetica, geneva, sans-serif;
  font-size: 12px;
  background-color: #cccccc;
  padding: 5px;
  border: solid 2px #000000;
  width: 250px;
  layer-background-color: #cccccc 
}

#ht1,#ht2
{
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 10px;
  visibility: hidden 
}

#boxDescrps
{
  position: absolute;
  z-index: 80;
  left: 120;
  top: 425;
}
  

#content		/* begin defining the look of the dropdown menus */
{
  margin-top: 35px;
}

.menuStyle
{
  color: #000000;
  font-size: 12px;
  font-family: arial;
  background-color: none;
  padding: 5px;
  width: 100%;
  border: none;
}

.dropStyle
{
  font-size: 12px;
  font-family: arial;
  background-color: #99f;
  border: solid 1px #000000;
  padding: 0px;
  line-height: 16px;
}

#menuHead
{
  background-color: none;
  position: absolute;
  z-index: 50;
  top: 0px;
  left: 0px;
}

#menuHead1,#menuHead2,#menuHead3,#menuHead4,#menuHead5
{
  position: relative;
}

#menu1
{
  position: absolute;
  z-index: 100;
  visibility: hidden;
  width: 220px;
}  

#menu2,#menu3,#menu4,#menu5
{
  position: absolute;
  z-index: 100;
  visibility: hidden;
  width: 155px;
}  

a.menulink:link
{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

a.menulink:visited
{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

a.menulink:active
{
  color: #f00;
  font-family: arial;
  text-decoration: underline;
}

a.menulink:hover
{
  color: #f00;
  font-family: arial;
  font-weight: bold;
  text-decoration: none;
}


#element1		/* micrograms logo */
{
  position: absolute;
  z-index: 100;
  left: 3;
  top: 4;
}

#element2		/* micrograms software */
{
  position: absolute;
  z-index: 2;
  left: 61;
  top: 2;
}


#element30		
{
  position: absolute;
  z-index: 30;
  left: 0;
  top: 101;
}

#element31		
{
  position: absolute;
  z-index: 31;
  left: 17;
  top: 101;
}

#element32		
{
  position: absolute;
  z-index: 32;
  left: 93;
  top: 101;
}

#element33
{
  position: absolute;
  z-index: 33;
  left: 0;
  top: 127;
}

#element34
{
  position: absolute;
  z-index: 34;
  left: 17;
  top: 127;
}

#element35
{
  position: absolute;
  z-index: 35;
  left: 93;
  top: 127;
}

#element36
{
  position: absolute;
  z-index: 36;
  left: 0;
  top: 203;
}

#element37
{
  position: absolute;
  z-index: 37;
  left: 17;
  top: 203;
}

#element38
{
  position: absolute;
  z-index: 38;
  left: 93;
  top: 203;
}
#element39
{
  position: absolute;
  z-index: 39;
  left: 0;
  top: 238;
}

#element40
{
  position: absolute;
  z-index: 40;
  left: 17;
  top: 238;
}

#element41
{
  position: absolute;
  z-index: 41;
  left: 93;
  top: 238;
}
#element42
{
  position: absolute;
  z-index: 42;
  left: 0;
  top: 314;
}

#element43
{
  position: absolute;
  z-index: 43;
  left: 17;
  top: 314;
}

#element44
{
  position: absolute;
  z-index: 44;
  left: 93;
  top: 314;
}
#element45
{
  position: absolute;
  z-index: 45;
  left: 0;
  top: 349;
}

#element46
{
  position: absolute;
  z-index: 46;
  left: 17;
  top: 349;
}

#element47
{
  position: absolute;
  z-index: 47;
  left: 93;
  top: 349;
}
#element48
{
  position: absolute;
  z-index: 48;
  left: 0;
  top: 425;
}

#element49
{
  position: absolute;
  z-index: 49;
  left: 17;
  top: 425;
}

#element50
{
  position: absolute;
  z-index: 50;
  left: 93;
  top: 425;
}
#element51
{
  position: absolute;
  z-index: 51;
  left: 0;
  top: 460;
}

#element52
{
  position: absolute;
  z-index: 52;
  left: 17;
  top: 460;
}

#element53
{
  position: absolute;
  z-index: 53;
  left: 93;
  top: 460;
}
#element54
{
  position: absolute;
  z-index: 54;
  left: 0;
  top: 536;
}

#element55
{
  position: absolute;
  z-index: 55;
  left: 17;
  top: 536;
}

#element56
{
  position: absolute;
  z-index: 56;
  left: 93;
  top: 536;
}


#wwmBox			/* wild west math */
{
  position: absolute;
  z-index: 76;
  left: 289;
  top: 305;
}

#matho2Box 		/* matho2 */
{
  position: absolute;
  z-index: 73;
  left: 398;
  top: 310;
}

#prof		/* professor von strudel */
{
  position: absolute;
  z-index: 76;
  left: 562;
  top: 202;
}

#sssBox			/* super science show */
{
  position: absolute;
  z-index: 76;
  left: 585;
  top: 335;
}

#cwbBox			/* chuck wagon bill */
{
  position: absolute;
  z-index: 75;
  left: 499;
  top: 305;
}

#matho1Box		/* matho1 */
{
  position: absolute;
  z-index: 72;
  left: 359;
  top: 205;
}

#abcBox			/* abc world */
{
  position: absolute;
  z-index: 74;
  left: 460;
  top: 200;
}







#dropmenudiv
{
  position:absolute;
  border:1px solid black;
  border-bottom-width: 0;
  font:normal 12px Verdana;
  line-height:18px;
  z-index:100;
}

#dropmenudiv a
{
  width: 100%;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid black;
  padding: 1px 0;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}

#dropmenudiv a:hover
{ 
  background-color: #6666ff;
}