@media screen and (max-width: 800px)
{
   div.header{font-size: 70%;}
}
@media screen and (max-width: 1300px)
{
   #MyPage {
   
   width: 100%;
   margin-left: auto;
   margin-right: auto;
 
}
}

@media screen and (min-width: 1301px)
{
   #MyPage {
   /* width: 1000px; */ /* 1000 seems to work for pc but my mac pro needs 1050 so that the menu is all on one line  */
   width: 80em;
   margin-left: auto;
   margin-right: auto;
   margin-top: 1em;
   
   
   
}
 table.footer{
   /* width: 1000px; */ /* 1000 seems to work for pc but my mac pro needs 1050 so that the menu is all on one line  */ 
   width: 80em;
   margin-left: auto;
   margin-right: auto;   
}

}



div.header {
   display:inline-block; 
   border-radius: .6em;
   border: solid .3em #4d4d4d;
    background-color :#4d4d4d;
    position: relative;
    width: 99.5%;
    margin-bottom: .5em;
    height: 4.1em;
    font-size: 70%;
}

div.header > div {display:block;padding-top: .2em;}
div.header div.hdlf-shad {width:20%;float:left;;height: 4.0em}
div.header div.hdlf {width:21%; position:absolute; bottom:0;left:0;margin-bottom:.1em; margin-left:.1em;}
/*div.header div.hdlf img {display: block; width:100%; }*/
div.header div.hdlf img {display: block; height: 3.9em;}
div.header div.hdrt {width:25%;  position:absolute; bottom:0;right:0; margin-bottom:.1em; margin-right:.1em;}

/*div.header div.hdmid {width:53%; float:left;}*/
div.header div.hdmid {width:53%; position: absolute; bottom:0; left:20%;margin-bottom:.1em;}
div.header div.hdmid div {display:inline-block; width: 100%; text-align:center;}
div.header div.hdmid div#menubar {position:absolute; bottom:0;}
div.header div.hdmid div.verytopbanner{position:absolute; bottom:2em;}

div.header div.cashout {display:block;position:absolute; bottom:2em; width:100%;margin-bottom:.1em;}

div.header div#Search {width:98%;margin-top:.1em; position:absolute;bottom:0;}
/*div.header div#Search {width:98%;margin-top:.1em;margin-bottom:.1em;}*/
div.header div #cart {width:34%;float: left;display:inline-block;}
div.header div #checkout {width:32%;}
div a#cart img#cartimg
{
   height: 1em;
   float: left; 
}
div.header div #phone {width:2em;float: left;display:inline-block;}
div.header  input#searchcriteria.criteria[type="search"]{ 

    font-size:inherit;
}
@media screen and (max-width: 800px)
{
   div.header div.hdlf,div.header div.hdlf-shad
   {
      width:15%;
   }
   div.header div.hdrt div#Search
   {
      margin-top: .5em;
   }
   div.header div #cart span {display: none;}
   div.header 
    {padding-top:.5em;}
}
/*
div.header div.hdmid div ul#nav
{
   width: inherit;
}
*/
/**** end of new header stufff */

div.planeline
{
       text-align: center;
       margin:auto;
       margin-bottom: 0em;
       padding: 0em;
       vertical-align: bottom;
       display:block;
       border-bottom: solid black medium;
   
}
div.planeline img
{
       margin:auto;
       margin-top: 1em;
       margin-bottom: 0em;
       display:block;
}
.blogbox
{
    margin: auto;
    text-align: center;
    /*border-top: solid black medium;*/
    margin-top: 0em;
    
}
.blogbox img
{
    margin: .5em;
    margin-top: 1em;
    margin-bottom: 0em;
  /*  width: 15%;*/
    height: 7em;
    display: inline-block;
    vertical-align: top;
}
/*
.blogbox img.first,
.blogbox img.last
{
    width: 27%;
}
*/
.logobanner
{
   display:block;
   width: 100%;
}
#splash{

   width: 100%;
}
#splash table{ width: 100%;}

#splash .topbit h1{
   text-align: left; 
   font-size: 2.2em; 
   font-size: 2.2rem; 
   font-weight: bold; 
   margin-left: .5em;
   margin-left: .5rem;
    max-width: 20%;
    float:left;
}


#splash .triple {display:inline;  vertical-align: top; border-collapse: collapse; }

#splash .homeofimgbox img{
   max-height:100%;
   max-width:100%;
   width: 100%;

}

