body {
background-color:#e5ddd2; 
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 95%;
color: #000000;
margin:auto;
padding:0;
text-align:left;
}


.solid {	
   border-top: 1px solid #660000;
   border-bottom: hidden;
   border-left: hidden; 
   border-right: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

.dashed {
  border-bottom:1px dashed #660000;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

.dotted {
	border-bottom:1px dotted #660000;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

ol {
list-style-position: outside;
line-height: 20px;
}

ul {
list-style-type: none;
padding-left: 0;
margin-left: 40px;
}
 
 
li.custom {
background: url(../image-files/coffee-bullet.png) left center no-repeat; 

padding-left: 20px;
margin-bottom: 10px;
line-height: 13px;
}

b{
color: #000;
font-family: 'Trebucht MS', 'Lucida Grande', Arial, sans-serif;
font-size: 100%;
}

 
/* this area below is for your  Link-text and headings. You can change the font type and size, the color of each of them
as well as the a:hover, which is the text for a link, once the pointer passes over it*/

a {font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 100%; color: #660000; text-decoration: underline;}

a:hover {font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 100%; text-decoration: underline; color: #251c15;}


h1 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif; font-size: 135%;  color: #660000}
h2 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif; font-size: 120%;  color: #660000}
h3 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif; font-size: 105%;  color: #660000}
h4 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif; font-size: 100%;  color: #660000}

i {
font-family: 'Trebucht MS', 'Lucida Grande', Arial, sans-serif;
font-size: 100%;
}



table {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 88%;
color: #000000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.note {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 77%;
color: #303951;
font-weight: bold;
font-style: italic;
} 


td.logo {
background-color:#fff;

}

td.color {
background-color: #b2a690;
height: 2px;
}

td.color2 {
background-color: #251c15;
height: 2px;
}

td.color1 {
background-color: #660000;
height: 2px;
}

td.headerbg {
background-color:#251c15;
}

td.topnav {
background-color:#ffffef;
background-image: 
url('http://www.coffee-makers-et-cetera.com/images/top-bg-1.jpg');
background-repeat: no-repeat;
background-position: top left;
height: 49px;
}

td.navtop {
background-color: #5a1213;
}

td.spacerbg {
background-color:#251c15;
width: 20%;
height: 1px;
}

td.contentbg {
background-color:#e5ddd2;
border-left: 2px solid #251c15;
}


td.rightbg {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 93%;
width: 32%;
color: #000;
background-color:#e5ddd2;
border-right: 2px solid #251c15;
}

td.leftbg {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 93%;
margin-left: 3px;
background-color:#251c15;
}

td.content-bottom {
background-color:#e5ddd2;
text-align: left;
padding: 10px;
margin-left: 3px;
border-right: 2px solid #251c15;
border-left: 2px solid #251c15;
}

td.bottom {
font-size: 90%;
color:#fff;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
background-color: transparent; 
background-image: 
url('http://www.coffee-makers-et-cetera.com/images/footer-bg-1.jpg');
background-repeat: no-repeat;
background-position: top left;
height: 49px;
}


#footerbg {
font-size: 105%;
background-color:#251c15;
}
#footerbg a {font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 95%; color: #fff; text-decoration: underline;}

#footerbg a:hover {font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 95%; text-decoration: underline; color: #b2a690;}

#breadcrumb {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 75%;
}

.hbg{
background-color:#5a1213;
color:#ebe9e5;
width: auto;
border: none;
padding: 2px;
font-weight: bold;
}

a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 



#addSiteTo {
width:90%;
font-size:85%;
text-align:left;
padding:8px 0;
border:none;
margin:12px auto;
background-color: $FFFF00;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
}

#addSiteTo img {
width:91px;
border:0;
padding:1px 0;
}


/* drop down top nav*/

#navbox2 {
width: auto;
float: left;
height: auto;
margin-left: auto;
margin-right: auto;
background-color: #b2a690;
text-decoration: none;
position:relative;
z-index:500;
}

#dropnav2 {
margin: 0;
padding: 0;
}

#dropnav2  li {
list-style: none;
float: left;
text-decoration: none;
}

#dropnav2  li a {
display: block;
padding: 4px 60px; 
background-color: #5a1213;
color: #fff; 
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 11px;
font-weight: bold;
border-right: none;
border-left: none;
text-align: left;
text-decoration: none;
}

#dropnav2  li: hover a {
color: #fff; 
background-color: #fff6e7; 
}


#dropnav2  li ul {

display: none;
width: auto;
background-color: #665487; 
color: #ffffff; 
border-bottom: none;
border-left:  none;
border-right: none;
text-decoration: none;
}

#dropnav2  li li {
white-space: nowrap;
_margin-top: 0px; 
_margin-bottom: -15px; 
}

#dropnav2  li:hover ul, #dropnav  li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
margin-top: 0px;
text-decoration: none;
}

#dropnav2  li:hover li, #dropnav  li.hover li {
float: none;
}

#dropnav2  li:hover li a, #dropnav  li.hover li a {
background-color: #b2a690;
color: #ffffff; 
}


#dropnav2  li li a:hover {
background-color: none;
color: #5a1213;
}