body 
{
background-image: url("images/background.jpg");
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 0.8em;
text-align: left;
}

a:link, a:visited, a:hover, a:active
{
color: #996633; 
text-decoration: underline;
}

h1 
{
color: #996633; 
font-size: 1.0em; 
font-weight: bold;
}

hr {color: #996633; size:0; center;}

#container /*center the entire site within page*/
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 800px;
}

.blankspace
{
clear: both;
height: 10px;
width: 800px;
}


/*---------------------------------------*/

#header
{
background-color: #fff;
border-bottom: 1px solid #996633;
font-size: 0.7em;
height: 160px;
margin: 0px;
padding: 10px;
width: 780px !important; /*moz width*/
width: 780px; /*IE width*/
}

#headerleft  /*left side of header, logo*/
{
float: left;
margin-left: 0;
text-align: left;
width: 400px;
}

#headerright  /*right side of header, contact info*/
{
float: right;
text-align: right;
width: 300px;
}

/*---------------------------------------*/

#container2 /*body of site, underneath top right nav bar */
{
background-image: url("images/nav_left_back.gif");
padding: 0px;
text-align: left;
width: 800px;
}

#leftnav  /*left side navigation buttons plus comments & quotes below*/
{
clear: both;
float: left;
padding: 10px;
width: 165px !important; /*moz width*/
width: 165px; /*IE width*/
}

#leftnav p 
{
font-size: 0.9em;
font-style: italic;
}



/*---------------------------------------*/

#content /*main body of page*/
{
margin-left: 200px;
padding: 10px;
text-align: left;
width: 560px !important; /*moz width*/
width: 560px; /*IE width*/
}

#content a:link, #content a:visited, #content a:hover, #content a:active
{
color: #996633; 
text-decoration: underline;
}

#content h1
{
color: #996633;
font-size: 1.2em;
}

#content h2 
{
font-size: 1.0em;
}

#content table
{
border-collapse: collapse;
border-color: #000000;
border-spacing: 0px;
border-style: solid;
border-width: 1px;
}

#content th /*headers are the same for all tables*/
{
background-color: #ceaf85;
border-color: #000000;
border-width: 1px;
border-style: solid;
color: #ffffff;
padding: 0 1.0em;
vertical-align: top;
}

#content td /*default value for all tables*/
{
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid; #000000;
border-right: 1px solid; #000000;
padding: 0 1.0em;
vertical-align: top;
}

#content table.tea td /*table listing tea varieties, need 3 evenly spaced columns*/
{
border-color: #000000;
border-width: 1px;
border-style: solid;
font-size: 0.9em;
padding: 0 1.0em;
vertical-align: top;
width: 33%;
}

#content table.orderform /*table for order forms - aligns value names and blanks, without lines visible*/
{
border-spacing: 0px;
border-width: 0px;
cell-padding: 1px;
}

#content table.orderform td
{
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
padding: 0 1.0em;
vertical-align: top;
}


/*---------------------------------------*/

#footer
{
clear: both;
background-color: #ffffff;
border-top: 1px solid #996633;
height: 10px !important; /*moz height*/
height: 10px; /*IE height*/
margin: 0px;
padding: 10px;
width: 780px !important; /*moz width*/
width: 780px; /*IE width*/
}

#footerleft /*copyright*/
{
float: left;
font-size: 0.75em;
text-align: left;
width: 400px;
}

#footerright /*design credit for collective discovery*/
{
float: right;
font-size: 0.75em;
text-align: right;
width: 300px;
}

/*---------------------------------------*/

#navcontainer1 /*container for navigation links across the top*/
{
background: #ceaf85;
border-bottom: 1px solid #996633;
padding: 0;
height: 30px;
width: 800px;
}

#navcontainer1 ul /*list overall parameters */
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer1 ul li /*list items - graphic layout */
{
display: block;
float: right;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer1 ul li a /*list items - link layout, items are built like boxes with text inside */
{
background: #ceaf85;
color: #000000;
display: block;
height: 18px;
margin: 5px 0 10px 0;
padding: 0;
text-align: center;
text-decoration: none;
width: 100px;
}

#navcontainer1 a:link, a:visited /*behavior of links*/
{
color: #000000;
text-decoration: none;
}

#navcontainer1 ul li a:hover /*links change color on hover*/
{
color: #996633;
}


/*---------------------------------------*/

#navcontainer2 /*container for left-side navigation buttons*/
{
float: left;
text-align: left;
width: 180px;
}

#navcontainer2 ul  /*create nav buttons using a list*/
{
list-style-type: none; /*remove default bullets*/
margin: 0;
padding: 0;
}

#navcontainer2 li  /*actual list items*/
{
margin: 0 0 3px 0;
}

#navcontainer2 a /*button links that look like a box*/
{
background-color: #ceaf85;
border: 1px solid #5d4a4b;
display: block;
padding: 2px 2px 2px 2px;
width: 175px !important; /*moz width*/
width: 175px ; /*IE width*/
}

#navcontainer2 a:link, a:visited /*behavior of links*/
{
color: #000000;
text-decoration: none;

}

#navcontainer2 a:hover /*change background color when reader hovers over button*/
{
background-image: url("images/background2.gif");
border: 1px solid #5d4a4b;
color: #ffffff;
}

#active2 a:link, #active2 a:visited, #active2 a:hover 
{
background-image: url("images/background.jpg");
color: #ffffff;
}


#homeleft a:link, #homeleft a:visited, #homeleft a:hover, #homeleft a:active
{
color: #996633; 
text-decoration: underline;
font-style: italic;
}


/*---------------------------------------*/

.photoright200 {
float: right; 
padding:2px 0px 8px 10px; 
margin: 0; 
font-size:0.9em; 
color: #996633; 
font-style:italic; 
width: 200px;
}

.photoright200ds {
float: right; 
padding:2px 0px 8px 10px; 
margin: 0; 
font-size:0.9em; 
color: #996633; 
font-style:italic; 
width: 219px;
}


.photoleft200 {
float: left; 
padding:2px 0px 8px 10px; 
margin: 0; 
font-size:0.9em; 
color: #996633; 
font-style:italic; 
width: 200px;
}

.photoleft200ds {
float: left; 
padding:2px 0px 8px 10px; 
margin: 0; 
font-size:0.9em; 
color: #996633; 
font-style:italic; 
width: 219px;
}

/*---------------------------------------*/



#content table.homepage /*table for homepage*/
{
border-color: #ffffff;
border-spacing: 5px;
border-style: outset;
border-width: 2px;
}

#content table.homepage td
{
background: #ceaf85;
border-style: outset;
border-color: #ffffff;
border-width: 2px; 
padding: 0.5em;
vertical-align: top;
}