#splash .homeofimgbox
{
    display: block;
    float:right;
    width:26.5%;
    height: 100%;
    position: relative;
}



#splash .topbit{
   vertical-align: bottom; 
   text-align: center;
  
}
#splash .homeof {
   display:block; 
   font-size: 1.2em; 
   width:80%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   margin-bottom: .5em;
   
}
div#splash div.topbit div.homeof span
{
    font-size: 1.5em; 
    margin-top: .3em;  
    margin-bottom: .3em;  
}
div#splash div.brandrow
{
   margin-left: auto;
   margin-right: auto;
   margin-bottom: .5em;
   
    
}
div#splash div.brandrow img
{
    height: 2.5em;
    padding-right: 1em;
    padding-left: 1em;
}

@media screen and (max-width: 900px)
{
  div#splash div.topbit div.homeof
  {
    font-size: .8em; 
    font-size: .8rem; 
    /*width:53%;*/
  }
}
@media screen and (max-width: 400px)
{
  #splash .topbit h1
  {
     display: none;
     
  }
   div#splash div.topbit div.homeof
  {
    font-size: .8em; 
    font-size: .8rem; 
    width:73%;
  }
}


header, nav,footer,article {display:block;}


div.footerbox
{
    background-color: #00c67e;
    font-family: "Tw Cen W01 Semi Bold",sans-serif;
    width 100%;
    padding-top: 1em;
    padding-bottom: .5em;
    clear: both;
    margin-top: 1em;
}
.header #buttonrow{
   display: inline;
}
.logo 
{
   width: 15em;
   width: 15rem;
}

.mycell,mycellcheck,.mycelllogo {
   background: inherit;
   vertical-align: bottom;
   /*   white-space: nowrap; CAUSES menu to overflow - if needed just put exactly where needed not here*/
}
.myrow {
   background: inherit;
   vertical-align: bottom;

}

div.verytopbanner
{
   text-align: center;
   color: white;
   font-size: 130%;
   vertical-align: bottom;
   font-family:'Tw Cen W01 Semi Bold',sans-serif;
}
div.verytopbanner a.fulllink
{
   /*font-size: 70%;*/
   color: yellow;
    font-size: 100%;
}
div.verytopbanner a
{
   font-size: 70%;
   color: yellow;
}

#Search
{
   text-align: right;
   float: right;
   background: white;
   border-radius: .4em;
   border: solid .2em #4d4d4d;
   border-collapse:collapse;
   width: auto;
   margin-top: .5em;
   height: 1.7em;
   /*margin-bottom: .5em;*/
   z-index: 20;  

}
#SearchArrow { 
   height: 95%; 
   vertical-align: middle; 
   margin-left: .15em;
}
/*html body#thepage div#MyPage form div#Search input#criteria*/
#Search input.criteria{
   border: none; 
   margin-left: .2em;
   margin-right: .2em; 
   margin-bottom: .2em; 
   vertical-align: middle; 
   /*width: 13em; */
   width: calc(100% - 3em);
   height: 92%;
   float: left;
   -webkit-appearance: none; /* for that annouying border */
}

#Search input.criteria::-webkit-input-placeholder {
   font-style:italic;
}
#Search input:-moz-placeholder {
   font-style:italic;
}
.mybuttcell {
}
#cart {
   /* margin: 0 5px;*/
   float: right;
   white-space: nowrap;
   text-align: center;
   font-weight: bold;
   color: #ffe03b;
   text-decoration: none;
   display: block;
   padding:  .2em 1em;   
   border-radius: .4em;
   border: solid .2em #4d4d4d;
   background: #00a700; /* for non-css3 browsers */
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a900', endColorstr='#005d04'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#00a900), to(#005d04)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #00a900,  #005d04); /* for firefox 3.6+ */
   width: 6em;
   font-family:'Tw Cen W01 Semi Bold',sans-serif;
   bottom: 0em;

}
#checkout{
   /* margin: 0 5px;*/
   float:right;
   white-space: nowrap;
   text-align: center;
   font-weight: bold;
   color: #ffe03b;
   text-decoration: none;
   padding:  .2em 1em;   
   border-radius: .4em;
   border: solid .2em #4d4d4d;
   background: #e60000; /* for non-css3 browsers */
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff350f', endColorstr='#e60000'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#ff350f), to(#e60000)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #ff350f,  #e60000); /* for firefox 3.6+ */
   width: 6em;
   width: 6rem;
   font-family:'Tw Cen W01 Semi Bold',sans-serif;
   bottom: 0em;

}


