@charset "utf-8";
/* 
COMMUNITY COFFEE
CSS DOCUMENT
2007.09.19
VERSION 1.1
GLOBAL SITE STYLES 
*/

/* BASICS
----------------------------- */

html { 
	min-width: 775px;
}
body {
	font: 75% Verdana, Tahoma, Arial, Helvetica, sans-serif; 
    color: #3b3631;
    background: #9a2a00 url(/ccc/images/site/bg_body.jpg) repeat-y top center;
}
html>body { font-size: 12px; }
html>body, html>body #wrapper { height: auto !important; }

/* MISCELLANEOUS
----------------------------- */

.left { 
	float: left;
    width: auto;
}
.right { 
	float: right;
    width: auto;
}
.half {
	width: 270px;
    float: left;
}
.clear {
	clear: both;
}
.ma {
	margin: 10px;
}
.mr {
	margin-right: 10px;
}
.ml {
	margin-left: 10px;
}
.mlr {
	margin: 0 10px;
}
.mtb {
	margin: 10px 0;
}
.smalltext {
	font-size: .75em;
}
.inline { display: inline; }
.hide { display: none; }
.access { 
	position: absolute; 
    left: -9999px;
}
em {
	font-style: italic;
}
.noMargin {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1.083em;
    color: #7a0000;
    font-weight: bold;
}

/* LINKS
----------------------------- */

a:link, a:visited {
	font-weight : normal; 
	text-decoration : underline;
	color: #c74e44;
}
a:hover {
	font-weight : normal; 
	text-decoration : none;
	color: #c74e44;
}
a:active {
	font-weight : normal; 
	text-decoration : underline;
	color: #c74e44;
}
a.more {
	display: inline-block;
	background: url(/ccc/images/site/icon_more.gif) no-repeat right 2px;
	padding-right: 14px;
	width: auto;
}
a.back {
	background: url(/ccc/images/site/icon_back.gif) no-repeat 0 2px;
    padding-left: 14px;
}
a.pdf {
	background: url(/ccc/images/site/icon_pdf.gif) no-repeat right 2px;
    padding: 2px 24px 2px 0;
}

/* DIV STRUCTURE
----------------------------- */
  
#wrapper {
	width: 775px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header {
	height: 200px;
    width: 775px;
    background: #7a0000 url(/ccc/images/site/bg_header.jpg) no-repeat top center;
}
h1 a { 
    margin: 10px 0 0 25px;
    height: 180px;
    width: 185px;
    position: absolute;
    
}
/*#header h1 {
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	height: 140px;
	width: 200px;
	}
#header h1 a:link, #header h1 a:visited	{
	display: block;	
	width: 200px;
	height: 204px;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}*/
#main, #mainFull {
	clear: both;
    float: left;
	background: #efddaf url(/ccc/images/site/bg_wrapper.jpg) repeat-y top center;
    width: 775px;
    min-height: 265px;
}
#home #main {
	background: #efddaf url(/ccc/images/site/bg_body_home.jpg) no-repeat top left;
}
#sidebar {
	float: left;
	width: 177px;
	height: 100%;
	min-height: 500px;
    padding: 5px 0 0 6px;
}
#home #sidebar {
	min-height: 260px;
	width: 177px;
	padding: 5px 0 0 6px;
}
#content {
	float: left;
    height: auto;
	width: 555px;
    padding: 10px 10px 20px 15px;
}
#home #content {
    padding: 0;
}
#content #intro {
	position: absolute;
    z-index: 80;
    padding: 10px 0 10px 10px;
}
#content #intro h2 {
	background: url(/ccc/images/site/bg_intro_head.gif) no-repeat top left;
    width: 266px;
    height: 31px;
    margin: 4px 0 0 0;
}
#content #intro p {
	font-family: "Times New Roman", Times, serif;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.333em;
    margin: 1em 0;
	width: 170px;
}
#showcase {
	clear: both;
    float: left;
	width: 775px;
    height: 260px;
    background: #c08a35 url(/ccc/images/site/bg_product_slider.gif) no-repeat top center;
    padding: 0;	
}
#footer {
	clear: both;
    float: left;
    background: url(/ccc/images/site/bg_footer.jpg) no-repeat top center;
    width: 775px;
    height: auto;
    text-align: left;
}

