body
{ 
  font-family  : "Gill Sans", sans-serif;
  font-size    : 14px                  	;
  color        : black                  ; 
  margin-top   : 3px                    ;
  margin-left  : 0px                    ;
  margin-right : 0px                    ;
  border       : 0em                    ;
  padding-top  : 0px                    ;
  padding-left : 1em                    ;
  padding-right: 1em                    ;
  height: 98%;
  background   : #fff url(http://www.ribbonmics.com/images/aea2006/2by2bkgd.gif) repeat;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.oneColFixCtr #maincontainer
{
  position: relative;
  width: 979px;
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  text-align: left; /* this overrides the text-align: center on the body element. */
  height: 98%;
  clear:both;
}
.oneColFixCtr #mainContent
{
  position: relative;
  padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
  height: 98%;
  clear:both;
}


a:link 
{ 
  text-decoration: none;
  color: #cc3333;
}
a:visited 
{
  text-decoration: none;
  color: #660000;
}
a:active 
{
  text-decoration: none;
  color: #cc3333;
}


.width 
{
  width     : 100% ;
  min-width : 650px;
  z-Index: 1;
}

* html .minwidth 
{ 
  border-left: 650px solid #fff;
  z-Index: 1;
}

* html .container 
{
  position   :relative; 
  margin-left:  -650px;
  background: url(http://www.ribbonmics.com/images/aea2006/2by2bkgd.gif) repeat;
  z-Index: 2;
}

/*\*/
* html .minwidth, * html .container { height: 1px; }
/**/

#posx1 { background-position:    0px;}
#posx2 { background-position: -153px;}
#posx3 { background-position: -306px;}

#pos001 { background-position: 0px    0px;}
#pos002 { background-position: 0px  -31px;}
#pos003 { background-position: 0px  -62px;}
#pos004 { background-position: 0px  -93px;}
#pos005 { background-position: 0px -124px;}
#pos006 { background-position: 0px -155px;}
#pos007 { background-position: 0px -186px;}
#pos008 { background-position: 0px -217px;}
#pos009 { background-position: 0px -248px;}
#pos010 { background-position: 0px -279px;}
#pos011 { background-position: 0px -310px;}
#pos012 { background-position: 0px -341px;}
#pos013 { background-position: 0px -372px;}
#pos014 { background-position: 0px -403px;}
#pos015 { background-position: 0px -434px;}
#pos016 { background-position: 0px -465px;}

#pos101 { background-position: -153px    0px;}
#pos102 { background-position: -153px  -31px;}
#pos103 { background-position: -153px  -62px;}
#pos104 { background-position: -153px  -93px;}
#pos105 { background-position: -153px -124px;}
#pos106 { background-position: -153px -155px;}
#pos107 { background-position: -153px -186px;}
#pos108 { background-position: -153px -217px;}
#pos109 { background-position: -153px -248px;}
#pos110 { background-position: -153px -279px;}
#pos111 { background-position: -153px -310px;}
#pos112 { background-position: -153px -341px;}
#pos113 { background-position: -153px -372px;}
#pos114 { background-position: -153px -403px;}
#pos115 { background-position: -153px -434px;}
#pos116 { background-position: -153px -465px;}

#pos201 { background-position: 0px    0px;}
#pos202 { background-position: 0px  -31px;}
#pos203 { background-position: 0px  -62px;}
#pos204 { background-position: 0px  -93px;}
#pos205 { background-position: 0px -124px;}
#pos206 { background-position: 0px -155px;}
#pos207 { background-position: 0px -186px;}
#pos208 { background-position: 0px -217px;}
#pos209 { background-position: 0px -248px;}
#pos210 { background-position: 0px -279px;}
#pos211 { background-position: 0px -310px;}
#pos212 { background-position: 0px -341px;}
#pos213 { background-position: 0px -372px;}

a.speciallink
{
a.specialLink:link    { color: none; }
a.specialLink:visited { color: none; }
a.specialLink:active  { color: none; }
}

div.titlecontainer
{
  position: relative;
  top: 0px;
  width: 100%;
  height: 80px;
  border: none;
}

span.title 
{
  position: absolute;
  top: 0px;
  height: 80px;
  /*border: 1px solid #000;*/
}

img.titleimg 
{
  height: 80px;
  border: none; 
}

div.headercontainer
{
  position: relative;
  top: 0px;
  width: 100%;
  height: 76px;
  border: none;

}

span.header 
{
  position: absolute;
  top: 0px;
  height: 76px;
  border: none;

}

span.headercenter 
{
  position: absolute; 
  top: 0em;
  left: 10px;
  height: 76px;
  width: 88%;
  border-left: 70px; 
  border-right: 182px; 
  text-align: center; 
  z-Index: 3;
  /*border: 1px solid #000;*/
}

img.headerimg 
{
  height: 76px;
  border: none;

}

div.navbar
{
  position: absolute;
  top: 83px;
  width: 156px;
  height: 700px;
  border: none;
  z-index: 6;
}

* html div.navbar
{
  left: 12px;
}

div.navbarpage
{
  position: absolute;
  top: 79px;
  width: 156px;
  height: 800px;
  border: none;
  z-index: 6;
}

div.navbar2
{
  position: absolute;
  top: 76px;
  width: 156px;
  height: 600px;
  border: none;
  z-index: 6;
}

a.button img
{
  display: block;
  background: url(http://www.ribbonmics.com/images/aea2006/button-comp.gif) no-repeat;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  padding: 0px;
  z-index: 6;
}

img.buttondisplay
{
  width: 152px;
  height: 29px;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 6;
}

span.button2 img
{
  display: block;
  background: url(http://www.ribbonmics.com/images/aea2006/button-comp2.gif) no-repeat;
  margin-top: 11px;
  margin-left: 11px;
  margin-right: 11px;
  margin-bottom: -2px;
  border: none;
  padding: 0px;
  z-index: 6;
}

img.buttondisplay2
{
  width: 130px;
  height: 29px;
  margin: 0;
  border: 0;
  padding: 0;
  z-index: 6;
}

span.button3a
{
  display: block;
  position: relative;
  float: right;
  margin-left: 8px;
  margin-right: 50px;
}

span.button3 img
{
  background: url(http://www.ribbonmics.com/images/aea2006/AddToCart.gif) no-repeat;
  margin-left: 0px;
  width: 110px;
  height: 29px;
}

span.button3b img
{
  display: block;
  position: absolute;
  margin-left: 114px;
  background: url(http://www.ribbonmics.com/images/aea2006/AddToCart.gif) no-repeat;
  width: 110px;
  height: 29px;
}

span.button3c img
{
  display: block;
  position: relative;
  background: url(http://www.ribbonmics.com/images/aea2006/AddToCart.gif) no-repeat;
  width: 110px;
  height: 29px;
}

span.button3d img
{
  display: block;
  position: absolute;
  margin-left: 42px;
  background: url(http://www.ribbonmics.com/images/aea2006/AddToCart.gif) no-repeat;
  width: 110px;
  height: 29px;
}

span.button3e img
{
  display: block;
  position: absolute;
  margin-left: 0px;
  background: url(http://www.ribbonmics.com/images/aea2006/order.gif) no-repeat;
  width: 110px;
  height: 29px;
}

img.button3
{
  width: 110px;
  height: 29px;
  margin: none;
  border: none;
  padding: none;
  z-index: 6;
}

a.pdf
{
  display: block;
  background-repeat: no-repeat;
  margin-top: 11px;
  margin-left: 11px;
  margin-right: 11px;
  margin-bottom: -2px;
  border: none;
  padding: 0;
  text-align: center;
}

img.pdfimg
{
  width: 130px;
  height: 29px;
  margin: 0;
  border: 0;
  padding: 0;
  text-align: center;
}

div.miccontainer1
{
  position: relative;
  display: table;
  height: 400px;
  width: 100%;
  overflow: hidden;
  z-Index: 1;
}

div.miccontainer2
{
  position: relative;
  display: table-cell;
  top: 50%;
  width: 100%;
  padding-left: 160px;
  text-align: center;
  vertical-align: middle;
}
                 
div.miccontainer3
{
  position: relative;
  top: -50%;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.miccontainer4
{
  position: relative;
  display: table;
  top: 0;
  width: inherit !important;
  overflow: hidden;
  text-align: center;
}

.miccontainer5
{
  position: relative;
  display: table-cell;

  top: 0;

  overflow: hidden;
  text-align: center;
}

img.mic
{
  width: 100%;
  top: 0;
  z-Index: 3;
  border: 0;
  overflow: hidden;
}







div.whatsnewcontainer
{
  position: relative;
  top: 0px;
  width: 100%;
  height: 60px;
  border: none;
  z-Index: 1;
}

span.whatsnew 
{
  position: absolute;
  top: 0px;
  height: 60px;
  border: none;
  z-Index: 1;
}

img.whatsnewimg 
{
  height: 60px;
  border: none;
  z-Index: 1;
}

div.newscontainer1
{
  position: relative;
  display: table;
  width: 100%;
  overflow: hidden;
  z-Index: 0;
}

div.newscontainer2
{
  padding-left: 154px;
  vertical-align: middle;
  position: relative;
  display: table-cell;
  z-Index: 0;
  border-top: 1px solid #fff;
}
                 
div.newscontainer3
{
  position: relative;
  padding: 1em;
  text-align: left;
  z-Index: 0;

}





div.pagecontent1
{
  position: relative;
  display: table;
  width: 100%;

  z-Index: 1;
}

div.pagecontent2
{
  padding-left: 175px;
  text-align: center;

  position: relative;
  display: table-cell;
  z-Index: 1;

}
                 
div.pagecontent3
{
  position: relative;
  padding: 1em;
  text-align: left;
  z-Index: 1;
  border-bottom: 1px solid #fff;
}




.bulletin
{
  position: relative; 
  width: 100%;
  display: inline-table;

  font-size: 1.2em;
  text-align: left;
  border-bottom: 1px solid #c33;
  z-Index: 8;
}

.item
{
  position: relative; 
  width: 100%;
  display: table;
  font-size: 1em;
  text-align: left;
}

img.bulletimg
{
  width: .8em;
  height: .8em;
  margin-right: 5px;
}

.border-right
{
  float: right;
  text-align: center;
  display: table;
  margin-left: 8px;
  margin-right: 8px;
  padding: 3px;
  font-size: 10px;
}

.border-center
{
  float: center;
  text-align: center;
  margin-left: 8px;
  margin-right: 8px;
  padding: 3px;
  font-size: 10px;
}

.border-left
{
  float: left;
  text-align: center;

  margin-right: 8px;
  padding: 3px;
  font-size: 10px;
}

img.borderimg
{
  content: 3px;
  border: 1px solid #c33;
  background: #fff;
  text-decoration: none;
  text-align: center;
}

.bordercaption
{
  font-size: 10px;
  text-align: center;
}

div.footer
{
  top: 0;
  left: 0px;
  margin-top: 2em;
  padding: .5em;
  text-align: center;
  z-index: 1;
  border-top: 1px solid #c33;
}

img.w3cimg
{
  width: 86px;
  height: 21px;
  margin: 0;
  border: 0;
  padding: 0;
}

.paragraph18
{
  width: 100%;
  text-align: left;
  font-size: 18px; 
  color: #cc3333;
}

.paragraph14
{
  width: 100%;
  text-align: left;
  font-size: 14px; 
  color: #000000;
}

.paragraph14red
{
  width: 100%;
  text-align: left;
  font-size: 14px; 
  color: #cc3333;
}

.paragraph12
{
  width: 100%;
  text-align: left;
  font-size: 12px; 
  color: #000000;
}

.paragraph12red
{
  text-align: center;
  font-size: 12px; 
  color: #cc3333;
}

.paragraph10
{
  width: 100%;
  text-align: left;
  font-size: 10px; 
  color: #000000;
}

.paragraph10red
{
  text-align: left;
  font-size: 10px; 
  color: #cc3333;
}

.indent
{
  display: block;
  margin-left: 4em;
  text-align: left;
}