#cartimg {
   height: 1.8em;
   float: right;
}

#cashcartimg{
   height: 1em;
   float: right;
    
}
#togcashimg{
   height: .8em;
   float: right;
   margin-right:.2em
    
}



.shippinginfo { margin:0; padding:0;} 
form,input,select,textarea{margin:0; padding:0; } 

div.box { 
   margin:0 auto; 
   width:28em;  
   width:28rem;  
   border:1px solid #262626; 
   background: #ddaa77;
   padding-left: 0.1em;
   padding-right: 0.1em;
} 
div.box div.box {border: none; width:99%;} 
div.box h1 {  padding:5px 0 5px 0;  font-size: 2em;  font-size: 2rem;} 
div.box h2 {  padding:5px 0 5px 0;  font-size: 1.5em;  font-size: 1.5rem;} 
div.box label { 
  /* width:100%; removed joel 2/3/15*/
   display: inline-block;  
   padding:.2em 0 .2em 0; 
   padding:.2rem 0 .2rem 0; 
} 
div.box label span { 
   display: block; 
   float:left; 
   width:8em; 
   width:7rem; 
   margin-right: .5em; 
   margin-right: .5rem; 
   text-align:right;  
} 
div.box div.fullline { 
   display: block;  
   width: 90%; 
   margin-right: 1em;
   margin-right: 1rem;
   margin-left: 1em;  
   margin-left: 1rem;  
   text-align:left;  
} 
div.box div.fullRtline { 
   width: 90%; 
   margin-right: 1em;
   margin-right: 1rem;
   margin-left: 1em; 
   margin-left: 1rem; 
   text-align:right;  
} 
div.box div.fullRtline input.RegularButton {
   margin-top:.5em; 
   margin-top:.5rem; 
   margin-bottom:.5em;
   margin-bottom:.5rem;
   margin-right: 1em; 
   margin-right: 1rem; 
   clear:both;
} 


div.box .input_text { 
   padding:.1em .1em;
   padding:.1rem .1rem;
   width:20em;  
   width:18rem; 
} 
div.box .input_checkbox { 
   padding:.1em .1em; 
   padding:.1rem .1rem; 
   width:1em; 
   width:1rem; 
   text-align:right;  
   margin-left: 8.5em;
   margin-left: 7.5rem;
   margin-right: 1em; 
   margin-right: 1rem; 
   margin-top: .5em;
   margin-top: .5rem;
} 
div.box label Textarea { 
   padding:.1em .1em; 
   padding:.1rem .1rem; 
   width:23em; 
   width:20rem; 
   Height: 2em;
   Height: 2.5rem;
} 
div.box label select { 
   padding:.1em .1em; 
   padding:.1rem .1rem; 
   width:20rem; 
   width:18rem; 
   Height: 2rem;
   Height: 1.5rem;
} 
div.box label Textarea:focus {  
   Height: 6em;
   Height: 6rem;
}

div.box label.checkbox_line { 
   width:100%; 
   display: block; 
   float: left;  
   padding:.2em 0 .2em 0; 
   padding:.2rem 0 .2rem 0; 
} 


div.box label span.required {
   display: block; 
   font-size: 90%; 
   font-weight: bold;
   float:right;
   width:2em;
   width:1rem;
}
div.box div.requiredmsg {
   display: block; 
   width: 98%; 
   padding:.2em 0 .2em 0; 
   padding:.2rem 0 .2rem 0; 
   font-size: 90%; 
   font-weight: bold;
   float:right;
   text-align:right;}


div.shipinfo { 
   margin:0 auto; 
   margin-right: 1em;
   margin-right: 1rem;
   width:14em;  
   width:14rem;  
   top:1em; 
   top:1rem; 
   border:none; 
   font-size: 1em; 
   font-size: 1rem; 
   float: left; 
   margin-bottom: 1em; 
   margin-bottom: 1rem; 
   word-wrap: break-word;
} 
div.confirmorder
{
    display:inline-block;
}
div.shipinfo span{word-wrap: break-word;} 
div.contactinfo { 
   margin:0 auto; 
   width:25em;  
   width:25rem;  
   top:1em; 
   top:1rem; 
   border:1px solid #262626;  
   float: left;
   font-size: 1.2em; 
   font-size: 1.2rem; 
   padding: .5em;
   padding: .5rem;
} 
div.infocolumn { 
   margin:0 auto; 
   width:25em;  
   width:25rem;  
   top:1em;  
   top:1rem;  
   float: left; 
} 

