@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
text-align:center;
color:#6F5037;
}



#maincontainer{
max-width:960;
min-width:720;
width: 840px;/* Width of main container*/
margin:1em auto 0; /*Center container on page*/
text-align:left;
color:#FFFFFF;
}



#contentwrapper{
float: left;
width: 100%;
background-image:url(800px-Roasted_coffee_beans%5B1%5D%20copy.jpg);
}

#contentcolumn{
margin: 0 190px 0 186px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color:#FFFFFF;
}

#leftcolumn{
float: left;
width: 186px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/

height:599px;
}

.fadebackground{
background-image:url(leftNav.png);
background-repeat:repeat-x;
height:150px;
margin:0px;
border-width:0px 1px;
border-color:#000000;
border-style:solid;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px;
 /*Set left margin to -(RightColumnWidth)*/
 background:none;


}

.rightcontent{
font-size:1em;
font:Arial, Helvetica, sans-serif;
line-height:1.2em;
padding:.5em .5em 0px .5em  ;
background:#2175bc;
border-bottom:1px solid #FFFFFF;
}


.rightcontent ul{
list-style:url(coffee_01_bg_031106%5B1%5D.png);
margin:0px;
padding:0px;
font:Arial, Helvetica, sans-serif;
margin:0em 0em 0em 1em;}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
font-size:.8em;
border-right:1px solid #FFFF80;
padding:0em .3em 0em .2em;
}

#footer a:hover{
color: #AAAB72;

}

.innertube{
margin: .1em; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#topsection{
background-image:url(800px-Roasted_coffee_beans%5B1%5D%20copyC.jpg);
filter:alpha(opacity=50);
opacity:.50;
text-align:left;
height:150px;}

#topsection:hover{
filter:alpha(opacity=90);
opacity:.90;}
.roundedEdges{
background:url(topLeft.png) top left no-repeat;}
.topInner{
padding:.2em .2em .2em .2em;
background:url(topRight.png) top right no-repeat;
}

#topsection h1{
color:#FFFFFF;
font:3em "Times New Roman", Times, serif;
font-weight:100;
text-decoration:none;
font-variant:small-caps; }

#topsection .hiddenText{
display:none;
font-size:.5em
}

#topsection:hover .hiddenText{
display:block;
}

#topsection img{
float:left;
margin:0;
padding:-1em 0;
filter:alpha(opacity=35);
opacity:.35;}

#topsection:hover img{
filter:alpha(opacity=100);
opacity:1;}

#contentcolumn{
}

.contentArea{
font-family:Arial, Helvetica, sans-serif;
line-height:1.5em;
font-size:.8em;
padding:2em;
background:#FFFFFF;
color:#333333;
}
.contentArea p:first-child:first-letter{
float: left;
  font: normal 60pt/0.8em Helvetica, Verdana, Arial, sans-serif;
  color: chocolate;
  margin-right: 3px;
  background-image:url(coffee82-l%5B1%5D%20copy.jpg);
  padding:.1em;
}


#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
font-weight:bold;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
/*background-color: #2586d7;
background-image:url(800px-Roasted_coffee_beans%5B1%5D%20copy.jpg);*/
background:none;
border-left-color: #1c64d1;
color:#2175bc;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
.leftContent{padding:0em 0 0 0;}

#footer a.explorer{
color:#FFFFFF;
border:0;
padding:0;
font-size:1.2em;
}
#footer a.explorer:hover{
color: #FFFF80;

}

#footer a.explorer:after{
content: url(ie7.gif);
text-decoration:none;
vertical-align:-.25em;

}
#footer a.firefox{
color:#FFFFFF;
border:0;
padding:0;
font-size:1.2em;

}

#footer a.firefox:hover{
color: #FFFF80;}

#footer a.firefox:after{
vertical-align:-.25em;
content: url(firefox.png);
text-decoration:none;
}