html, body{
 margin:0;
 padding:0;
 text-align:center;
 background:#BDC112 url(webback.jpg) repeat-x;
 height: 1200px;
 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;}

#panebb_01 {left: 0;    width: 67px;  background: url(img/ll_01.jpg)  repeat scroll 0%;}
#panebb_02 {left: 67px; width: 66px;  background: url(img/ll_02.jpg)  repeat scroll 0%;}
#panebb_03 {left: 133px; width: 67px; background: url(img/ll_03.jpg)  repeat scroll 0%;}
#panebb_04 {left: 200px; width: 67px; background: url(img/ll_04.jpg)  repeat scroll 0%;}
#panebb_05 {left: 267px; width: 66px; background: url(img/ll_05.jpg)  repeat scroll 0%;}
#panebb_06 {left: 333px; width: 67px; background: url(img/ll_06.jpg)  repeat scroll 0%;}
#panebb_07 {left: 400px; width: 67px; background: url(img/ll_07.jpg)  repeat scroll 0%;}
#panebb_08 {left: 467px; width: 66px; background: url(img/ll_08.jpg)  repeat scroll 0%;}
#panebb_09 {left: 533px; width: 67px; background: url(img/ll_09.jpg)  repeat scroll 0%;}
#panebb_10 {left: 600px; width: 67px; background: url(img/ll_10.jpg)  repeat scroll 0%;}
#panebb_11 {left: 667px; width: 66px; background: url(img/ll_11.jpg)  repeat scroll 0%;}
#panebb_12 {left: 733px; width: 67px; background: url(img/ll_12.jpg)  repeat scroll 0%;}

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

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

#logonav ul li a
{
padding: 1px 10px 4px 8px;
font:90.01%;
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:90.01%
 /* 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-right: 5px solid #E8FF88;
  border-left: 5px solid #E8FF88;
}



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

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

#contentnav ul li a
{
padding: 1px 10px 4px 0px;
font:90.01%;
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:#FFCC66;
 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:100%;
float:right;  /* */
position: relative;
height:auto;
margin-right:5px;
margin-left:5px;
clear: both;
padding:5px;
}


#footer{
 height:auto;
 background-color:#FFFFDF;
 width:auto;
 font: 90.01%/.90em
 color: #FFFFDF;
 clear:both;
 }

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

#midleft /*content  */
{
 float:left;
 width:535px;   /*200px*/
 padding-left:20px;
 background: transparent;
 font:100.01%;
 line-height: 130%;
/*border: 1px solid #FF0000   */
}

#midright /*ads, etc  */
{
 float:right;
 width:auto;  /* */
 padding:20px;
 width:200px;    /* 535px   */
 font:100.01%;
 line-height: 150%;
 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;
}

 h3{
   padding-left: 0px; margin-left:5px; float:left;
 }

#midleft A:link { color:#555500;font-size: 110%; border-bottom: solid 1px #6C8800;text-decoration: none}
#midleft A:visited{color:#555500; font-size: 110%; border-bottom: solid 1px #6C8800; text-decoration: none}
#midleft A:Active {color:#003300;  font-size: 110%;  border-bottom: solid 1px #6C8800; text-decoration: none}
#midleft A:hover {color:#003300;  font-size: 110%; background:#E8FF88; border-bottom: solid 1px #6C8800;
  border-top: solid 1px #6C8800; text-decoration: none}

#midright A:link { color:#555500;font-size: 110%; border-bottom: solid 1px #6C8800;text-decoration: none}
#midright A:visited{color:#555500; font-size: 110%; border-bottom: solid 1px #6C8800; text-decoration: none}
#midright A:Active {color:#003300;  font-size: 110%;  border-bottom: solid 1px #6C8800; text-decoration: none}
#midright A:hover {color:#003300;  font-size: 110%; background:#E8FF88; border-bottom: solid 1px #6C8800;
  border-top: solid 1px #6C8800; text-decoration: none}



  .smallcontent{
    font-size: 90%;
  }

  #pagename{
       float:right;  border:0px solid black; font-size:22px;
   position: relative; padding: 20px 10px 0px 20px;
   background: transparent
 }