li.payentry {display: block;}
li.payentry div.payview {
   display: block; 
   height: auto;
   margin-bottom: .6em;
   margin-bottom: .6rem;
}
li.payentry div.payview .msg {
   display: block; 
   margin: .1em,.5em;
   margin: .1rem,.5rem;

}
li.payentry div.payview select {width: auto;}

li.payentry div.payview_none {
   display: none; 
   height: 1em;
   height: 1rem;
}


div.basketblock { 
   margin:0 auto; 
   width:46em;  
   width:46rem;  
   top:1em; 
   top:1rem; 
   border:1px solid #262626;  
   /* float: right;*/
   font-size: 1em; 
   font-size: 1rem; 
   padding: .5em;
   padding: .5rem;
   background: #ddaa77;
   float: left;
}
div.basketblock h2 {  
   padding:5px 0 5px 5px;   
   font-size: 1.5em;
   font-size: 1.5rem;
} 

div.invoiceblock { 
   margin:0 auto; 
   width:47em;  
   width:47rem;  
   top:1em; 
   top:1rem; 
   border:1px solid #262626;  
 /*  float: left;*/
 display: inline-block; 
   font-size: 1em; 
   font-size: 1rem; 
   padding: .5em;
   padding: .5rem;
   background: #ddaa77;
}

/*div.invoiceblock div {display:block;}*/


div.orderstages
{
   margin: auto 1em;
   margin: auto 1rem;
   font-family:'Tw Cen W01 Semi Bold',sans-serif;
   text-align: center;
}

div.orderstages input {
   display: inline; 
   white-space: nowrap;
   text-align: center;
   font-weight: bold;
   font-size: .7em;
   font-size: .7rem;
   color: #ffe03b;
   text-decoration: none;
   /*padding:  .3em 1em;   */
   padding: .3em;
   border-radius: .4em;
   border-radius: .4rem;
   border: solid .2em #4d4d4d;
   border: solid .2rem #4d4d4d;
   background: #e60000; /* for non-css3 browsers */
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff350f', endColorstr='#e60000'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#ff350f), to(#e60000)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #ff350f,  #e60000); /* for firefox 3.6+ */
   margin-left: .3em;
   margin-right: .3em;
   margin-top: .5rem;
   vertical-align: top;
   /*
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
*/
}
div.orderstages div.currentstage
{
   display: inline-block;
   font-size: 1.2em;
   font-size: 1.2rem;
   white-space: nowrap;
   text-align: center;
   font-weight: bold;
   padding: .3em;
   margin-left: .3em;
   margin-right: .3em;
   margin-top: .4em;
   font-weight:normal;



}
div.orderstages input.current,
div.orderstages input.current[disabled="disabled"]
{  
   font-size: .8em;
   font-size: .8rem;
   background: #e60000; /* for non-css3 browsers */
}


/*** does not work on ipad from here but when cut and pasted into ipad css works fine.   */ 
div.orderstages input[disabled="disabled"], input.disabled {  
   font-size: .6em;
   font-size: .6rem;
   border: solid .2em #4d4d4d;
   border: solid .2rem #4d4d4d;
   background: #8B8B8B; /* for non-css3 browsers */
   color: black;

   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8B8B8B'); 
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#8B8B8B)); 
   background: -webkit-linear-gradient(top, #ffffff, #8B8B8B);
   background: -moz-linear-gradient(top, #ffffff, #8B8B8B); 
   background: -ms-linear-gradient(top, #ffffff, #8B8B8B); 
   background: -o-linear-gradient(top, #ffffff, #8B8B8B);



}
div#ContactBox
{
   display: inline-block;
     vertical-align: middle; 
}
div#PayPalOr,
div#PayPalCheckOut
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
}

div#orderblogsub h3{ 
   font-weight: bold; 
   text-align: left; 
   margin-top: 1em; 
   margin-top: 1rem; 
   margin-left: 1em;
   margin-left: 1rem;
} 
/*div#orderblogsub div table {display: inline; margin: 1em; padding: 1em;}*/
div#orderblogsub div table {
   display: block; 
   margin-top: .2em; 
   margin-top: .2rem; 
   margin-left: 1em; 
   margin-left: 1rem; 
   margin-bottom: 1em;
   margin-bottom: 1rem;
}

.browseprods{
   margin: 5px 0px 5px 0px;  
   text-align: left;
   border-collapse:collapse;  
   border:none;
   background: #BB8866; 
}
.browsepicts, browsepicts_this{
   margin: 5px 5px 5px 5px; 
   height:3em; 
   height:3rem; 
   overflow-x: hidden; 
}
.browsepicts_this{
   border: 4px solid red;   
}   

#footstuff {
   display: block;
   font-size: .8em;
   font-size: .8em;
   margin-left: 2em auto;
   margin-left: 2rem auto;
   margin-right: 2em auto;
   margin-right: 2rem auto;
   margin-bottom: 1em;
   margin-bottom: 1rem;
   margin-top: .8em;
   margin-top: .8rem;
   background-color: #bb8866;;
   text-align: center;
}


