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

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

img, div { behavior: url(iepngfix.htc); }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

#container
{
	width: 781px;
	height: auto;
	min-height: 600px;
	padding-bottom: 0px;
	margin: 0px auto 20px;
	text-align: center;
}

#masthead
{
	width: 781px;
	height: 114px;
	margin-bottom: 15px;
}

#masthead a:link, #masthead a:visited
{
	line-height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	width: 781px;
	height: 114px;
	background: transparent url(images/nav/jitteryjoes_logo.gif) no-repeat center top;
	text-decoration: none;
}

#masthead a:active, #masthead a:hover, #masthead a:visited:hover
{
	line-height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	width: 781px;
	height: 114px;
	background: transparent url(images/nav/jitteryjoes_logo.gif) no-repeat center bottom;
	text-decoration: none;
}

#topnav
{
	width: 788px;
	height: 48px;
	background-color: #fff;
	margin-bottom: 15px;
	text-align: left;
	cursor: pointer;
}

#topnav ul
{
	height: 48px;
	background: url(images/nav/nav_bg.gif) no-repeat;
}

#topnav ul li
{
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#topnav ul li a
{
	display: block;
	float: left;
	height: 48px;
	text-indent: -10000px;
}

#topnav ul li.nav_wholesale a
{
	width: 125px;
	background: transparent url(images/nav/nav_wholesale.gif) no-repeat center top;
}

#topnav ul li.nav_fundraiser a
{
	width: 132px;
	background: transparent url(images/nav/nav_fundraiser.gif) no-repeat center top;
}

#topnav ul li.nav_coffee a
{
	width: 92px;
	background: transparent url(images/nav/nav_coffee.gif) no-repeat center top;
}

#topnav ul li.nav_office a
{
	width: 131px;
	background: transparent url(images/nav/nav_office.gif) no-repeat center top;
}

#topnav ul li.nav_store a
{
	width: 83px;
	background: transparent url(images/nav/nav_store.gif) no-repeat center top;
}

#topnav ul li.nav_find a
{
	width: 65px;
	background: transparent url(images/nav/nav_find.gif) no-repeat center top;
}

#topnav ul li.nav_blog a
{
	width: 71px;
	background: transparent url(images/nav/nav_blog.gif) no-repeat center top;
}

#topnav ul li.nav_about a
{
	width: 83px;
	background: transparent url(images/nav/nav_about.gif) no-repeat center top;
}

#topnav ul li a.active { background-position: 0px -48px; }
#topnav ul li a:hover { background: transparent; }
.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: #321C08;
	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;
}

/* @end */
/* @group ABOUT */
#leftnav_about
{
	width: 180px;
	height: 304px;
	float: left;
	display: inline;
	background: #573F2F 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: #73462A;
	text-align: left;
}

#about_slideshow
{
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
	background-color: #fff;
}

#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: #ff6600;
	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_khakis
{
	width: 601px;
	height: 387px;
	background: #ddd url(images/khaki_bg.jpg) no-repeat left top;
	text-align: left;
}

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

#intro_knights
{
	width: 601px;
	height: 387px;
	background: #ddd url(images/KNIGHT_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: #ff6600;
	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: #ff6600;
	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: #372013;
	text-align: left;
}

#cycling_slideshow
{
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
	background-color: #fff;
}

#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: #ff6600;
	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: #ff6600;
	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: #262626 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: #3D2618;
	text-align: left;
}

#cycling_slideshow
{
	width: 405px;
	height: 285px;
	float: left;
	display: inline;
	background-color: #fff;
}

#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: #ff6600;
	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: #ff6600;
	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;
	background-color: #fff;
}

#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: #ff6600;
	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: #2F1A0F 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;
	background-color: #fff;
}

#intro_ourcoffee
{
	width: 601px;
	height: 285px;
	background: #7A8C9E;
	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: #ff6600;
	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: #ff6600;
	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: #ff6600;
	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: #65554E 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;
	background-color: #fff;
}

#coffee
{
	width: 196px;
	height: 285px;
	float: left;
	display: inline;
	background: #220D06 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: #ff6600;
	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
{
	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: #ff6600;
	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;
	width: 152px;
	height: 28px;
	background: url(images/logobottom_over.gif) no-repeat;
}

.footlogo a:link,
.footlogo a:visited
{
	background: url(images/logobottom_off.gif) no-repeat;
	text-indent: -10000px;
	display: block;
	padding-bottom: 5px;
}

.footlogo a:hover { background: none; }

.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;
}

#storyfeed
{
	width: 230px;
	float: left;
	height: 386px;
	background: #3e2417 url(http://www.jitteryjoes.com/images/joesblog_homebg.jpg) no-repeat top left;
	font-family: verdana,arial,sans-serif;
	color: #CCCC99;
	font-size: 11px;
	line-height: 14px;
}

#storyfeed h1
{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: normal;
	font-size: 24px;
	margin: 35px 20px 0px 25px;
	padding-bottom: 15px;
text-align:left;
}

#storyfeed .story
{
	margin: 10px 20px 22px 25px;
	text-align: left;
}

#storyfeed a:link, #storyfeed a:visited
{
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}

#storyfeed a.more
{
	color: #CCCC99;
	font-weight: normal;
	text-decoration: underline;
}

#storyfeed a.moreposts
{
	color: #FF6600;
	font-weight: normal;
	float: left;
	text-decoration: underline;
	margin-top: 0px;
}