/* NAV1
----------------------------- */

#nav1 {
	float: left;
	background: #833c05 url(/ccc/images/site/bg_nav.jpg) no-repeat top left;
    border-bottom: 1px solid #c0812b;
    height: 35px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
    font-size: .917em;
}
#nav1 ul.tabs {
	position: absolute;
	list-style: none;
	margin: 5px 0 0 9px;
	padding: 0;
	width: 766px;
	height: 30px;
}
#nav1 ul.tabs li {
	float: left;
	background: url(/ccc/images/site/bg_tab_right.gif) no-repeat top right;
    margin: 0 4px 0 0;
}
#nav1 ul.tabs li a {
	float: left;
	display: block;
	padding: 0 12px;
	background: url(/ccc/images/site/bg_tab_left.gif) no-repeat top left;
	line-height: 30px;
	text-decoration: none;
	color: #e1caac;
    font-weight: bold;
}
#nav1 ul.tabs li a.activeLink {
	color: #e1caac;
    border-bottom: 1px solid #a24904;
    background: url(/ccc/images/site/bg_tab_left.gif) no-repeat left -150px;
}
#nav1 ul.tabs li a:hover {
	color: #e1caac;
    background: url(/ccc/images/site/bg_tab_left.gif) no-repeat left -300px;
}

#nav1 ul.tabs li.active, #nav1 ul.tabs li.c {
  background: url(/ccc/images/site/bg_tab_right.gif) no-repeat right -150px;
  cursor: pointer;
}
#nav1 ul.tabs li:hover, #nav1 ul.tabs li.hover {
  background: url(/ccc/images/site/bg_tab_right.gif) no-repeat right -300px;
  cursor: pointer;
}

/* NAV2
----------------------------- */

#nav2 {
	position: relative;
	float: left;
	font-size: .917em;
    color: #e3caab;
    background-color: #a24904;
    border-bottom: 1px solid #602507;
    height: 24px;
    width: 775px;
    z-index: 100;
    font-family: Verdana, Tahoma, sans-serif;
}
#nav2 ul {
	float: left;
	margin: 0;
    padding: 0 0 0 10px;
	list-style:none;
    height: 24px;
    width: 765px;
}
#nav2 li {
	float: left;
	display: block;
    margin: 0;
    padding: 4px 10px 4px 10px;
    height: 16px;
	list-style: none;
	position: relative;
}
#nav2 a {
	color: #e1caac;
	text-decoration: none;
}
#nav2 li a:hover {
	text-decoration: underline;
}
#nav2 li:hover, #nav2 a:hover {
	background-color: #be6916;
}
#nav2 li:hover div {	
	display: block;
}
#nav2 div {
	display: none;
	top: 24px;
	left: 0;
	position: absolute;
	width: 250px;
	padding: 0 10px 5px 10px;
	margin: 0;
	border-bottom: #c5873a solid 6px;
	background: url(/ccc/images/site/bg_sub_menu.gif) no-repeat right top;
}
#nav2 div ul {
	width: auto;
	height: auto;
	display: inline;
	margin: 0 0 5px 0;
	padding: 0;
}
#nav2 div ul li {
	white-space: nowrap;
	display: inline;
	margin: 0 5px 3px 0;
	padding: 0 5px 0 0;
	height: auto;
	border-right: #fff solid 1px;
}
#nav2 div ul li a, #nav2 div ul li a:visited {
	color: #fff;
	text-decoration: underline;
}
#nav2 div ul li a:hover {
	color: #7b0002;
    text-decoration: none;
}
#nav2 ul li div ul {
            width: 245px;
}

/* NAV3
----------------------------- */

#nav3 {
	float: right;
    width: auto;
	color: #e1caac;
    margin: 8px 10px 0 0;
}
#nav3 ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
}
#nav3 li {
	display: block;
    float: left;
    margin: 0;
    padding: 0;
}
#nav3 li a, #nav3 li a:visited {
	text-decoration: none;
	color: #e1caac;
    font-weight: normal;
    font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
    font-size: .917em;
}
#nav3 li a:hover {
	text-decoration: underline;
}

/* NAV SIDEBAR
----------------------------- */

#nav_sidebar {
	font-size: .917em;
	margin: 7px 0 20px 10px;
	letter-spacing:-1px;
}
#nav_sidebar ul {
	margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}
