html, body {
	color: #666;
	height: 100%;
	text-align: center;
	background: #fff url(images/bg_site.gif) repeat-x;
}

* {margin: 0px; padding: 0px;}

img, div {
	behavior: url(iepngfix.htc);
}
    
#container {
	width: 781px;
	height: auto;
	min-height: 600px;
	padding-bottom: 0px;
	margin: 0px auto 20px;
	text-align: center;
}

#masthead {
	width: 781px;
	height: 86px;;
}

#topnav {
	width: 781px;
	height: 72px;
	background-color: #fff;
}

.leftnav {
	margin: 0px 25px 20px 35px;
}

.leftnav ul {
	padding-top: 20px;
}

.leftnav ul li {
	list-style-type: none;
	margin-bottom: 10px;
	font: bold 11px/13px verdana, arial, sans-serif;
}

.leftnav ul li ul {
	padding-top: 5px;
	margin-left: 15px;
}

.leftnav ul li ul li {
	list-style-type: none;
	margin-bottom: 8px;
	font: 10px/11px verdana, arial, sans-serif;
}


.leftnav ul li a:link {
	color: #ff6600;
	font: bold 11px/13px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li a:hover {
	color: #fff;
	font: bold 11px/13px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li a:active {
	color: #fff;
	font: bold 11px/13px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li a:visited {
	color: #ff6600;
	font: bold 11px/13px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li a:visited:hover {
	color: #fff;
	font: bold 11px/13px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li a:link.selected {
	color: #fff;
	font: bold 11px/13px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li a:visited.selected {
	color: #fff;
	font: bold 11px/13px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li ul li a:link {
	color: #ff6600;
	font: 10px/11px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li ul li a:hover {
	color: #fff;
	font: 10px/11px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li ul li a:active {
	color: #fff;
	font: 10px/11px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li ul li a:visited {
	color: #ff6600;
	font: 10px/11px verdana, arial, sans-serif;
	text-decoration: none;
}


.leftnav ul li ul li a:visited:hover {
	color: #fff;
	font: 10px/11px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav ul li ul li a:link.selected {
	color: #fff;
	font: 10px/11px verdana, arial, sans-serif;
	text-decoration: none;
}

.leftnav a:visited.selected {
	color: #fff;
	font: 10px/11px verdana, arial, sans-serif;
	text-decoration: none;
}

/* @group HOMEPAGE */

#photoandnews {
	width: 781px;
	height: 386px;
	background-color: #fff;
}

#photorotation {
	width: 550px;
	height: 386px;
	float: left;
	display: inline;
	background-color: #d2f0fe;
	z-index: -1;
}

#joesblog {
	width: 231px;
	height: 386px;
	float: right;
	display: inline;
	background-color: #523414;
	background-image: url(images/joesblog_homebg.jpg);
	text-align: left;
}

.blogheader h1 {
	color: #cccc99;
	font: 24px/24px Georgia, "Times New Roman", Times, serif;
	margin-top: 30px;
	margin-left: 25px;
	margin-right: 20px;
	padding-bottom: 10px;
}

.blogentry {
	text-align: left;
	color: #cccc99;
	font: 11px/14px verdana, arial, sans-serif;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 20px;
	padding-bottom: 10px;
}

.blogentry h1 {
	font: bold 11px/14px verdana, arial, sans-serif;
	color: #ff6600;
	padding-bottom: 2px;
}

.blogentry h1 a:link {
	color: #ff6600;
	text-decoration: none;
}

.blogentry h1 a:visited {
	color: #ff6600;
	text-decoration: none;
}

.blogentry h1 a:hover {
	color: #fff;
	text-decoration: none;
}

.blogentry h1 a:active {
	color: #fff;
	text-decoration: none;
}

.blogentry h1 a:visited:hover {
	color: #fff;
	text-decoration: none;
}

.blogentry a:link {
	color: #cccc99;
	text-decoration: underline;
}

.blogentry a:visited {
	color: #cccc99;
	text-decoration: underline;
}

.blogentry a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.blogentry a:active {
	color: #ff6600;
	text-decoration: underline;
}

.blogentry a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.moreposts {
	text-align: left;
	color: #cccc99;
	font: 11px/14px verdana, arial, sans-serif;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 20px;
	padding-bottom: 10px;
}

.moreposts a:link {
	color: #ff6600;
	text-decoration: underline;
}

.moreposts a:visited {
	color: #ff6600;
	text-decoration: underline;
}

.moreposts a:hover {
	color: #fff;
	text-decoration: underline;
}

.moreposts a:active {
	color: #fff;
	text-decoration: underline;
}

.moreposts a:visited:hover {
	color: #fff;
	text-decoration: underline;
}

#joesinfo {
	width: 781px;
	height: 220px;
	background-color: #fff;
	clear: both;
	text-align: left;
}

#cancan {
	position: absolute;
	top: 442px;
	z-index: 400;
/* Mozilla ignores crazy MS image filters, so it will skip the following 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/slideshow/cup_iso.png');*/
}

.joesinfotext {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin-left: 251px;
	margin-right: 42px;
	padding-top: 28px;
	padding-bottom: 32px;
}

.joesinfotext h1 {
	color: #663300;
	font: 24px Georgia, "Times New Roman", Times, serif;
	display: inline;
	margin-right: 3px;
}

#fanclub {
	width: 781px;
	height: 63px;
	background: #fff url(images/bg_dot.gif) repeat-x;
}

.fanclubintro {
	float: left;
	display: inline;
}

.fanclubintro h1 {
	color: #ff6600;
	font: 22px Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
	margin-left: 30px;
}

.fanclubtext {
	float: left;
	display: inline;
	color: #333;
	font: 10px/12px verdana, arial, sans-serif;
	margin-top: 23px;
	margin-left: 20px;
}

.emailform {
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 18px;
}

.emailsubmit {
	width: 90px;
	height: 19px;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 0;
	background: #ff6600 url(images/button_submit.gif) no-repeat center top;
}

.emailsubmit:focus, .emailsubmit:hover {
	width: 90px;
	height: 19px;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 0;
	background: #666 url(images/button_submit.gif) no-repeat center bottom;
}


#callouts {
	clear: both;
	width: 553px;
	height: 239px;
	float: left;
	display: inline;
	background-color: #fff;
}

#fuelcard {
	width: 273px;
	height: 120px;
	float: left;
	display: inline;
	background: #fff url(images/box_fuelcard.jpg) no-repeat left top;
}

.fuelcardtext {
	text-align: left;
	color: #333;
	font: 10px/14px verdana, arial, sans-serif;
	margin-left: 30px;
	margin-top: 20px;
}

.fuelcardtext h1 {
	color: #663300;
	font: 22px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
}

.fuelcardtext a:link {
	color: #663300;
	text-decoration: underline;
}

.fuelcardtext a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.fuelcardtext a:active {
	color: #ff6600;
	text-decoration: underline;
}

.fuelcardtext a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.fuelcardtext a:visited {
	color: #663300;
	text-decoration: underline;
}

#subscription {
	width: 280px;
	height: 120px;
	float: right;
	display: inline;
	background: #fff url(images/box_subscribe.jpg) no-repeat left top;
}

.subscriptiontext {
	text-align: left;
	color: #333;
	font: 10px/14px verdana, arial, sans-serif;
	margin-left: 17px;
	margin-top: 20px;
}

.subscriptiontext h1 {
	color: #663300;
	font: 22px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
}

.subscriptiontext a:link {
	color: #663300;
	text-decoration: underline;
}

.subscriptiontext a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.subscriptiontext a:active {
	color: #ff6600;
	text-decoration: underline;
}

.subscriptiontext a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.subscriptiontext a:visited {
	color: #663300;
	text-decoration: underline;
}

#beanteam {
	width: 553px;
	height: 118px;
	clear: both;
	background: #fff url(images/box_beanteam.jpg) no-repeat left top;
}

.beanteamtext {
	text-align: left;
	color: #333;
	font: 10px/14px verdana, arial, sans-serif;
	margin-left: 30px;
	padding-top: 20px;
}

.beanteamtext h1 {
	color: #663300;
	font: 22px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
}

.beanteamtext a:link {
	color: #663300;
	text-decoration: underline;
}

.beanteamtext a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.beanteamtext a:active {
	color: #ff6600;
	text-decoration: underline;
}

.beanteamtext a:visited {
	color: #663300;
	text-decoration: underline;
}

.beanteamtext a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

#ad {
	width: 228px;
	height: 239px;
	float: right;
	display: inline;
	background-color: #4f4f4f;
}

