html, body  { padding: 0; margin: 0; text-align: left; }
body {background: white url(http://www.tambela.com/images/BackgroundLeaf.jpg) repeat-y fixed 621px top}

p, ul { font-family: "Trebuchet MS", Verdana, Arial, "san-serif"; }
p { color: #5a5a5a; font-size: 11px; line-height: 1.5em; padding: 0px 12px 2px 0px; } /*Dark Gray*/
td, h1, h2, h3, h4, th, legend { font-family:  Tahoma, Arial, "san serif"; }
h1 { color: #969; font-weight: bold; font-size: 16px }
h2, td#bodynav  { color: #808080; font-weight: 500; font-size: 18px; text-decoration: none }  /*Mid Gray*/
h3  { color: #808080;  font-weight: 500; font-size: 14px }
h4  { color: #B7BA70; font-size: 11px }         /*Olive*/
legend { color: #759550; font-size: 13px }      /*Dark Green*/

.lite { color: #759550 }                        /*Dark Green*/
.white { color: white } 
.small  { font-size: 10px }
.size12  { font-size: 12px }
.italic { font-style: italic }
.normal { font-style: normal }
.justify { text-align: justify; padding: 0px 6px }
.leftimg { float: left; border: 1px }
.hiddenPic {display: none;}
.alarm {color: red; background-color: white; }

th  { color: #888812; font-size: 13px }                  
td {}

/* Increase size of first letter of each paragraph */
#Maintext p:first-letter   { font-size: 1.25em; padding: 0.07em }

#bodylist ul { color: #5a5a5a; list-style-type: circle; font-size: 11px; line-height: 125% }

/* set up rollovers for vertical navigation buttons */
#navlist ul { margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ }
#navlist a {letter-spacing:-1px; display: block; color: #000; padding: 2px 2px 2px 18px; border: 1px solid; border-color: #ddd; background-color: transparent; background-image: none;}
#navlist a:link { font-weight : bold; text-decoration : none; color: #808080;  }
#navlist a:visited { font-weight : bold; text-decoration : none; color: #808080; }
#navlist a:hover { font-weight : bold; text-decoration : none; color: #B7BA70; }
#navlist a:active { font-weight : bold; text-decoration : none; color: #666600;  }


/* set up rollovers for horizontal navigation buttons */
table#barnav td {font: 10px Tahoma, Verdana, Arial, "san serif"; text-align: center; }
table#barnav td a {font-weight : normal; text-decoration : none; display: block; margin: 0; Padding: 0}
#barnav a:link, #barnav a:visited {  color: #808080; background : transparent; margin : 0; width : 70}
#barnav a:hover { font-weight : bold; color: #B7BA70; background : transparent; }
#barnav a:active { font-weight : bold; color: #666600; background : transparent; }

/* image opacity */
a.linkopacity img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
a.linkopacity:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

img {display: block; border: 0;}

/* set linked text colors */
/* 
a:link { color: #963580; }
a:visited { color: #963580; }
a:hover { color: #963580; }
a:active { color: #963580; }
*/
a {color: #505BB7;}
a:hover {Color: #FE7740;}
a img {border: none; }

/* Set Icon in address bar and bookmarks */
<link rel="icon" href="http://www.tambela.com/favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="http://www.tambela.com/favicon.ico" type="image/x-icon" /> 

#wrapper {position: relative; width: 830px; text-align: left; padding: 0; margin: 0 auto;}

/* Header Boxes */
#Header  { position: relative; z-index: 1; width: 867px; height: 218; padding: 0; margin: 0; }
    /* the height of #TopBox is needed to set the top of #content */
#LogoBox    { position: absolute; z-index: 2; top: 60px; left: 460px; width: 290px; padding: 0; margin: 0  }
#TMbox {position: absolute; z-index: 3; top: 58px; left: 750px; width: 50px; height: padding: 0; margin: 0 }
#barbox { position: absolute; z-index: 2; top: 160px; left: 73px; width: 660px; padding: 0; margin: 0 }
#barlist   { position: absolute; z-index: 2; top: 161px; left: 127px; width: 630px; padding: 0; margin: 0 }

#cartbox {position: absolute; z-index: 4; top: 196px; left: 650px; width: 80px; padding: 0; margin: 0 }

/* Main Content Boxes */
#content, #footer {position: relative; left: 38; width: 830px; text-align: left; padding: 0; margin: 0 }
#BannerBack  { position: absolute; top: 0; left: 0; z-index: 1; width: 599px; height: 182px; padding: 0; margin: 0 }
#mainVertSpacer {position: relative; width: 830px; height: 42; padding: 0; margin: 0 }
    /* #mainVertSpacer is needed to set the top of #main */
#main {position: relative; background-color: #fff9e9; z-index: 3; left: 180px; width: 505px; padding: 0; margin: 0; border: 1px #f2f1ff solid; }
 



