body {

margin: 0; padding: 0; background: #fff;

/*background-image: url(images/branch-lite.jpg); background-repeat: repeat-y;*/
/*background-image: url(images/big-branch-lite.jpg); background-attachment: fixed;
background-repeat: no-repeat;*/

}

* {margin: 0; padding: 0; border: 0; font-family: Trebuchet, Arial, sans-serif;}


/*---------------------------------Basic styles----------------------------------------*/

h1, h3, h4, h2 {font-family: Verdana, Arial, sans-serif; margin: 15px 0 0 5px; color: #1c472a; 
font-weight: normal; text-decoration: none;}


h2:first-letter {font-family: Verdana, Arial, sans-serif; font-size: 2em} 
/* styles the first letter of the main title - large */


h2 {font-size: 1.30em; letter-spacing: 0.05em}

p, ul, ol {margin: 10px 10px 0 7px; font-size: 0.95em; line-height: 1.4em; color: #000; 
letter-spacing: 0.05em}


a:link, a:visited {color: #513e21; font-weight: bold; text-decoration: none; 
border-bottom: 1px solid #792533}
a:hover, a:active {color: #4679c5; border-color: #fff}

ul {list-style-type:none;}

hr {
	background-color: #4679c5;
	height: 2px;
}

	p.left {text-align: left;}
	p.right {text-align: right;}
	.bro {font-family: CurlzMT, Cursive, Times New Roman, serif; font-weight: bold; color: #513e21;}
	.blu {font-family: Copperplate Gothic Light, Arial, sans-serif; font-weight: bold; color: #204e92;}

p.redborder { border: 3px solid #d04646; width: 460 px; padding: 12px;}

td.coffee-upper {
border: none;
}
 
  table.coffee-upper {
   border: none;
  	width: 700px;
  	margin: auto;
  }
  
  td.coffee-upper {
  font-family: Trebuchet, Arial, sans-serif;
   	margin: 10px 10px 0 7px; 
   	font-size: 1em; 
   	line-height: 1.5em; 
   	color: #000; 
    letter-spacing: 0.05em
  }
  
    
  table {
  	border: 6px solid #d04646;
    	width:700px;
    	margin: auto;
   }
  
  td {
  	font-family: Trebuchet, Arial, sans-serif;
   	font-size: 0.90em;
   	line-height: 1.2em;
  	border: 1px solid #1c472a;
  	align: center;
  	text-align: left;
  	padding: 8px;
  }
  
  td.left {
  	width: 118px;
  	background-color: #fff;
  	text-align: center;
  	font-weight: bold;
  }
  
  td.left-choco {
  	width: 118px;
  	background-color: #ddbb99;
  	text-align: center;
  	font-weight: bold;
  }
  
  td.center {
  	width: 400px;
  	background-color: #e1eee5;
  }
  
  td.right {
  	width: 182px;
  	background-color: #fff;
  	text-align: center;
  }
  
  td.right-choco {
  	width: 182px;
  	background-color: #ddbb99;
  	text-align: center;
  }
  
  
  td.header-dark {
  	background-color: #663300;
  	font-family: arial;
  	color: #fff;
  	line-height: 1.2;
  	text-align: center;
  	height: 50px;
  }
  
  td.header-lite {
  	background-color: #916416;
  	font-family: arial;
  	color: #fff;
  	line-height: 1.2;
  	text-align: center;
  	height: 50px;
  }
  
  td.choco {
  	background-color: #ddbb99;
  	text-align: left;
  }
 
 
  p.buy {
  font-family: arial;
  font-weight: bold;
  }
  
  img.picHZ {
  	width: 100px; height: 75px;
  	border: 1px solid #000;
  	margin-bottom: 2px;
  }
  
  img.picVR {
  	width: 75px; height: 100px;
  	border: 1px solid #000;
 	margin-bottom: 2px;
  }
  
  .h2coffee {
  	margin-left: 100px;
  }
  
  .floatrite2 {float: right;
  	margin-right: 20px;
  }
  

/*----------------------------------Layout DIVS------------------------------*/

#container {  
position: relative; 
margin: 0.5em auto; 
width: 700px; 
/*background: url(images/bgrnd-1b.jpg) 0 0 repeat-y #fff;  */
overflow: hidden
}

#hdr {  /* div containing h1, nav and header */
float: left; 
width: 700px; 
height: 200px; 
background: url(images/PVheaderX2.jpg) 0 0 no-repeat #fff  /* header image */
}


#bttmbar {margin: auto; text-align: center; font-family: sans-serif; font-size: 0.75em; color: #fff; height: 3em; 
line-height: 3em; width: 700px; background: #4679c5; border-top: 2px solid #213b63}


.hilite {background: #d7e9dd; padding: 1em;}

.bold2 {font-weight: bold; background: #d7e9dd; padding: 0.5em;}

.floatrite {float: right;}

.floatleft {float: left;}

.txt-rite {text-align: right;}

#link {font-size: 0.85em;}

li.bullet {
		
		font-size: 1em;
		line-height:2.5em;
		font-style: normal;
		margin: 0 2em 0 2em;
		list-style-image: url(images/bullet-brn.png);
}

p.bullet {list-style-image: url(images/bullet-brn.png);}

.bold {font-weight: bold;}

/*---------------------------Main Navigation----------------------------*/

ul#coffeenav {   /* navigation list */
	margin: 20px 0 20px 0; /* the 20px is where the nav begins (margin top) */
	padding: 0;
	list-style: none;
}

ul#coffeenav li {float: left;}

ul#coffeenav li a {
	width: 68px;
	height: 35px;
	margin: 20px 0 0 0; 
	border: 0;
	border-left: 5px solid #fff;
	padding: 4px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1.5em;
	text-decoration: none;
	display: list-item;
	color: #fff;
	background: #4679c5;
	text-align: center;
}

ul#coffeenav li a#current {border-color: #fff; background: #d04646;}   

ul#coffeenav li a:hover {background: #8bb5f3; color: #fff}