/* @end */

/* @group ABOUT */

#leftnav_about {
	width: 180px;
	height: 504px;
	float: left;
	display: inline;
	background: url(images/nav_bg_tinoverlap3.jpg) no-repeat left -82px;
	text-align: left;
}

#content_about {
	width: 601px;
	height: auto;
	min-height: 800px;
	float: right;
	display: inline;
	background-color: #fff;
}

#intro_about {
	width: 601px;
	height: 285px;
	background: #cfd2cb;
	text-align: left;
}

#about_slideshow {
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
}

#charliemustard {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/c_mustard.jpg) no-repeat left top;
}

#main_about {
	width: 601px;
	height: auto;
	min-height: 500px;
	background: url(images/contentbg_02.jpg) no-repeat;
	text-align: left;
	clear: both;
}

.maintext_about {
	margin: 0 30px 30px;
	padding-top: 30px;
}

.maintext_about p {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 15px;
	margin-right: 30px;
}

.maintext_about h1 {
	color: #f5821a;
	font: 21px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.maintext_about h2 {
	color: #663300;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-bottom: 5px;
}

.maintext_about a:link {
	color: #ff6600;
	text-decoration: none;
}

.maintext_about a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.maintext_about a:active {
	color: #ff6600;
	text-decoration: underline;
}

.maintext_about a:visited {
	color: #ff6600;
	text-decoration: none;
}

.maintext_about a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

/* @end */

/* @group FUNDRAISING */

#leftnav_fundraising {
	width: 180px;
	height: 307px;
	float: left;
	display: inline;
	background: url(images/nav_bg_burlap.jpg) no-repeat left 71px;
	text-align: left;
}

