html, body {
   margin: 0;
   padding: 0;
   background:  url(gfx/troc_gradient.jpg) repeat-y;
   font-family: Candara, "News Gothic MT", "Bitstream Vera Sans", Verdana, Trebuchet, "Trebuchet MS", sans-serif; 
/* font-family: Arial, sans-serif; */
   font-weight: 600;
   
   }
   
 body {behavior: url(csshover.htc);} /* WinIE behavior call */  
   
/* visible only when printing ---------------------- */
 #extra_company_name, #hiddenABM72 {
   display: none;
   
   }    
   
#container { 
   background: url(gfx/troc_gradient.jpg) repeat-y;
   border: solid red 0px;
   line-height: 1.25em;
   overflow: auto;
   
   }

a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover   {text-decoration: none;}
a:active  {text-decoration: none;}

/* begin leftContent division ---------------------- */
#leftContent {
   position: absolute;
   top: 104px;
   left: 0;
   border: solid blue 0px;
   width: 4%; 
   height: 1000px;
   width: 4%;
   
   }
html>body #leftContent {
   width: 4%; /* value for Netscape and to be nice to Opera */
   height: 1000px;
   
   }   
/* end leftContent division ---------------------- */

 /* begin rightContent division ---------------- */
#rightContent {
   position: absolute;
   top: 104px;
   right: 0;
   border: solid blue 0px;
   width: 4%; 
   height: 1000px;
   width: 4%;
   
   }
   
html>body #rightContent {
   width: 4%; /* value for Netscape and to be nice to Opera */
   height: 1000px;
   
   }   
/* end rightContent division ---------------- */

/* begin header division ------------------------- */

#header {
   font-size: 24pt;
   padding: 0px;
   border: solid yellow 0px;
   background: url(gfx/newlogo5.gif) no-repeat;
   height: 84px;
   
   }
   
html>body #header {
   height: 84px; /* value for Netscape and to be nice to Opera */

   }
   
#flag {
       position: absolute;
       top: 4px;
       left: 86%;
       }
/* end header division ---------------------- */

/* begin tabs division */
#tabs { 
    margin-left: 6%;
    margin-right: 5.5%;
  
    }

div#nav {
   background: #FDD;
   border-top: solid 2px rgb(63,38,25);
   
   }

div#nav ul { 
   margin: 0;
   padding: 0;

   }

div#nav li {
   
   /* rules for layout */
   position: relative;
   list-style: none;
   margin: 0px;
   float: left;
   border-bottom: solid 1px rgb(63,38,25);
   border-left: solid 1px rgb(63,38,25);
   border-right: solid 1px rgb(63,38,25);
   
   /* rules of typography */  
   padding-left: 6px; 
   white-space: nowrap;
   font-size: 12px;
   line-height: 14px;
   background:  rgb(197,184,184) url(gfx/tabs.gif) 0 100% no-repeat;
   font-weight: bold;
   font-family: Verdana, sans-serif;
   
   }

div#nav ul.level1 li.submenu {width: 9em;}
div#nav ul.level1 li.submenu li {width: 9em;}

div#nav li a span.dropmenu {background: url(gfx/downtriangle.gif) 100% 100% no-repeat; padding-right: 14px; border: solid red 0px;}
div#nav li a span.sidemenu {background: url(gfx/righttriangle.gif) 100% 100% no-repeat; padding-right: 14px; border: solid red 0px;}

div#nav a   {
   display: block;
   text-decoration: none;
   background: rgb(197,184,184) url(gfx/tabs.gif) 100% 100% no-repeat;
   padding: 0px 12px 4px 6px;
   color: rgb(63,38,25);
   border: solid red 0px;
   
   }

div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; display: none; width: 9em; }
div#nav ul a:hover {color: #eee;}
   
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 { left: -1px; border-top: solid 1px rgb(63,38,25); }
div#nav ul.level3 { top: -2px; left: 100%; }
div#nav ul.level3 li.topListItem{ border-top: solid 2px rgb(63,38,25);}



/* end tabs content division ---------------------- */


#extra_company_name, #hiddenABM72 {
   display: none;
   
   }

/* begin main content division ---------------------- */

#content {
    background:  url(gfx/troc_gradient.jpg) repeat-y;
    margin-left: 4%;
    margin-right: 4%;
    clear: left;
    border: solid red 0px;
    padding: 0% 1% 1% 1%;
    
    }


    
