body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/background_dots.jpg) repeat-y top left;
}

a { color: #00CCFF
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
}

a:visited { color: #FF7B8C;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
}

a:hover { color: #FF7B8C;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
}

#footer {

}

#breadcrumb { padding:8px; color: #FFFFFFF;
}

#brand {
background-color:#FFFFFF;
width:232px;
align:right;
float:right;
padding-right:8px;
clear:both;
}

#past {
border: 1px solid #CCCCCC;
width:170px;
align:right;
padding-right:8px;
clear:both;
}

#navigation {
background-image: url(../images/bottom_bkgcoffee.jpg) no-repeat;
background-color:#FFFFFF;
height:156px;
width:979px;
}

ul#navbar {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 601px;
  height: 119px;
  background-image: url(../images/new_nav_on.gif);
  background-position: top left;
  background-repeat:no-repeat;
}

ul#navbar li {
  margin-right:0px;
  padding: 0;
  width: 100px;
  height: 119px;
  float: left;
  display:inline;
}

ul#navbar a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align:right;
  color:#FFFFFF;
  text-decoration:none;
  display: block;
  width: 100px;
  height: 119px;
  /* hover state sometimes get stuck on old browsers if no default bg image set */
  background-image: url(../images/spacer.gif);
}

ul#navbar a:hover {
color:#000066;
  background-image: url(../images/new_nav_off.gif);
}

/* saves us the trouble of adding a js preloader */
div#prelaod_navbar {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: -1px;
  background-image: url(../images/new_nav_off.gif);
}

/* all the mouseovers use the same bg image, positioned accordinly via X & Y coords  for each */

a#link1:hover { background-position: 0px 0px }
a#link2:hover { background-position: -101px 0px }
a#link3:hover { background-position: -202px 0px }
a#link4:hover { background-position: -303px 0px }
a#link5:hover { background-position: -404px 0px }
a#link6:hover { background-position: -505px 0px }

#content{
background-image: url(../images/top_bkgcoffee.jpg);
width:979px;
height: 525px;
align:center;
}

#main_content{
margin:0px;
}

form {
padding:0;
margin:0;
}

h1 {
padding:0;
margin:0;
font-size:16px;
font-weight:bold;
}

h2 {
padding:0;
margin:0;
font-size:14px;
font-weight:bold;
}

h3 {
padding:0;
margin:0;
font-size:12px;
font-weight:bold;
}

h5 {
padding:4px;
margin:0;
font-size:12px;
font-weight:bold;
background-color:#8B7E5C;
color:#FFFFFF;
}

.blue_head {
font-size:12px;
font-weight:bold;
color: #525ED9;
}