#content_fundraising {
	width: 601px;
	height: auto;
	min-height: 800px;
	float: right;
	display: inline;
	background-color: #fff;
}

#ordernow {
	position: absolute;
	top: 488px;
	width: 465px;
	height: 135px;
	margin-left: 119px;
	z-index: 2;
	background: url(images/fund_ordernow.gif) no-repeat left top;
}

.orderdropdown {
	margin-left: 160px;
	padding-top: 45px;
	float: left;
	display: inline;
}

.selectschool {
	width: 250px;
}

.almostready {
	margin-top: 290px;	
	margin-right: 30px;
	margin-left: 15px;
	text-align: left;
	color: #333;
	font: 10px/14px verdana, arial, sans-serif;
}

.almostreadylogo {
	margin-bottom: 15px;
}

.almostready h1 {
	color: #663300;
	font: 22px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
}

.almostready a:link {
	color: #663300;
	text-decoration: underline;
}

.almostready a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.almostready a:active {
	color: #ff6600;
	text-decoration: underline;
}

.almostready a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.almostready a:visited {
	color: #663300;
	text-decoration: underline;
}

#intro_fundraising {
	width: 601px;
	height: 387px;
	background: #f9ee92 url(images/paper_bg.jpg) no-repeat left top;
	text-align: left;
}

#intro_bikeathens {
	width: 601px;
	height: 387px;
	background: #ddd url(images/athens_bg.jpg) no-repeat left top;
	text-align: left;
}