#content h1 {
   color: rgb(63,38,25);
   margin-right: auto;
   margin-left: auto; 
   margin-bottom: -.55em;
   text-align: center;
   font-size: 130%;
   letter-spacing: .1em;
   line-height: 3.5em;
   border: solid red 0px;
   
   }
   
#content .abm_heading {
   color: rgb(63,38,25);
   margin-right: auto;
   margin-left: auto; 
   text-align: center;
   font-size: 130%;
   letter-spacing: .1em;
   line-height: 3.5em;
   border: solid red 0px;
   
   }
   
#topCopy {padding: 0 24px;}

.center {
   text-align: center;
   }

h2 {font-size: 100%;
   margin-right: auto;
   margin-left: auto; 
   border: solid red 0px;
   text-align: center;
   
   }
   
   
#photoChanger  {
	background: url(gfx/box-machine.jpg) no-repeat ;
	width: 312px;
	height: 194px;
   
   
   }
    
table th {
   padding-top: 20px;
   padding-bottom: 10px;
   letter-spacing: .4em;
   font-family: sans-serif;
   font-weight: bolder;
   border: solid 0px green; 
   }

#table_heading1 {
   border: solid green 0px;
   width: 100%;
   margin-right: auto;
   margin-left: auto; 
   
   }
   
 #table_heading2 {
   border: solid red 0px;
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   
   }
   
#table_heading1 #table_heading2 #abmseries {
    border: solid red 0px;
    width: 99%;
    text-align: center;
    font-weight: bold;
    font-size: 86%;
    
    }

 #table_border {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
    border: ridge black 4px;

    }   
   
#table_border #table_roll td {
   background-image: url(gfx/cellb.gif);
   border: solid black 1px;
   
   }
   
#table_border #table_change {
   border: solid black 2px;
   width: 99%;
   margin-right: auto;
   margin-left: auto; 
   
   } 

#table_roll {
   border: solid black 1px;
   margin-right: auto;
   margin-left: auto; 
   margin-bottom: 4px;
   
   }  
#points {
   list-style-type: square;
   
   } 
  
#points li {
  line-height: 1.5em; 
   }

#point6copy {
   visibility: hidden;

   }

.hidden_img {display: none;}


.img_para_right {float: right; border: solid red 0px; padding: 2px;}
.img_para_left {float: left; border: solid red 0px;}
  
div#content table {width: 100%;}

#content td {
   text-align: left;
   font-family: verdana, arial, sans-serif;
   font-size: 96%;
   
   } 
            
#firstRow {
   background-color: #ffffcc;
   
   }
            
   
#table_change {
   width: 99%;
   border: solid black 0px;
 
   }
   
#table_roll td {
   font-size: 90%; 
   padding: 2px;
   text-align: center;
   border: solid 0px ;
   font-family: verdana, arial, sans-serif;
   font-weight: bold;
   
   }
   
   
#table_change td {
   font-size: 100%; 
   font-family: verdana, arial, sans-serif;
   background-color: #ffffcc;

   }
   
/* begin copy division division */
  
#copy {
   width: 84%;
   margin-right: auto;
   margin-left: auto;
   border: solid green 0px;
   
   }
   
#copy img {
   padding: 2pt 2pt 2pt 2pt;
   
/* top copy division */   
   }   
 #topCopy {
   width: 84%;
   margin-right: auto;
   margin-left: auto;
   border: solid green 0px;
   overflow: auto;
  
   }
   
#topCopy img {
   padding: 2pt 2pt 2pt 2pt;
   
   }   
/* rounded corner box
================================== */

.box {
  width: 90%;
  background:  url(gfx/bottom-left.gif) no-repeat left bottom;
  margin-right: auto;
    
}

.box-outer {
  background: url(gfx/bottom-right.gif) no-repeat right bottom;
  padding-bottom: 5%;
}

.box-inner {
  background:  url(gfx/top-left.gif) no-repeat left top;
}

.box h2 {
  background: url(gfx/top-right.gif) no-repeat right top;
  padding-top: 5%;
}


.box h2, .box p {
  padding-left: 5%;
  padding-right: 5%;
}


#pullQuote {
   border-left: solid rgb(61,37,27) 0px;
   border-right: solid rgb(61,37,27) 0px;
   background-color: rgb(234,234,234);
   font-style: italic;
   display: block;
   padding: 6pt 16pt 16pt 16pt;
   float: right;
  
   }
   
