html, body{
 margin:0;
 padding:0;
 text-align:center;
 background:#F8FECB /*url(webback.jpg) repeat-x*/;
 height:100%;
 font:100%/1.5;
  font-family: Arial, Helvetica, sans-serif
}


#bb {
 width: 800px; height: 200px; margin: 0; padding: 0; float:left;
  position: relative}
#bb li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#bb li, #bb a {height: 200px; display: block;}
#bb li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#panels_01 {left: 0;    width: 67px;  background: url(img/panels_01.jpg)  repeat scroll 0%;}
#panels_02 {left: 67px; width: 66px;  background: url(img/panels_02.jpg)  repeat scroll 0%;}
#panels_03 {left: 133px; width: 67px; background: url(img/panels_03.jpg)  repeat scroll 0%;}
#panels_04 {left: 200px; width: 67px; background: url(img/panels_04.jpg)  repeat scroll 0%;}
#panels_05 {left: 267px; width: 66px; background: url(img/panels_05.jpg)  repeat scroll 0%;}
#panels_06 {left: 333px; width: 67px; background: url(img/panels_06.jpg)  repeat scroll 0%;}
#panels_07 {left: 400px; width: 67px; background: url(img/panels_07.jpg)  repeat scroll 0%;}
#panels_08 {left: 467px; width: 66px; background: url(img/panels_08.jpg)  repeat scroll 0%;}
#panels_09 {left: 533px; width: 67px; background: url(img/panels_09.jpg)  repeat scroll 0%;}
#panels_10 {left: 600px; width: 67px; background: url(img/panels_10.jpg)  repeat scroll 0%;}
#panels_11 {left: 667px; width: 66px; background: url(img/panels_11.jpg)  repeat scroll 0%;}
#panels_12 {left: 733px; width: 67px; background: url(img/panels_12.jpg)  repeat scroll 0%;}


 #logonav ul
{
padding-top:0px;
margin-top: 50px;
margin-bottom: 5px;
float: right;/**/
width: 645px;

}

#logonav ul li { display: inline; float: right;
 padding-bottom:5px;
 /*border: 1px solid #FF0000  */
}

#logonav ul li a
{
padding: 1px 10px 4px 8px;
font:100%/.70em Arial, Helvetica, sans-serif;
color: #555500;
text-decoration: none;
}

#logonav ul li a:hover
{
background-color:#E8FF88;
color:#555500;
border-bottom: 1px solid #363612;
}


#sitenav ul
{
padding-top:0px;
margin-top: 5px;
margin-bottom: 0px;
float: right;
}

#sitenav ul li { display: inline; float: right;
 padding-bottom:10px;
 padding-top:4px;
 font:100%/.50em Arial, Helvetica, sans-serif;
 /* border: 1px solid #FF0000  */
}

#sitenav ul li a
{
width:800px;
color: #555500;
text-decoration: none;
padding: 1px 10px 4px 8px;

}

#sitenav ul li a:hover
{
padding: 1px 10px 4px 8px;
background-color:#E8FF88;
color:#555500;  /**/
border-bottom: 1px solid #363612;

}

#sitenav{
  position: relative;
  float:left;
  background: #FFFFDF;
  width:800px;
  border-top: 5px solid #E8FF88;
  border-right: 5px solid #E8FF88;
  border-left: 5px solid #E8FF88;
}



#contentnav ul
{
padding-top:0px;
margin-top: 5px;
margin-bottom: 5px;
color: #555500;
float: right;/* */

}

#contentnav ul li { display: inline; float: right;
 padding-bottom:5px;
 /* border: 1px solid #FF0000  */
}

#contentnav ul li a
{
padding: 1px 10px 4px 0px;
font:100%/1.2em Arial, Helvetica, sans-serif;
color: #555500;  /* */
text-decoration: none;
}

#contentnav ul li a:hover
{
background-color:#E8FF88;
color:#555500;
border-bottom: 1px solid #363612;
}



#pageholder{
 width:810px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
}

#header{
 position:relative;
 height:auto;
 background-color:transparent;
 width:100%;
 padding:0px; margin:0px;
 background: url(TransLogo2.gif);
 height:100px;
 background-repeat: no-repeat
}