#intro_affinitybean {
	width: 601px;
	height: 387px;
	background: #faf8ec url(images/diploma_bg.jpg) no-repeat left top;
	text-align: left;
}

.introtext {
	width: 390px;
	height: auto;
	float: left;
	display: inline;
}

.introtext h1 {
	padding-top: 25px;
	color: #f5821a;
	font: 21px/28px Georgia, "Times New Roman", Times, serif;
	margin-left: 40px;
}

.introtext h2 {
	color: #663300;
	font: italic 16px/20px Georgia, "Times New Roman", Times, serif;
	margin-left: 40px;
	padding-bottom: 12px;
}

.introtext p {
	color: #000;
	font: 14px/20px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-top: 10px;
	margin-left: 40px;
}

.introtext a:link {
	color: #663300;
	text-decoration: underline;
}

.introtext a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.introtext a:active {
	color: #ff6600;
	text-decoration: underline;
}

.introtext a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.introtext a:visited {
	color: #663300;
	text-decoration: underline;
}
.introimage {
	width: 211px;
	height: auto;
	float: left;
	display: inline;
}

#main_fundraising {
	width: 601px;
	height: auto;
	min-height: 500px;
	background: url(images/contentbg_01.jpg) no-repeat;
	text-align: left;
	clear: both;
}

#main_fundraising h1 {
	color: #f5821a;
	font: 21px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.howitworks h2, .whyjitteryjoes h2, .infoforschools h2 {
	color: #663300;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	margin-top: -10px;
	margin-bottom: 15px;
}

.howitworks p, .whyjitteryjoes p, .infoforschools p {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 15px;	
}

.howitworks {
	padding-top: 90px;
	margin-bottom: 40px;
	margin-left: 40px;
}


.howitworks blockquote {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin: -21px 90px 20px 55px;
}

.whyjitteryjoes {
	margin-bottom: 40px;
	margin-left: 40px;
	margin-right: 90px;
}

.infoforschools {
	margin-bottom: 60px;
	margin-left: 40px;
	margin-right: 90px;
}

.steps {
	color: #663300;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
}

.fuelimage {
	margin-right: -50px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.toolkit {
	margin-bottom: 60px;
	margin-left: 40px;
	margin-right: 90px;	color: #333;
	font: 11px/18px Helvetica, Arial, Verdana, "Sans Serif";
}

.toolkit h2 {
	color: #663300;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-bottom: 10px;
}

.toolkit p {
	margin-bottom: 5px;
	font: 11px/18px Helvetica, Arial, Verdana, "Sans Serif";
}

.toolkit a:link {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #ccc;
	padding-top: 1px;
}

.toolkit a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #ccc;
	background-color: #fda941;
	padding-top: 1px;
}

.toolkit a:active {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #ccc;
	padding-top: 1px;
}

.toolkit a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #ccc;
	padding-top: 1px;
}

.toolkit a:visited:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #ccc;
	padding-top: 1px;
	background-color: #fda941;
}

/* @end */

/* @group CYCLING */

#cycling_can {
	position: absolute;
	top: 315px;
	width: 164px;
	height: 203px;
	margin-left: 593px;
	z-index: 2;
}

#leftnav_cycling {
	width: 180px;
	height: 504px;
	float: left;
	display: inline;
	background: url(images/nav_bg_cycling.jpg) no-repeat left 71px;
	text-align: left;
}

.gearpromo {
	width: 180px;
	height: 231px;
	background-image: url(images/gear_promobg.jpg);
	margin-top: 300px;
}

.gearpromotext {
	text-align: left;
	color: #333;
	font: 10px/14px verdana, arial, sans-serif;
	margin-left: 30px;
	margin-top: 20px;
}

.gearpromotext h1 {
	color: #663300;
	font: 22px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
}

.gearpromotext a:link {
	color: #663300;
	text-decoration: underline;
}

.gearpromotext a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.gearpromotext a:active {
	color: #ff6600;
	text-decoration: underline;
}

.gearpromotext a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.gearpromotext a:visited {
	color: #663300;
	text-decoration: underline;
}

