html, body{
 margin:0;
 padding:0;
 text-align:center;
 background:#BDC112 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;}

#panebb_01 {left: 0;    width: 67px;  background: url(img/r_01.jpg)  repeat scroll 0%;}
#panebb_02 {left: 67px; width: 66px;  background: url(img/r_02.jpg)  repeat scroll 0%;}
#panebb_03 {left: 133px; width: 67px; background: url(img/r_03.jpg)  repeat scroll 0%;}
#panebb_04 {left: 200px; width: 67px; background: url(img/r_04.jpg)  repeat scroll 0%;}
#panebb_05 {left: 267px; width: 66px; background: url(img/r_05.jpg)  repeat scroll 0%;}
#panebb_06 {left: 333px; width: 67px; background: url(img/r_06.jpg)  repeat scroll 0%;}
#panebb_07 {left: 400px; width: 67px; background: url(img/r_07.jpg)  repeat scroll 0%;}
#panebb_08 {left: 467px; width: 66px; background: url(img/r_08.jpg)  repeat scroll 0%;}
#panebb_09 {left: 533px; width: 67px; background: url(img/r_09.jpg)  repeat scroll 0%;}
#panebb_10 {left: 600px; width: 67px; background: url(img/r_10.jpg)  repeat scroll 0%;}
#panebb_11 {left: 667px; width: 66px; background: url(img/r_11.jpg)  repeat scroll 0%;}
#panebb_12 {left: 733px; width: 67px; background: url(img/r_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;

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;/**/
width: 100%;
}

#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%;
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;
 height: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
}



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




#footer{
 height:auto;
 background-color:#FFFFDF;    /* #FFCCFF */
 width:auto;
 font: 90.01%;
 color: #FFFFDF;
 clear:both;
 border-right: 5px solid #E8FF88;
  border-left: 5px solid #E8FF88;
  border-bottom: 5px solid #E8FF88;
 }




h2 {
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	margin: 0 0 .2em;
    color: #EFEFEF}
h2 em {
	font: normal 100%/110% Arial, Helvetica, sans-serif;
	color:#2B2B00; font-weight: bold;     /* #171700*/
}



h1 {
 margin-left:20px; margin-bottom:0px;
 margin-top:5px;
 color:#003300;
 font: normal 120%/110% Arial, Helvetica, sans-serif;
}

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

p{
  padding:0px; margin:0px;
}



#container { padding:30px; line-height: 150%; height:auto; }
#container ul li { margin:5px 0 0 0;}
#container ul li a { text-decoration:none; color:#666; font-weight:bold;}
#container ul li a:hover { color:black;}

#container A:link { color:#555500;font-size: 110%; border-bottom: solid 1px #6C8800;text-decoration: none}
#container A:visited{color:#555500; font-size: 110%; border-bottom: solid 1px #6C8800; text-decoration: none}
#container A:Active {color:#003300;  font-size: 110%;  border-bottom: solid 1px #6C8800; text-decoration: none}
#container 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;*/
}


#largeImg {
	border: solid 1px #ccc;
	width: 285px;
	height: 285px;
	padding: 5px;
    margin-bottom:2px;
    margin-top:2px;
    margin-left:10px; /*
   background: #FFCC66    */
}



.thumbs img {
	border: solid 1px #ccc;
	width: 85px;
	height: 85px;
	padding: 2px;
  /*
    margin-bottom:0px;

    background: #66CC66 */
}
.thumbs img:hover {
	border-color: #FF9900;
}

 #gallery{
  width:800px;   /**/  /* */
  background: #FFFFDF; /* */

  height:300px;
  float:left;
  border-top: 2px solid #E8FF88;
  border-right: 5px solid #E8FF88;
  border-left: 5px solid #E8FF88;
  border-bottom: 2px solid #E8FF88;/* */
  position: relative;
  clear: both
}


 #lgpic{
   float:left; margin:0px;  margin-right:0px; width:285px; height:285px;
  clear: both
}

 #thumbs{
  float:left;  width:485px;  margin-top:10px; margin-left:30px; border:0px black solid;
  /*background: #FFCC66 */
}

 #goto{
   border:0px solid gray;
   width:286px; margin-top:-40px;
   float:left; margin-left:15px;
   /*background-color: #F9FED6;*/
               /*
  z-index: 100  */
  background-image: url(descriptback.gif);
  background-repeat: repeat-x;
  height:auto;
}

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

#recipeshow{
  padding: 5px 0 25 0;
  margin-left:25px;

  margin-bottom:10px;
  width: 750px;
  border: 1px solid #EAEAEA;/* */

  line-height:130%;
  background: #FFFFDF;
  height:auto:
}

.ok{
 margin-left:25px;
 margin-bottom:10px;
 padding-right:25px;
 height:auto;
 background-color: #FFFFDF;

}

#link{
  width:750px;
  background-color: #FFFFDF;
  color: #333300;
  margin-bottom:10px;
  margin-left:0px;
  border: 1px solid #779500;
  position: relative;
  height:25px;
}

#link A:link { color:#333300; text-decoration: none }
#link A:visited{color:#333300; text-decoration: none}
#link A:active {color:#333300;text-decoration: none}
#link A:hover {color:#333300; text-decoration: none;
 background:#E8FF88; width:750px;

}

.r{
  float:right;
  margin-top:0px;
  padding-right:10px;

}

.l{
  float:left; margin-top:0px; margin-left:5px;
}


#toolTipBox {
	display: none;
  	font-size: 95%;
    font-family: Arial, Helvetica, sans-serif;
	position: absolute;
    padding:4px;
    background: #FFFFDF;
    border: 1px solid #809F00;
    color:#333300;
 }

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

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

}


 .floatRightborder{
    padding:5px;
    border:1px solid #CCCCCC;
    float: right;
    padding: 6px;
    margin-left:10px;
 }

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

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


 ul.reclist{
list-style-type: none;
width: 560px;
margin: 0;
padding: 0px;
float:left; margin-left: 0px;
}

ul.reclist li {
float: left;
margin: 0px;
padding: 5px;

border: 1px #000 solid; /*
text-align: center;
background: #f3f3f3; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  color: #2F2F00
}

.reclist2{
 text-align:right; width:130px;
}

.reclist3{
 text-align:left; width:400px;
}

.rectable{
  width:600px; padding:2px; float:left; margin-left:50px
}


ul#recnavlist
{
margin-left: 10px;
padding-left: 0;
white-space: nowrap;
}

#recnavlist li
{
display: inline;
list-style-type: none;
}

#recnavlist a { padding: 3px 10px; }

#recnavlist a:link, #recnavlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#recnavlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


h5{
  margin-left:40px;
  margin-right:40px;
  font-weight: normal;
  font-size: 95%
}



ul{
    list-style-type: none;
    line-height:140%;
  }

  .floatRightborder{
    padding:5px;
    border:1px solid #CCCCCC;
    float: right;
    padding: 6px;
 }

  .page{
    width:650px;
    padding-left:40px;
    line-height:140%;
  }

.rectable{
  width:650px; padding:2px; float:left; margin-left:40px
}