.firstLetter {
   width:0.7em;
   font-size:120%;

   }
     
 p.indent {
   margin-right: auto;
   margin-left: auto;  
   text-indent: 3em;
   font-size: 100%;
   text-align: left;
   border: solid green 0px;
   
   }
   
.specs {
   font-weight: bold;
   
   }


/*  begin two columns of text  */      
#copyContainer {
 font-size: 96%; 
   }

#copyLeft-div{
   overflow: auto;
   float: left;
   border: solid blue 0px;
   width: 48%;
   margin-bottom: 2%;

   }
   
#copyLeft-para1 {
   float: left;
   border: solid blue 0px;
   width: 98%;

   }
   
#copyLeft-para2 {
   float: left;
   border: solid blue 0px;
   width: 98%;

   }
   
#copyLeft-para3 {
   float: left;
   border: solid blue 0px;
   width: 98%;

   }

#copyRight-div {
   overflow: auto;
   float: right;
   border: solid red 0px;
   width: 48%;
   margin-bottom: 2%;

   }
   
#copyRight-para1 {
   float: right;
   border: solid red 0px;
   width: 98%;

   }

#copyRight-para2 {
   float: right;
   border: solid red 0px;
   width: 98%;
   clear: right;

   }

#copyRight-para3 {
   float: right;
   border: solid red 0px;
   width: 98%;
   clear: right;

   }   
   
/* top part of the page */

#topCopyContainer {
 font-size: 96%; 
   }

#topCopyLeft-div {
   overflow: auto;
   float: left;
   border: solid blue 0px;
   width: 48%;
  
   }
    
#topCopyLeft-para1 {
   float: left;
   border: solid blue 0px;
   width: 98%;
     
   }
   
#topCopyLeft-para2 {
   float: left;
   border: solid blue 0px;
   width: 98%;
      
   }
   
#topCopyLeft-para3 {
   float: left;
   border: solid blue 0px;
   width: 98%;
      
   }

#topCopyRight-div {
   overflow: auto;
   float: right;
   border: solid red 0px;
   width: 48%;
   
   }
   
#topCopyRight-para1 {
   float: right;
   border: solid red 0px;
   width: 98%;
      
   }

#topCopyRight-para2 {
   float: right;
   border: solid red 0px;
   width: 98%;
   clear: right;
      
   }

#topCopyRight-para3 {
   float: right;
   border: solid red 0px;
   width: 98%;
   clear: right;
   
   } 
/* end top of page */   
/*  end two columns of text  */
/* end copy division division */

.xes {
   font-size: 86%;
   }
   
/* end main content division --------------------- */

/* begin for faq page --------------------- */
dl { 
   width: 92%;
   margin-right: auto;
   margin-left: auto;  
   border: solid green 0px;

   }
/* end for faq page --------------------- */
/* begin footer division */

#footer {
   margin-right: 16%;
   margin-left: 16%;
   border: solid green 2px;
   color: black;
   font-size: small;
   clear: both;
   overflow: auto;
   margin-bottom: 2%;

   }
   
  #footer p {
   margin-right: auto;
   margin-left: auto; 
   border: solid red 0px;
   text-align: center;
    
   }
   
 #footer .changeSheets {
   text-align: left;
   padding-left: 2%;
   border: solid red 0px;
   
 } 
  
#webWorker {
   padding-left: 1%;
   
   }
   
 h4 {
   color: rgb(63,38,25);
   width: 92%;
   background-color: #ffffcc;
   text-align: center;
   font-family: verdana, arial, sans-serif;
   padding: 1% 0;
   font-size: 110%;
   border: solid green 0px;
   margin-right: auto;
   margin-left: auto;
   
   }
   
h4 img {
   float: left;
 
   }
   
#footer .contact {
   margin-right: 12px;
   color: rgb(63,38,25); 
  
   }
   
#footer img {
  border: 0px; 
  
   }
   
.cname {
   font-weight: bold;
   font-size: 110%
  
   }
   
.address {
   font-size: 110%
   
   }                
                
/* end footer division */


/*             
.popUp {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffcc;
	visibility: hidden;
	margin: 0 10px;
	padding: 5px;
	position: absolute;
	width: 125px;
	border: solid 1px black;
	
	}*/