#content_cycling {
	width: 601px;
	height: auto;
	min-height: 800px;
	float: right;
	display: inline;
	background-color: #fff;
}

#intro_cycling {
	width: 601px;
	height: 285px;
	background: #cfd2cb;
	text-align: left;
}

#cycling_slideshow {
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
}

#support {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/tinroof_rusted.jpg) no-repeat left top;
}

.supporttext {
	margin: 15px 30px 20px 25px;
	text-align: left;
	color: #cccc99;
	font: 11px/15px verdana, arial, sans-serif;
}

.supporttext a:link {
	color: #cccc99;
	text-decoration: underline;
}

.supporttext a:visited {
	color: #cccc99;
	text-decoration: underline;
}

.supporttext a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.supporttext a:active {
	color: #ff6600;
	text-decoration: underline;
}

.supporttext a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.supporttext h1 {
	color: #f5821a;
	font: 21px/26px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

#main_cycling {
	width: 601px;
	height: auto;
	min-height: 500px;
	background: url(images/contentbg_02.jpg) no-repeat;
	text-align: left;
	clear: both;
}

.maintext_cycling {
	margin: 0 30px 30px;
	padding-top: 30px;
}

.maintext_cycling p {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 15px;
	margin-right: 30px;
}

.maintext_cycling h1 {
	color: #f5821a;
	font: 21px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}



.maintext_cycling h2 {
	color: #663300;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	margin-top: -10px;
	margin-bottom: 15px;
}

/* @end */

/* @group LOCATIONS */

#joes_mug {
	position: absolute;
	top: 335px;
	width: 196px;
	height: 207px;
	margin-left: 585px;
	z-index: 2;
}

#leftnav_locations {
	width: 180px;
	height: 300px;
	float: left;
	display: inline;
	background: url(images/nav_bg_chalkboard.jpg) no-repeat left -85px;
	text-align: left;
}

#content_locations {
	width: 601px;
	height: auto;
	min-height: 800px;
	float: right;
	display: inline;
	background-color: #fff;
}

#intro_locations {
	width: 601px;
	height: 285px;
	background: #cfd2cb;
	text-align: left;
}

#cycling_slideshow {
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
}

#support {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/tinroof_rusted.jpg) no-repeat left top;
}

.wifipromo {
	margin-top: 135px;
	margin-left: 15px;
}

.wifipromocopy {
	text-align: left;
	color: #333;
	font: 10px/14px verdana, arial, sans-serif;
	margin-left: 40px;
	margin-top: 20px;
}

.wifipromocopy h1 {
	color: #663300;
	font: 22px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
}

.wifipromocopy a:link {
	color: #663300;
	text-decoration: underline;
}

.wifipromocopy a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.wifipromocopy a:active {
	color: #ff6600;
	text-decoration: underline;
}

.wifipromocopy a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.wifipromocopy a:visited {
	color: #663300;
	text-decoration: underline;
}

.supporttext {
	margin: 15px 30px 20px 25px;
	text-align: left;
	color: #cccc99;
	font: 11px/15px verdana, arial, sans-serif;
}

.supporttext a:link {
	color: #cccc99;
	text-decoration: underline;
}

.supporttext a:visited {
	color: #cccc99;
	text-decoration: underline;
}

.supporttext a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.supporttext a:active {
	color: #ff6600;
	text-decoration: underline;
}

.supporttext a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.supporttext h1 {
	color: #f5821a;
	font: 21px/26px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

#main_locations {
	width: 601px;
	height: auto;
	min-height: 500px;
	background: url(images/contentbg_02.jpg) no-repeat;
	text-align: left;
	clear: both;
}



