/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body {
	text-align: center;
	background-color: #EEEEEE;
	font-family: arial, helvetica, sans-serif;
	font-size: .8em;
	color: #333;
	margin: 10px auto;
}
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 {  }
h2 {  }
h3 {  }
p { margin: 1em 0; line-height: 1.3; }
a { color: #3464B2; }
a:hover { text-decoration: none; color: #251200; }


/* Reusable Classes
----------------------------------------- */

.more_link { display: inline; padding-right: 12px; font-weight: bold; }
.more_link a { color: #3366CC; text-decoration: none; }
.more_link a:hover { color: #251200; }
.callout {margin-left:120px; padding:3px; border:1px dashed #999; background-color:#ECEBDA; text-align:center; color:inherit; width:200px; }


/* Wrapper
----------------------------------------- */

#wrapper { width: 750px; text-align: left; background: #FFFFFF; margin: 0 auto; border: 1px solid #251200; border-bottom-width: 3px; border-top: 0; }


/* Header
----------------------------------------- */

#header { text-indent: -9999px; width: 750px; height: 230px; background: url(../images/header_2007.jpg) no-repeat; display: block; }


/* Nav
----------------------------------------- */

#nav { background: #CCCCCC; width: 750px; text-align: center; padding: 7px 0; border-bottom: 1px solid #FF0000; }
#nav li { display: inline; }
#nav li a { color: #EEEEEE; text-decoration: none; font-weight: bold; padding: 0 12px; }
#nav li a:hover { color: #FFFF00; }
#nav li a.active { border: 1px solid #FF0000; color: #EEE; }

 /* Images
----------------------------------------- */
.roaster {float:right; border:1px solid #555; margin-left:10px; }
.best {float:right; padding:10px; }

/* Tier1
----------------------------------------- */

#tier1 { padding: 10px 0 10px 70px; border-bottom: 1px dotted #251200; /* background: url(images/bkgd_tier1.gif) repeat-y; */ }
#tier1 h2 { font-size: 120%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
#tier1 h2 a { color: #003366; text-decoration: none; }
#tier1 h2 a:hover { color: #251200; }

#tier1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */


/* Tier1 Column1
----------------------------------------- */

#tier1 .column1 {
	width: 110px;
	float: left;
	padding-left: 15px;
	height: 140px;
	position: relative;
	left: -75px;
}
#tier1 .column1 img { float: right; }

#column1 ul { margin: 1em 10px 1.5em; }
#column1 li { margin: 0 0 10px 0; padding-left: 15px; }


/* Tier1 Column2
----------------------------------------- */

#tier1 .column2 { width: 520px; margin-left: 65px; }
#tier1 .column2 ul { margin: 1em 0 1.5em; }
#tier1 .column2 li { margin: 0 0 10px 0;  padding-left: 13px; }


/* Tier2
----------------------------------------- */

#tier2 { padding: 20px 0 20px 30px; border-bottom: 1px dotted #251200; }
#tier2 h2 { font-size: 110%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
#tier2 h2 a { color: #003366; text-decoration: none; }
#tier2 h2 a:hover { color: #251200; }
#tier2 p { font-size: 90%; line-height: 1.2; }
#tier2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */


/* Tier2 Column1
----------------------------------------- */

#tier2 .column1 { width: 186px; padding-right: 10px; float: left; }
#tier2 .column1 img { float: right; padding-left: 5px; }


/* Tier2 Column2
----------------------------------------- */

#tier2 .column2 { width: 175px; float: left; padding: 0 20px; border-left: 1px dotted #251200; }


/* Tier2 Column3
----------------------------------------- */

#tier2 .column3 { width: 300px; margin-left: 415px; }
#tier2 .column3 dl { margin: 0 10px; }
#tier2 .column3 dt { color: #251200; padding: 5px 15px 10px 40px; font-family: Georgia, Times New Roman, Times, serif; font-size: 110%; font-style: italic; line-height: 1.4; }
#tier2 .column3 dd { font-size: 85%; color: #003366; text-align: right; padding-right: 40px; }
#tier2 .column3 dd.name { font-weight: bold; }
 
 
 /* Content
----------------------------------------- */

#content { padding: 20px 30px; border-bottom: 1px dotted #251200; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
#content h2 { font-size: 120%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #003366; }
#content h3 { font-size: 110%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #333; margin:15px 0 0 0; }


 /* Content Column1
----------------------------------------- */

#content #column1 { width: 500px; float: left; }


 /* Content Column2
----------------------------------------- */

#content #column2 { margin-left: 550px; }
#sidebar_quote { font-size: 90%; padding-top: 16px; }
#sidebar_quote dt { background: #FFF; padding: 0 15px 16px; color: #251200; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; line-height: 1.2; }
#sidebar_quote dd { text-align: right; padding-right: 20px; color: #97622F; }
#sidebar_quote dd.name { padding-top: 15px; font-weight: bold; }
#sidebar_offer { font-size: 90%; margin-bottom: 40px; }
#sidebar_offer img { float: right; }
#sidebar_offer h3 { font-size: 110%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
#sidebar_offer p { margin: .5em 0; }
#sidebar_offer h3 a { color: #97622F; text-decoration: none; }
#sidebar_offer h3 a:hover { color: #251200; }
 

 /* Footer
----------------------------------------- */

#footer { text-align: center; margin: 1.2em 0; }
#footer p { margin: 0; color: #666; font-size: 85%; line-height: 1.2; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer_nav { margin: 0 0 1em 0; }
#footer_nav li { display: inline; padding: 0 10px 0 20px; }
#footer_nav li.first { background: none; }
#footer_nav li a { color: #251200; text-decoration: none; }



.title {
  float: left;
  padding: 1em 30px 0 2em;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  line-height: 0.75em;
  letter-spacing: -0.15em;
  color: #003366;
}

.subTitle {
  display: block;
  font-size: 0.4em;
  text-transform: lowercase;
  line-height: 1.2em;  
  letter-spacing: 0.01em;
}
h1
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:		17px;
  color:			#003366;
}
h3
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:		15px;
  color:			#003366;
}
h4
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:		14px;
  color:			#003366;
}
.header, .subHeader {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 0.8em;
  text-transform: none;
  color: #993300;
  border-bottom: 1px solid #AAA;    
}

.bodyheader {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 2 em;
  text-transform: uppercase;
  color: #990000;
  border-bottom: 1px solid #AAA;    
}

.categoryheader {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #003366; 
  padding: 0px;
  font-family: verdana, sans-serif;
}

.subHeader {
  border: 0px;
  color: #003366; 
  padding: 0px;
  font-family: verdana, sans-serif;
}