html, body{
 margin:0;
 padding:0;
 text-align:center;
 background:#F8FECB /*url(webback.jpg) repeat-x*/;
 height: 1200px;
 font:100%;
  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/a_01.jpg)  repeat scroll 0%;}
#panebb_02 {left: 67px; width: 66px;  background: url(img/a_02.jpg)  repeat scroll 0%;}
#panebb_03 {left: 133px; width: 67px; background: url(img/a_03.jpg)  repeat scroll 0%;}
#panebb_04 {left: 200px; width: 67px; background: url(img/a_04.jpg)  repeat scroll 0%;}
#panebb_05 {left: 267px; width: 66px; background: url(img/a_05.jpg)  repeat scroll 0%;}
#panebb_06 {left: 333px; width: 67px; background: url(img/a_06.jpg)  repeat scroll 0%;}
#panebb_07 {left: 400px; width: 67px; background: url(img/a_07.jpg)  repeat scroll 0%;}
#panebb_08 {left: 467px; width: 66px; background: url(img/a_08.jpg)  repeat scroll 0%;}
#panebb_09 {left: 533px; width: 67px; background: url(img/a_09.jpg)  repeat scroll 0%;}
#panebb_10 {left: 600px; width: 67px; background: url(img/a_10.jpg)  repeat scroll 0%;}
#panebb_11 {left: 667px; width: 66px; background: url(img/a_11.jpg)  repeat scroll 0%;}
#panebb_12 {left: 733px; width: 67px; background: url(img/a_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;
 border:0px;
  background: transparent
}

#header{
 position:relative;
 height:auto;
 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%;
 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: 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;
}

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

.floatRight   {
    float: right;
    margin: 4px;
}

#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}



#nav { padding:0px 0 0 5;  width:800px;  position: relative; background: #FFFFDF }

#nav ul {
padding:0px;
margin-top:1px;
margin-left:0px;    /*
width:800px;         */
border-right: 5px solid #E8FF88;
border-left: 5px solid #E8FF88;
border-bottom: 2px solid #E8FF88;
position: relative;
float:left;
}

#nav ul li { display:inline; list-style:none;  }

#nav ul li a { padding-right:30px; background:transparent; color: #555500; text-decoration:none;}
#nav ul li a:hover,
#nav ul li a.current { color:black; background:#EEFFAA; }
#loading {position:absolute;left:0;top:0;padding:0px 0px;background:red;color:white;display:none;} /*  */
#nav { margin:1px  0px ; text-align:right; width:800px; }




 #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;*/
}


 #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   */
}

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

#infomessage{;
  margin: 20px 70px 10px 70px;
  line-height: 130%
}


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

h3 {
 margin-left:30px; margin-bottom:0px;
 margin-top:15px;
 color:#003300;
 font: normal 115%/110% Arial, Helvetica, sans-serif;
 margin-bottom:10px;
}


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