.maintext_locations h1 {
	color: #f5821a;
	font: 21px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.maintext_locations {
	margin: 0 30px 30px;
	padding-top: 60px;
}

.maintext_locations p {
	font: 11px/18px verdana, arial, sans-serif;
	color: #333;
	margin-bottom: 15px;
	margin-right: 30px;
}

.loc_main h1 {
	color: #663300;
	font: 4px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.loc_main h1.city {
	color: #663300;
	font: 24px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 15px;
}

.locmaindividerfirst h1.city {
	color: #663300;
	font: 24px/28px Georgia, "Times New Roman", Times, serif;
	padding-top: 20px;
	margin-bottom: 15px;
}

.locmaindivider h1.city {
	color: #663300;
	font: 24px/28px Georgia, "Times New Roman", Times, serif;
	padding-top: 20px;
	margin-bottom: 15px;
}

.loc_main h2 {
	color: #ff6600;
	font: bold 12px/18px verdana, arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}

.loc_main {
	width: 275px;
	min-height: 100px;
	height: auto;
	float: left;
	font: 11px/18px verdana, arial, sans-serif;
	color: #333;
}

.loc_secondary {
	width: 230px;
	min-height: 100px;
	height: auto;
	float: left;
	padding-top: 0px;
	margin-left: 20px;
}

.locmaindividerfirst {
	clear: both;
	height: auto;
	width: 530px;
	margin-bottom: 20px;
}

.locmaindivider {
	clear: both;
	height: auto;
	width: 530px;
	margin-bottom: 20px;
	background: url(images/city_divider.jpg) repeat-x left top;
}

.locdotlinediv {
	clear: both;
	height: 3px;
	width: 530px;
	margin-bottom: 20px;
	background: url(images/bg_dot.gif) repeat-x left top;
}

.loc_main a:link {
	color: #ff6600;
	text-decoration: underline;
}

.loc_main a:visited {
	color: #ff6600;
	text-decoration: underline;
}

.loc_main a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.loc_main a:active {
	color: #ff6600;
	text-decoration: underline;
}

.loc_main a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.loc_secondary a:link {
	color: #ff6600;
	text-decoration: underline;
}

.loc_secondary a:visited {
	color: #ff6600;
	text-decoration: underline;
}

.loc_secondary a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.loc_secondary a:active {
	color: #ff6600;
	text-decoration: underline;
}

.loc_secondary a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

/* @end */

/* @group FRANCHISE */


#frosty_joe {
	position: absolute;
	top: 265px;
	width: 164px;
	height: 203px;
	margin-left: 593px;
	z-index: 2;
}

#leftnav_franchise {
	width: 180px;
	height: 350px;
	float: left;
	display: inline;
	background: url(images/nav_bg_franchise.jpg) no-repeat left 71px;
	text-align: left;
}

#content_franchise {
	width: 601px;
	height: auto;
	min-height: 800px;
	float: right;
	display: inline;
	background-color: #fff;
}

#intro_franchise {
	width: 601px;
	height: 285px;
	background: #cfd2cb;
	text-align: left;
}

#espresso {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/espresso_shots.jpg) no-repeat left top;
}

#microroast {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/micro_roaster.jpg) no-repeat left top;
}

#mugpastries {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/mug_bagel.jpg) no-repeat left top;
}

#population {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/chalk_board.jpg) no-repeat left top;
}

#coffeerings {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/coffeering_tin.jpg) no-repeat left top;
}

#franchise_slideshow {
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
}

#main_franchise {
	width: 601px;
	height: auto;
	min-height: 500px;
	background: url(images/contentbg_02.jpg) no-repeat;
	text-align: left;
	clear: both;
}

.maintext_franchise {
	margin: 0 30px 30px;
	padding-top: 30px;
}

.maintext_franchise p {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 15px;
	margin-right: 30px;
}

.maintext_franchise ul {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 5px;
	margin-left: 50px;
	margin-top: 10px;
}