#nav_sidebar li { 
	margin: 0 0 6px 0;
    padding: 0 0 0 10px; 
    background: url(/ccc/images/site/bg_bullet.gif) no-repeat 0 4px;
}
#nav_sidebar li ul li {
	padding: 0 0 0 10px;
}
#nav_sidebar li a:link, #nav_sidebar li a:visited {
	color: #820800;
	text-decoration: none;
    margin: 0;
    padding: 0;
}
#nav_sidebar li a:hover {
	color: #c74e44;
	text-decoration: underline;
}

/* TOOLS
----------------------------- */

#tools {
	position: relative;
    top: 83px;
    left: 525px;
    width: 250px;
    color: #f2e3d1;
}
#tools ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
}
#tools li {
	display: block;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
}
#tools li a, #tools li a:visited {
	text-decoration: none;
	color: #f2e3d1;
    font-weight: bold;
    font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
    font-size: 1em;
}
#tools li a:hover {
	text-decoration: underline;
}
#tools form {
	clear: left;
    font-size: .917em;
    font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
    padding: 0;
}
#tools label {
	float: left;
    margin: 5px 8px 0 0;
    font-size: 11px;
    font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
}
#tools input.product_search {
	float: left;
	width: 105px;
    height: 13px;
    padding: 3px;
    margin-right: 8px;
    background-color: #e9cf94;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #a00909;
    border-bottom: 1px solid #a00909;
}
#tools input.button {
	float: left;
    cursor: pointer;
    margin-top: -4px;
}
#tools ul.user_info a {
	font-weight: normal;
    font-size: 11px;
}
#tools ul.account_help {
	margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0 0 35px 0;
}
#tools ul.account_help li.banner_home {
	display: block;
    float: left;
    margin: 0 17px 0 0;
    padding: 0;
}
#tools ul.account_help li.banner_account {
	display: block;
    float: left;
    margin: 0 17px 0 0;
    padding: 0;
}
#tools ul.account_help li.banner_service {
	display: block;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
}
#tools ul.user_info {
	font-size: 11px;
    font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	clear: left;
	float: left;
	margin-top: 0;
    padding-top: 5px;
}
#tools ul.user_info a, #tools ul.user_info a:visited {
	text-decoration: underline;
}
#tools ul.user_info a:hover {
	text-decoration: none;
}
#tools ul.user_info li#welcome_message {
	float: left;
    padding: 5px 0 0 0;
    margin: 0 5px 0 0;
    width: 130px;
    /* overflow: hidden; */
    overflow: visible;
    white-space: nowrap;
    text-decoration: none;
    /* outline: 1px solid red; */
}
#tools ul.user_info li#welcome_message {
	line-height: 14px;
}
#tools ul.user_info li#welcome_message a {
	text-decoration: none;
}
#tools ul.user_info li#welcome_message a:hover {
	text-decoration: underline;
}
#tools ul.user_info li#welcome_message a.logout {
	color: #d8b166;
	text-decoration: underline;
    font-weight: bold;
}
#tools ul.user_info li#welcome_message a.logout:hover {
	text-decoration: none;
}
#tools ul.user_info li#login a {
	font-weight: bold;
	float: left;
    padding: 5px 5px 0 0;
    margin: 0 17px 0 0;
    width: 41px;
    text-align: right;
    /* outline: 1px solid red; */
}
#tools ul.user_info li a.cart_status {
	float: left;
    background: transparent url(/ccc/images/site/icon_cart.gif) no-repeat 0 1px;
    padding: 5px 0 0 24px;
    /* outline: 1px solid red; */
}

/* BUCKET
--------------------------------*/

