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

#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%/.70em Arial, Helvetica, sans-serif; */
color: #555500;
text-decoration: none;
}

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


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

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: left;/*
width: 800px;
border-bottom: 1px solid #FF0000;  */
  position: relative
}

#contentnav ul li { display: inline; float: right;
 padding-bottom:5px;

  /* */
}

#contentnav ul li a
{
padding: 1px 10px 4px 0px;

color: #555500;  /* */
text-decoration: none;
}

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

 #maincontentmenu{

width:100%;
float:right;  /* */
position: relative;
height:auto;
margin-right:5px;
margin-left:5px;
clear: both;
padding:5px;
}


#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 Arial, Helvetica, sans-serif; */
 color: #FFFFDF;
 clear:both;
 }
    /*

 Right nav layout  */

#midleft /*content  */
{
 float:left;
 width:800px;   /*200px*/
 padding-left:0px;
 background: transparent;
 /* border-top: 5px solid #E8FF88;

border: 1px solid #FF0000;   */
}

#midright /*ads, etc  */
{
 float:right;
 width:auto;  /* */
 padding:20px;
 width:80px;    /* 535px   */
/* font:100.01%/.90em Arial, Helvetica, sans-serif; */
 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;
}


 #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/Front_01.jpg)  repeat scroll 0%;}
#panebb_02 {left: 67px; width: 66px;  background: url(img/Front_02.jpg)  repeat scroll 0%;}
#panebb_03 {left: 133px; width: 67px; background: url(img/Front_03.jpg)  repeat scroll 0%;}
#panebb_04 {left: 200px; width: 67px; background: url(img/Front_04.jpg)  repeat scroll 0%;}
#panebb_05 {left: 267px; width: 66px; background: url(img/Front_05.jpg)  repeat scroll 0%;}
#panebb_06 {left: 333px; width: 67px; background: url(img/Front_06.jpg)  repeat scroll 0%;}
#panebb_07 {left: 400px; width: 67px; background: url(img/Front_07.jpg)  repeat scroll 0%;}
#panebb_08 {left: 467px; width: 66px; background: url(img/Front_08.jpg)  repeat scroll 0%;}
#panebb_09 {left: 533px; width: 67px; background: url(img/Front_09.jpg)  repeat scroll 0%;}
#panebb_10 {left: 600px; width: 67px; background: url(img/Front_10.jpg)  repeat scroll 0%;}
#panebb_11 {left: 667px; width: 66px; background: url(img/Front_11.jpg)  repeat scroll 0%;}
#panebb_12 {left: 733px; width: 67px; background: url(img/Front_12.jpg)  repeat scroll 0%;}







.clear {
	clear: both;
}

 #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:10px;
  clear: both; height:40px;  width:95%;/*border: 0px solid black;*/
}

#textmaker{
  float:left;
   background: #FFFFDF;
   width:800px;
}


#display{
     background: #FFFFDF;

     width:800px;
     /*height:auto;*/

     padding:0px;
}

#content{
  padding:20px;
  padding-top:0px;
  line-height: 150% /**/
}

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

  /* class="floatLeft"  */
.floatLeft {
    float: left;
    padding: 6px;
}

  /* class="floatRight"  */
.floatRight {
    float: right;
    padding: 6px;

}