.maintext_franchise h1 {
	color: #f5821a;
	font: 21px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.maintext_franchise h2 {
	color: #663300;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	margin-bottom: 0px;
}

.maintext_franchise a:link {
	color: #ff6600;
	text-decoration: none;
}

.maintext_franchise a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.maintext_franchise a:active {
	color: #ff6600;
	text-decoration: underline;
}

.maintext_franchise a:visited {
	color: #ff6600;
	text-decoration: none;
}

.maintext_franchise a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

/* @end */

/* @group OUR COFFEE */

#coffee_mug {
	position: absolute;
	top: 285px;
	width: 164px;
	height: 203px;
	margin-left: 593px;
	z-index: 2;
}

#leftnav_ourcoffee {
	width: 180px;
	height: 350px;
	float: left;
	display: inline;
	background: url(images/nav_bg_grounds.jpg) no-repeat left 71px;
	text-align: left;
}

#content_ourcoffee {
	width: 601px;
	height: auto;
	min-height: 800px;
	float: right;
	display: inline;
	background-color: #fff;
}

#coffee_slideshow {
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
}

#intro_ourcoffee {
	width: 601px;
	height: 285px;
	background: #cfd2cb;
	text-align: left;
}

#bythepound {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/coffee_bypound.jpg) no-repeat left top;
}

#coffeecherries {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/coffee_cherries.jpg) no-repeat left top;
}

#fuel {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/chalk_board.jpg) no-repeat left top;
}

.fueltext {
	margin: 15px 30px 20px 25px;
	text-align: left;
	color: #cccc99;
	font: 11px/15px verdana, arial, sans-serif;
}

.fueltext a:link {
	color: #cccc99;
	text-decoration: underline;
}

.fueltext a:visited {
	color: #cccc99;
	text-decoration: underline;
}

.fueltext a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.fueltext a:active {
	color: #ff6600;
	text-decoration: underline;
}

.fueltext a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

.fueltext h1 {
	color: #f5821a;
	font: 21px/26px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

#franchise_ourcoffee {
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
}

#main_ourcoffee {
	width: 601px;
	height: auto;
	min-height: 500px;
	background: url(images/contentbg_02.jpg) no-repeat;
	text-align: left;
	clear: both;
}

.maintext_ourcoffee {
	margin: 0 30px 30px;
	padding-top: 30px;
}

.maintext_ourcoffee p {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 15px;
	margin-right: 30px;
}

.maintext_ourcoffee a:link {
color: #ff6600;
text-decoration: none;
}
.maintext_ourcoffee a:hover {
color: #ff6600;
text-decoration: underline;
}
.maintext_ourcoffee a:active {
color: #ff6600;
text-decoration: underline;
}
.maintext_ourcoffee a:visited {
color: #ff6600;
text-decoration: none;
}
.maintext_ourcoffee a:visited:hover {
color: #ff6600;
text-decoration: underline;
}

.maintext_ourcoffee h1 {
	color: #f5821a;
	font: 21px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.maintext_ourcoffee h2 {
	color: #663300;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	margin-bottom: 5px;
}

.blendinfo {
	clear: both;
	border-bottom: 1px solid #c8c8c8;
	float: left;
	padding-bottom: 10px;
	padding-top: 20px;
	width: 541px;
}

.blendinfo p {
	width: 395px;
}

.buy {
	text-align: right;
	color: #ffffff;
}

.buy a:link {
	font: bold 10px verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #ff6600;
	padding: 2px;
	text-decoration: none;
}

.buy a:hover {
	font: bold 10px verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #666666;
	padding: 2px;
	text-decoration: none;
}

.buy a:active {
	font: bold 10px verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #666666;
	padding: 2px;
	text-decoration: none;
}

.buy a:visited {
	font: bold 10px verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #ff6600;
	padding: 2px;
	text-decoration: none;
}

.buy a:visited:hover {
	font: bold 10px verdana, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #666666;
	padding: 2px;
	text-decoration: none;
}

.canimg {
	float: right;
	clear: both;	
}

.roast {
	color: #999999;
	font: 10px verdana, arial, sans-serif;
	letter-spacing: 1px;
	text-align: right;
	margin-left: 20px;
}

.roast strong {
	color: #663300;
	font-weight: normal;	
}

.maintext_ourcoffee h3 {
	color: #f5821a;
	font: bold 12px/18px verdana, arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
}

/*.maintext_ourcoffee blink {
	color: #e40620;
}

.maintext_ourcoffee a:link {
	color: #ff6600;
	text-decoration: none;
}

.maintext_ourcoffee a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.maintext_ourcoffee a:active {
	color: #ff6600;
	text-decoration: underline;
}

.maintext_ourcoffee a:visited {
	color: #ff6600;
	text-decoration: none;
}

.maintext_ourcoffee a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}
*/
/* @end */

/* @group WHOLESALE */


#wholesale_can {
	position: absolute;
	top: 295px;
	width: 164px;
	height: 203px;
	margin-left: 593px;
	z-index: 2;
}