div.bucket{
	color: #f2e3d1;
	width: 141px;
	margin: 0 0 13px 0;
	position: relative;
	overflow: visible;
	height: auto;
    font-family: Tahoma, Verdana, sans-serif;
    text-align: center;
}
#home div.bucket{
	margin: 0 0 5px 0;
}
div.bucket span.bucketHeader{
	background: url(/ccc/images/site/bg_bucket_head.gif) no-repeat top center  ;
	display: block;
	width: 171px;
	height: 22px;
}
div.bucket div.bucketBody{
	background: url(/ccc/images/site/bg_bucket_inside.gif) repeat-y;
	padding: 0 15px 1px 15px;
	width: 141px;
	height: auto;
}
div.bucket span.bucketFooter{
	background: url(/ccc/images/site/bg_bucket_foot.gif) no-repeat top center;
	display: block;
	width: 171px;
	height: 22px;
	clear: both;
}
div.bucket div.bucketBody a, div.bucket div.bucketBody a:visited {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    color: #eac97a;
    text-decoration: none;
    padding: 0 0 0 10px; 
    background: url(/ccc/images/site/bg_bullet.gif) no-repeat 0 4px;
}
div.bucket div.bucketBody a.img, div.bucket div.bucketBody a:visited.img 
{
	text-decoration: none;
    padding: 0;
    background: none;
}
div.bucket div.bucketBody a:hover {
    text-decoration: underline;
    color: #fff;
}
#sidebar div.bucket h3 {
	font-size: 1.25em;
    font-family: Georgia, "Times New Roman", Georgia, serif;
    font-weight: bold;
    color: #f0ddb0;
    text-transform: none;
    letter-spacing: normal;
    margin: 0;
    padding: 0 5px .5em 5px;
}
#sidebar div.bucket p {
    font-family: Verdana, Tahoma, sans-serif;
    margin: 0 0 .5em 0;
    padding: 0 5px;
    font-size: 1em;
    line-height: 1.16em;
}
#sidebar div.bucket form {
	margin: 0;
    padding: 0 5px;
}
#sidebar div.bucket label {
	display: block;
	margin: 0 0 4px 0;
    padding: 0;
    font-size: .917em;
    color: #f2e3d1;
    text-align: left;
}
#sidebar div.bucket input {
	width: 120px;
    height: auto;
    padding: 3px;
    margin: 0 0 5px 0;
    background-color: #e9cf94;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #a00909;
    border-bottom: 1px solid #a00909;
    text-align: left;
}
#sidebar div.bucket select {
	width: 130px;
    background-color: #e9cf94;
    border: 1px solid #e9cf94;
}
#sidebar div.bucket input.button {
    cursor: pointer;
    width: auto;
    height: auto;
    background: none;
    border: none;
    padding: 0;
    margin: 5px 0 0 100px;
}

/* ROTATING BANNER
----------------------------- */

.banner {
	position: relative;
	height: 265px;
	width: 416px;
	top: 0;
    left: 176px;
    background-color: #efddaf;
}
.banner img {	
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
}
/*ROTATING BANNER FOR COFFEE HOUSE 
---------------------------------------*/
.CHbanner {
	position: relative;
	height: 220px;
	width: 500px;
	top: 0;
    background-color: #efddaf;
}
.CHbanner img {	
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
}


/* PRODUCT SLIDER
----------------------------- */

#showcase .fl {
    float: left;
    display: block;
}
#showcase .item p {
	line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: center;
}
#showcase .item p img {
	margin-left: auto;
    margin-right: auto;
}
#showcase img {
    border: 0;
    display: block;
}
#showcase ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: .833em;
    color: #e1caac;
    font-weight: normal;
}
#showcase li {
	width: 140px;
    margin-left: auto;
    margin-right: auto;
}
#showcase li a:link, #showcase li a:visited {
	font-weight: normal;
    color: #fff;
}
#showcase .product_slider {
    position: relative;
    width: 756px;
    margin: 20px auto 0 auto;
    text-align: left;
    overflow: hidden;
}
#showcase .product_slider .messaging {
    display: block;
    padding: 5px;
    margin: 0 20px 5px 20px;
    background: #ffffcc;
}
#showcase .product_slider .prev, #showcase .product_slider .next {
    position: absolute;
    top: 34%;
    display: none;
    /* border-top: 1px solid red;
    border-bottom: 1px solid red; */
}
#showcase .product_slider .prev, #showcase .product_slider .next {
    padding: 0 0 0 0;
    height: 71px;
}
#showcase .product_slider .next { right: 0; }
#showcase .product_slider .container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#showcase .product_slider .product_items {
    /* The width must be equal to .item ((width + margin-right) * 4) */
	position: relative;
    width: 695px;
    top: 0;
    left: 30px;
    overflow: hidden;
}
#showcase .product_slider .view_all {
    font-size: .8em;
    padding: 5px;
    margin: 0 0 2px 0;
    border-top: #eeeeed 1px solid;
    border-bottom: #eeeeed 1px solid;
    text-align: center;
}
#showcase .product_slider .item {
    /* Must contain a width and a margin-right. */
	width: 163px;
    margin-right: 10px;
    height: 188px;
    text-align: center;
}
#showcase a:link, #showcase a:visited {
	text-decoration: none;
	color: #e1caac;
    font-weight: bold;
    padding-top: 5px;
}
#showcase a:hover {
	text-decoration: underline;
}
#showcase .product_slider .item img { 
	padding: 10px;
}