.worklogo 
{
   /* position: relative;
   top: -1.5em;
   left: -1.2em;
   */

}
TABLE.BlogSideBarList
{
   clear:right;
}
table.blogmain tbody tr td.blog_WORK
{
   /*width:675px;*/
   text-align: justify; 
   clear: both;
}
.blog_WORK div{width:675px;text-align: justify; clear: both;}

.blog_WORK nav {
   float:left; 
   width: 10em; 
   padding:1em;
   margin: 1em 1em 1em .25em;
   margin: 1rem 1rem 1rem .25rem;
   background-color: #FFCC66; 
   border:.25em solid #ffcc99; 
   border:.25rem solid #ffcc99; 
   border-radius: 1.5em;
   border-radius: 1.5rem;
   text-align: center;
   font-size: small;
}
.blog_WORK nav h1{

   font-weight: bold;
}    
.blog_WORK hr{border: thin solid black;}

.blog_WORK div .threepicts {text-align: center; margin-left: 1.5em;}        

td.blog_JOEL img.blogimg_reg
{
    width: 700px;
    max-width: 100%;
    margin: .8em;
    margin-top:.2em;
} 

div#splashmiddle
{
   clear: both;
   display: block;
   width: 100%;
 /*  height: 20em;
   height: 22rem;*/
   margin-bottom: 1em;
   margin-bottom: 1rem;
   margin-top: 1em;
}
div#splashblog{
   display: inline;
   float:right;
   width: 45%; 
/*   width: 25%; */
  /* height: 100%;*/
   
   border-radius: .4em;
   border-radius: .4rem;
   padding: .4em;   
   padding: .4rem;   
}

div#splashtoolpic {
   display: inline;
   float: left;
   
   width: 50%; 
   height: 20em;
   height: 22rem;
   
/*   
   width: 70%; 
   height: 30em;
   height: 25rem;   */
   overflow-y:hidden;
   padding-right: 1em;
   padding-right: 1rem;
   padding-bottom: .8em;
   padding-bottom: .8rem;
   padding-top: 0;
   border-radius: .4em;
   border-radius: .4rem;
}

div#splashblog table.BlogSideBarList_NoBORD
{
   font-size: 1.4rem;
}
/* works for FF, CHROME  */

#portfolio_cycler{ position:relative;}
#portfolio_cycler div{display:none;}
#portfolio_cycler div.active{
   display:block; 
   border-radius: .4em;
   border-radius: .4rem;
}
#portfolio_cycler img{
   width:100%;
   position:absolute;  
   border-radius: .4em;
   border-radius: .4rem;
}

#blog_cycler{position:relative;}
#blog_cycler div{position:absolute;z-index:1 ;display:none;}
#blog_cycler div.active{z-index:3; display:block;}

div#splash .restrict
{
   font-size: 140%;
}
div#banner.annou
{
   display: block;
   /*clear:none;*/
   position: relative; 
   margin-top: .2em;
   margin-top: .2rem;
   margin-bottom: .4em;
   margin-bottom: .4rem;
   top: 0;

}

/*div#splash div#banner.annou div#bantext*/
div#banner.annou div#bantext
{
   width:100%;
   color: white;   
   font-weight: bold;
   font-style: normal;
   font-size: 1em;
   font-size: 1.5rem;
   background: rgba(0, 0, 0, 0.6);


}
/*div#splash div#banner.annou div#bantext span*/
div#banner.annou div#bantext span
{
   margin-left:1em;   
   margin-left:1rem;   
   margin-right:1em;   
   margin-right:1rem;   
}