#maincontent{
background-color: #FFFFDF;
width:auto;
height:auto;
color:#555500;
border-right: 5px solid #E8FF88;
border-left: 5px solid #E8FF88;
border-bottom: 5px solid #E8FF88;
}

#logomenu{
background-color:transparent;
float:right;
width:100%;
height:auto;
clear: both;
}

#maincontentmenu{

width:800px;
float:left;  /* */
position: relative;
height:auto;
background-color: #FFFFDF;

height:auto;
color:#555500;
border-right: 5px solid #E8FF88;
border-left: 5px solid #E8FF88;
border-bottom: 5px solid #E8FF88;/**/
}


#footer{
float:left;
 height:auto;
 margin-left:0px;
 background-color:#FFFFDF;    /**/
 width:800px;
 font: 90.01%/.90em Arial, Helvetica, sans-serif;
 color: #FFFFDF;
 border-right: 5px solid #E8FF88;
border-left: 5px solid #E8FF88;
}

.image{
  padding:0px;
  margin:0px;
  height:200px;
}
/* Right nav layout  */

#midleft /*content  */
{
 float:left;
 width:535px;
 height:auto;/*200px*/
 padding-left:20px;
 background: transparent;

 line-height: 130%;
/*border: 1px solid #FF0000   */
}

#midright /*ads, etc  */
{
 float:right;
 width:auto;  /* */
 padding:20px;
 width:200px;
 height:auto;   /* 535px   */

 line-height: 130%;
 background: transparent;
 /* border: 1px solid #00FFCC;  */
}

/*Right nav layout  */

#mainimagebanner{
float:right;
width:auto;
height:200px;
padding-bottom:0px;
border: 5px solid #E8FF88;/* */
margin-bottom:0px;
}



#bigtxt{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: 20px;
  text-transform: capitalize;
  color:black
}


 #medtxt{
 font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: 18px;
  text-transform: capitalize
}
 #smtxt{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: 14px;
  text-transform: capitalize
}


#bigtxt A:link { color:#003300; text-decoration: none }
#bigtxt A:visited{color:#003300; text-decoration: none}
#bigtxt A:active {color:#003300;text-decoration: none}
#bigtxt A:hover {color:#003300; text-decoration: none}

#medtxt A:link { color:#003300; text-decoration: none }
#medtxt A:visited{color:#003300; text-decoration: none}
#medtxt A:active {color:#003300;text-decoration: none}
#medtxt A:hover {color:#003300; text-decoration: none}


#smtxt A:link { color:#003300; text-decoration: none }
#smtxt A:visited{color:#003300; text-decoration: none}
#smtxt A:active {color:#003300;text-decoration: none}
#smtxt A:hover {color:#003300; text-decoration: none}

#chgsize{
  float:left; margin-left:20px; padding-bottom:5px;
  clear: both;   width:95%;/*border: 0px solid black;*/
}

 #textmaker{
  float:left;
   background: #FFFFDF;
   width:800px;
   border-right: 5px solid #E8FF88;
   border-left: 5px solid #E8FF88;
}


#display{
     float:left;
     background: #FFFFDF;
     width:800px;
     margin-bottom:0px;
     border-right: 5px solid #E8FF88;
     border-left: 5px solid #E8FF88;
    /* border-bottom: 2px solid #E8FF88;
        clear: right;  */
   }
#display2{
   float:left;

   background: #FFFFDF;
   width:800px;
   height: auto;    /*600px;  */
   margin-top:0px;
 /*  clear: both; */
   border-right: 5px solid #E8FF88;
   border-left: 5px solid #E8FF88;
   border-bottom: 2px solid #E8FF88;
     /* border: 5px solid #E8FF88   */
  position: relative ;
   padding:0px;
  text-align:center;
  	}

  #Content {
  	width:500px;
  	margin:0px auto;
  	text-align:left;
  	padding:15px;
  	border:1px dashed #333;
  	background-color:#eee;
  	}

}

.pp{
    width:650px;
    padding-left:20px;
    line-height:140%;
  }
  #mainimagebanner{
float:right;
width:auto;
height:200px;
padding-bottom:0px;
border: 5px solid #E8FF88;/* */
margin-bottom:0px;
}