/* FORMS
----------------------------- */

/* hidden field fix for Firefox */
#content * input[type="hidden"] {
	display: none;
}
#content form {
	width: auto;
	padding: 10px 0 10px 0;
}
#content textarea {
    padding: 2px;
    margin-right: 4px;
    background-color: #e9cf94;
    border-top: 1px solid #d5bf8b;
    border-left: 1px solid #d5bf8b;
    border-right: 1px solid #d5bf8b;
    border-bottom: 1px solid #a00909;
}
#content form p, #content label, #content legend, #content input, #content select, #content textarea {
	font-size: 1em;
}
#content input {
	border: 1px solid;
    height: auto;
    padding: 2px;
    margin-right: 4px;
    background-color: #e9cf94;
    border-top: 1px solid #d5bf8b;
    border-left: 1px solid #d5bf8b;
    border-right: 1px solid #d5bf8b;
    border-bottom: 1px solid #a00909;
}
#content * input[type="radio"], #content * input[type="checkbox"] {
	border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
#content select {
    background-color: #e9cf94;
    padding: 3px 0 3px 0;
    margin-right: 4px;
    border-top: 1px solid #d5bf8b;
    border-left: 1px solid #d5bf8b;
    border-right: 1px solid #d5bf8b;
    border-bottom: 1px solid #a00909; 
}
#content fieldset {
	padding: 0;
	border: 1px solid #203148;
	background-color: #171f2c;
	margin-bottom: 8px;
}
#content legend {
	font-weight: bold;
	color: #fff;
}
#content label {
	display: block;
	clear: left;
	float: left;
	width: 105px;
	margin-bottom: 10px;
	padding-right: 12px;
	padding-top: 0;
	text-align: right;
    font-weight: bold;
}
#content form p.note {
	clear: left;
	width: 145px;
	margin: 0 8px 10px 118px;
	padding: 0;
	font-style: italic;
	font-size: .833em;
}
#content label.required, #content .required {
	color: #c2461a;
    font-weight: bold;
}
#content input.required, #content textarea.required {
	color: #000;
	background-color: #ffeded;
}
#content input, #content select, #content textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
}
#content input.go {
    cursor: pointer;
    width: auto;
    height: auto;
    background: none;
    border: none;
    margin: 0 0 8px 6px;
    padding: 0;
}
#content input.button {
    cursor: pointer;
    overflow: visible;
    height: auto;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
#content input.solo {
    padding: 0;
    float: none;
}
#content div.buttonrow {
	clear: left;
	float: left;
	width: 150px;
	margin: 6px 0 20px 0;
	padding: 0 15px 0 116px;
}
#content div.buttonrow input.button {
	position: relative;
	display: inline;
	margin-right: 8px;
}
#content textarea {
	width: 230px;
	height: 100px;
}
#content form br {
	clear: both;
}
#content div.searchBar {
    float: left;
    height: auto;
    width: 100%;
    margin: 8px 0 10px 0;
    padding: 0;
}
#content div.searchBar form {
    width: 540px;
    margin: 0;
    padding: 0;
}
#content div.searchBar label {
	float: left;
    margin: 0 4px 0 0;
    padding: 4px 0 0 0;
    text-align: right;
    width: auto;
}
#content div.searchBar form p.note {
	width: auto;
	margin: 0 8px 10px 0;
	padding: 0;
	font-style: italic;
	font-size: .833em;
}
#content div.advancedSearchBar input.button {
	display: block;
    float: left;
    cursor: pointer;
    width: auto;
    height: auto;
    background: none;
    border: none;
    margin: 0;
    padding: 3px 0 0 115px;
}
#content div.advancedSearchBar {
    margin: 10px 0;
    padding: 0 0 10px 0;
    float: left;
    width: 555px;
    height: auto;
    border-top: 1px solid #b15813;
    border-bottom: 1px solid #e0ae58;
    background: #f6e5ba url(/ccc/images/site/bg_advancedSearchBar.jpg) repeat-x bottom left;
}
#content div.advancedSearchBar h3.headerBlock {
    margin: 0 0 10px 0;
}
#content div.advancedSearchBar form {
	margin: 0;
    padding: 0;
}
#content div.advancedSearchBar form label {
	margin: 0;
}
#content div.advancedSearchBar form input.button {
	padding: 3px 0 0 115px;
}
#content div.advancedSearchBar div {
	float: left;
    width: 275px;
    height: 30px;
}
#content div.advancedSearchBar div input, #content div.advancedSearchBar div select {
	margin: 0;
}