/*div#splash div#banner.annou a img.bannerimg,
div#splash a div#banner.annou img.bannerimg */
div#banner.annou img.bannerimg 
{
   width: 100%;
   max-height: 5em;
   max-height: 12rem;
   z-index: -1;
   position: relative;
   top: 0;           
   left:0;
   display: block;
   border-radius: .4em;  
   border-radius: .4rem;  
}
div#splash div#banner.annou div#Search
{
   position: absolute;
   height: 1.2em;
   top: 0em;
   right:0;
   margin-top: 0;
}
form div.box div.box div.annou
{
   clear: none;
   color: green;
}

table.blogmain div.annou a
{
   font-size: 100%;
}

ul#googleSideresults
{

   /*width: calc(100% - 49rem);*/

   width: 30%;
   /*min-width:15rem;*/
   /*float: right;*/
display: inline-block;
}
ul#googleprodesults
{
   display: inline-block;
   /*float: left;*/
   width: 60%;
   padding: .5em;
   padding: .5rem;

}
#searchlist {
   margin-left: 1rem; 
   margin-bottom: .2rem; 
   margin-top:.2em;
   font-size: larger;
   font-weight: bold;

   display: block;   

   padding: 1em;
   padding: 1rem;
   padding-top: .5em;
   padding-top: .5rem;

   background-color: inherit;


   font-size: 140%;
   font-weight: bold;
   padding-left: 3em;


}

#searchlist #headsrch
{
   background-color: #CCCCCC;
   width: 60%;
}
div.SearchResults
{
    display: inline-block;
    width: 100%;
    min-height: 50%;
}
.listproduct ,.listprodimg_border
{
   margin-bottom: .5rem;
   /*width:220px;*/
}
/*** aadded for banners not sure if it works  */
/*** this works for portfolio
#portfolio_cycler{ position:relative;}
#portfolio_cycler div{display:none;}
#portfolio_cycler div.active{
display:block; 
border-radius: .4em;
border-radius: .4rem;
}
#portfolio_cycler img{
width:100%;
position:absolute;  
border-radius: .4em;
border-radius: .4rem;
}
*/

#announcerbox
{
   position:relative;
   width:100%;
   height: 10em;   
}

.product_title div.product_title_tt
{
    display:inline-block;
 width: calc(100% - 2.5em);
 
}

#announcer
{
   /*display:block;*/
   position:relative;
   width:100%;
/*   height: 10em;  */
}

#announcer div{display:none;}
#announcer div.active{
   display:block; 
   border-radius: .4em;
   border-radius: .4rem;
}
div#announcer div div#banner.annou
{
   display:block;
   position:absolute;
   width:100%;
}

div#announcerbox div.bannerdots
{
   display:block;
   position: absolute;
  
   bottom: -1em;
   right: 1%;
   z-index: 30;
   
  
}
div#announcerbox div.bannerdots span
{
    width: .8em;
    height: .8em;
    border-radius: .4em;
   display:inline-block;
   
   background-color:black;    
   background-color: rgba(0, 0, 0, 0.2);  
/*   background-color:black;  */
   margin: .2em;
}
div#announcerbox div.bannerdots span.active
{
   background-color:red;
   /*background-color: rgba(0, 0, 0, 0.7); */
}

.annou_nobanner
{
   font-weight: bold;
   color: blue;
   font-style: normal;
}
.annou_nobanner,
div#announcerbox div#announcer div.active a div.annou_nobanner
{
   display:block;
   padding-top: 1em;
   font-size: 2em;
   font-style:italic;
   text-align: center;
   
}
div#announcerbox.blocks
{
   width: 74.5%;
}
/*
div.homeofimgbox#blocks 
{
   font-size: 80%;
     max-width: 24%;
    text-align: center;
    width: 24%;
}
*/
div.homeofimgbox#blocks a.RegularButton
{
    display: inline-block;
    white-space: normal ;
    
}

div#AAPT.annou_nobanner,
div#AAPV.annou_nobanner,
div#AACT.annou_nobanner
{
   padding-top: 0em;
}

div.Contentlinkblock
{
   font-size: 1.4em;
}
/*
div#announcer img{
position:absolute;  

}
*/

div#announcer div div#banner.block
{
   display:block;
   position:absolute;
   width:100%;
}
#announcer  div#banner.block img.bannerimg
{
   width: 100%;
}