#leftnav_wholesale {
	width: 180px;
	height: 350px;
	float: left;
	display: inline;
	background: url(images/nav_bg_tinoverlap2.jpg) no-repeat left 71px;
	text-align: left;
}

#content_wholesale {
	width: 601px;
	height: auto;
	min-height: 800px;
	float: right;
	display: inline;
	background-color: #fff;
}

#intro_wholesale {
	width: 601px;
	height: 285px;
	background: #cfd2cb;
	text-align: left;
}

#wholesale_slideshow {
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
}

#coffee {
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: url(images/coffee_grindon.jpg) no-repeat left top;
}

.maintext_ourcoffee ul {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-top: -5px;
}

#main_wholesale {
	width: 601px;
	height: auto;
	min-height: 500px;
	background: url(images/contentbg_02.jpg) no-repeat;
	text-align: left;
	clear: both;
}

.maintext_wholesale {
	margin: 0 30px 30px;
	padding-top: 30px;
}

.maintext_wholesale p {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 15px;
	margin-right: 30px;
}

.maintext_wholesale ul {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 5px;
	margin-left: 50px;
	margin-top: 10px;
}

.maintext_wholesale h1 {
	color: #f5821a;
	font: 21px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.maintext_wholesale h2 {
	color: #663300;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	margin-bottom: 0px;
}

.maintext_wholesale a:link {
	color: #ff6600;
	text-decoration: none;
}

.maintext_wholesale a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.maintext_wholesale a:active {
	color: #ff6600;
	text-decoration: underline;
}

.maintext_wholesale a:visited {
	color: #ff6600;
	text-decoration: none;
}

.maintext_wholesale a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

/* @end */



#main_view {
	text-align: center;
	background: url(images/jitteryjoes_popmast_bg.jpg) repeat-x left top;
	text-align: left;
	font: 12px/12px verdana, arial, sans-serif;
	color: #333;
}

.main_view_img {
	margin-left: 20px;
}
#main_view b {
	color: #f5821a;
	font: 21px/26px Georgia, "Times New Roman", Times, serif;
}

#main_view a:link, #main_view a:visited, #main_view a:active {
	color: #ff6600;
	text-decoration: none;
}

#main_view a:hover, #main_view a:visited:hover {
	color: #ff6600;
	text-decoration: underline;
}

#video_view {
	width: 780px;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.video_close {
	clear: left;
	margin: 0 auto;
	text-align: center;
}

#footer {
	width: 781px;
	height: 50px;
	clear: both;
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 40px;
}

.footlogo {
	margin-left: 20px;
	float: left;
	display: inline;
}

.footertext {
	margin-left: 20px;
	float: left;
	display: inline;
	text-align: left;
	font: 9px/18px verdana, arial, sans-serif;
	color: #999;
}

.footertext a:link {
	color: #999999;
	text-decoration: none;
}

.footertext a:visited {
	color: #999999;
	text-decoration: none;
}

.footertext a:hover {
	color: #ff6600;
	text-decoration: none;
}

.footertext a:active {
	color: #ff6600;
	text-decoration: none;
}

.footertext a:visited:hover {
	color: #ff6600;
	text-decoration: none;
}