/* GENERAL TYPOGRAPHY
----------------------------- */

strong { font-weight: bold; }
p { 
	font-size: 1em;
    line-height: 1.4em;
    margin: .8em 0; 
}
h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; }
h2 {
	font-size: 1.667em;
    line-height: 1em;
    margin: 0 0 .25em 0;
    font-weight: bold;
    color: #7a0000;
}
h2 a:link, h2 a:visited {
	color: #7a0000;
    text-decoration: none;
    font-weight: bold;
}
h2 a:hover {
	text-decoration: underline;
}
h2.pageTitle {
	margin-bottom: .5em;
    padding-left: 8px;
}
h3 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1.083em;
    display: block;
    margin: 1.25em 0 .5em 0;
    color: #7a0000;
    font-weight: bold;
}
h3 a:link, h3 a:visited {
	color: #7a0000;
    font-weight: bold;
    text-decoration: underline;
}
h3 a:hover {
	color: #7a0000;
	text-decoration: none;
    font-weight: bold;
}
h4 {
	color: #820800;
	font: bold 1.108em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	letter-spacing: -.08em;
}

/* DIV and CLASS SPECIFIC TYPOGRAPHY
----------------------------- */

p.title_callout {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    line-height: 1em;	
}
#sidebar h3 {
	font:bold .917em Georgia, "Times New Roman", Times, serif;
    margin: .5em 0 .75em 0;
    color: #7a0000;	
}
h3.headerBlock {
	clear: both;
	color: #fff;
    margin: 1em 0;
    padding: 0 0 0 .5em;
    line-height: 2em;
    background-color: #a24904;
}
h3.headerUnderline {
	font-size: 1.1em;
    margin: 1.5em 0 0 0;
	padding: 0 0 .2em 0;
	border-bottom: 1px solid #a24904;
    width: 99%;
}
h3.headerUnderline a:link, h3.headerUnderline a:visited {
	font-family: Tahoma, Verdana, sans-serif;
	color: #7a0000;
    font-weight: bold;
    text-decoration: none;
}
h3.headerUnderline a:hover {
	font-family: Tahoma, Verdana, sans-serif;
	color: #c74e44;
	text-decoration: none;
    font-weight: bold;
}
#content img.large {
	margin: 10px 0;
}
#content img.small {
	margin: 5px 10px 10px 10px;
}
#content ul {
	margin: 1em 0 0 0;
    padding: 0;
    list-style: none;
}
#content ul li {
	margin: 0 15px .75em 15px;
	padding-left: 20px;
    background: url(/ccc/images/site/icon_bullet.gif) no-repeat 0 1px;
}
#content.sitemap ul {
	margin: .5em 0 .5em 0;
}
#content.sitemap ul li {
	font-size: 11px;
    margin: 0 15px .5em 15px;
}
#footer p {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: .917em;
    color: #cbae80;
    line-height: 1em;
}
#footer a:link, #footer a:visited {
	color: #cbae80;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer p.left {
	padding-left: 10px;
}
#footer p.right {
	padding-right: 10px;
}

/* LANDING PAGE STYLES
----------------------------- */

#content_full {
	float: left;
    height: auto;
	width: 606px;
    padding: 10px 85px 20px 85px;
}
.subtext {
	font-size: .8em;
}
.subtext ul li {
	list-style: disc;
    list-style-position: inside;
    margin-bottom: 6px;
}
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }