/* KCBS Screen CSS */

body
{
  margin: 0px;
  padding:0px;
  background: #868686;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
img { border: 0; }
a { color: #ab0534; text-decoration: none; }
a:hover { text-decoration: underline; }

#container { position: relative; width: 1000px; margin: 0px auto; }
#sitePad { padding: 0px 10px; }

h4{ font-size: 11px; font-weight: bold; color: #ab0534; margin-bottom: 4px; }

/* ----- HEADER ----- */
#header { position: relative; width: 980px; height: 125px; }
#logo { position: absolute; top: 35px; left: 0px; }
#topBanner { position: absolute; top: 25px; right: 0px; }
#topNav
{
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top: 5px; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}
#topNav a { color: #000000; text-decoration: none; }
#topNav a:hover { text-decoration: underline; }

/* ----- NAVIGATION ----- */
#navbar
{
  position: relative;
  width: 980px;
  height: 34px;
  margin-bottom: 1px;
  z-index: 100;
}
#navbar img { display: block; float: left; margin-right: 1px; }
#navbar img.end { margin-right: 0px; }

/* ----- GENERAL STYLES ----- */
.pad8 { padding: 8px; }
.pad10 { padding: 10px; }
.pad12 { padding: 12px; }
.pad16 { padding: 16px; }
.center { text-align: center; }
ul.bigTextList
{
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.0em;
}
ul.bigTextList li
{
  position: relative;
  margin: 0px;
  padding: 0px 0px 8px 16px;
  background: url(../images/4dots_big.gif) no-repeat; 
}
ul.bigTextList a
{
  color: #ab0534;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
ul.bigTextList a:hover { text-decoration: underline; }

ul.smallTextList
{
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 11px;
}
ul.smallTextList2
{
  position: relative;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  list-style-type: none;
  font-size: 11px;
}
ul.smallTextList li, ul.smallTextList2 li
{
  position: relative;
  margin: 0px;
  padding: 0px 0px 8px 10px;
  background: url(../images/4dots_small.gif) no-repeat; 
}


/* ----- CONTENT ----- */
.homeRow1, .homeRow2 { position: relative; width: 980px; margin-bottom: 14px; }
.homeRow1 { height: 328px; }
.homeRow2 { height: 243px; }

/* ----- ROW 1 ----- */
#tabBox
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 306px;
  height: 328px;
  background: url(../images/flame_bg.gif);
}
#tabBoxContent
{
  position: relative;
  height: 274px;
  padding: 0px 20px;
}
#tabBoxContent a { color: #ffffff; }
#tabBoxContent a:hover { color: #ffb753; text-decoration: none; }
#tabBox ul
{
  position: relative;
  margin: 0px;
  padding: 16px 0px 0px 0px;
  list-style-type: none;
  color: #ffffff;
  font-size: 15px;
}
#tabBox ul li
{
  position: relative;
  margin: 0px;
  padding: 0px 0px 12px 0px;
}
#tabBox ul li span { font-size: 11px; font-weight: bold; color: #ffb753; }
#tabBar
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 306px;
  height: 54px;
}
.tab
{
  position: relative;
  float: left;
  width: 75px;
  height: 54px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: url(../images/whitetriangle.gif) top center no-repeat;
  color: #ffffff;
}
.tabPad1 { padding-top: 20px; }
.tabPad2 { padding-top: 14px; }
.tabLink
{
  position: relative;
  float: left;
  width: 75px;
  height: 54px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #c2c4c5;
  color: #ab0534;
  cursor: pointer;
}
.tabSpacer { position: relative; float: left; width: 2px; height: 54px; }

#flashBox { position: absolute; top: 0px; left: 307px; }
#memberBox
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 214px;
  height: 230px;
  background: #6e6e6e;
}
#members
{
  position: relative;
  margin: 12px 12px 0px 12px;
  height: 206px;
  background: #a1a1a1;
}
#members span { font-size: 11px; color:#ffffff; }
#memImg1 { display: block; margin-bottom: 8px; }

#members form
{
  margin: 0px;
  padding: 0px; 
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#members form p { margin: 0px; padding: 0px 0px 3px 0px; font-size: 13px; }
#members form input { font-size: 11px; }
#members form input.text { width: 100px; margin-bottom: 4px; font-size: 11px; }
#loginBtn{ display: block; margin-left: 60px; }

#memberInfo{
  position: relative;
  padding: 8px;
  background: #6e6e6e;
  font-size: 11px;
}

#joinrenew{
  position: absolute;
  top: 246px;
  right: -6px;
  height: 85px;
  width: 220px;
  background: url(../images/joinrenew.gif);
}
#flametips{
  position: absolute;
  top: -36px;
  left: 152px;
  height: 36px;
  width: 50px;
  background: url(../images/flametips.gif);
}
#clickFlame{ position: absolute; top: 0px; right: 0px; }


/* ----- ROW 2 ----- */
#midBoxTop
{
  position: relative;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
#midBoxTop img { vertical-align: middle; }
#midBoxTop a
{
  color: #ab0534;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#midBoxTop a:hover{ text-decoration: underline; }

#redHotNews
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 326px;
  height: 243px;
  background: #e29258;
}
#emailSignup { position: absolute; bottom: 10px; right: 0px; }
#redHotNews2
{
  position: absolute;
  top: 0px;
  left: 654px;
  width: 326px;
  height: 243px;
  background: #b2a087;
}
#becomeJudge
{
  position: absolute;
  top: 0px;
  left: 327px;
  width: 328px;
  height: 243px;
  background: url('../images/becomeJudgeBkg.jpg') no-repeat #a1a1a1;
  font-size: 11px;
}
#becomeJudgeBtm { position: relative; }
#becomeJudgeBtm a { color: #ffffff; text-decoration: none; }
#becomeJudgeBtm a:hover { color: #ab0534; text-decoration: none; }
.listCol1 { position: relative; float: left; width: 143px; margin-right: 15px; margin-top: 130px; font-size: 14px; }
.listCol2 { position: relative; float: left; width: 143px; }
#becomeJudge a { color: #000; text-decoration: none; }
#becomeJudge a:hover { color: ##AB0534; }


/* ----- ROW 3 ----- */
#partners
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 519px;
  height: 140px;
  background: #47536e;
  font-size: 11px;
}
#partners p { margin: 0px; padding: 4px 0px; width: 300px; }
#tabasco { position: absolute; bottom: 32px; left: 16px; }
#chinet { position: absolute; bottom: 32px; left: 160px; }
#weber { position: absolute; bottom: 32px; left: 292px; }
#royaloak { position: absolute; bottom: 32px; left: 396px; }

#promoBox
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 460px;
  height: 243px;
  background: url(../images/promo_bg.gif);
}
#promoBox3
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 460px;
  height: 243px;
  background: url(../images/promo_bg3.gif);
}
#promo
{
  position: absolute;
  top: 24px;
  left: 24px;
  width: 270px;
  height: 100px;
  font-size: 11px;
}
#promo p { margin: 0px; padding: 5px 0px; }
#promo a { color: #ab0534; font-weight: bold; text-decoration: none; }
#promo a:hover { text-decoration: underline; }
#prize { display: block; position: absolute; bottom: 13px; right: 0px; }
#promoImg { position: absolute; bottom: 0px; right: 0px; }
#moretext { position: absolute; top: 136px; left: 245px; width: 90px; font-size: 11px; }
#bottomBanner
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 728px;
  height: 90px;
  background: #ffffff;
  z-index: 2;
}
#bbLink { display: block; position: absolute; bottom: 0px; left: 0px; z-index: 100; }

/* ----- ROW 3 - Large Promo Configuration ----- */
#tourPartners{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 488px;
  height: 243px;
  background: url(../images/tourPartners_bg.jpg);
}
#tour-tabasco { position: absolute; top: 4px; left: 195px; }
#tour-tums { position: absolute; top: 55px; left: 170px; }
#tour-weber { position: absolute; top: 47px; left: 280px; }
#tour-scott { position: absolute; top: 32px; left: 60px; }
#tour-kings { position: absolute; top: 8px; left: 285px; }
#tourPartners p{
  position: absolute;
  top: 146px;
  left: 26px;
  margin: 0px;
  padding: 0px;
  width: 240px;
  color: #ffffff;
  font-size: 11px;
}
#tourPartners a { color: #ab0534; font-weight: bold; text-decoration: none; }
#tourPartners a:hover { text-decoration: underline; }
#promoLarge{
  position: absolute;
  top: 0px;
  left: 488px;
  width: 490px;
  height: 243px;
}

/* ----- INTERIOR ----- */
#interior { position: relative; width: 980px; height: auto; margin-bottom: 14px; }
#intHeader
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 765px;
  height: 134px;
  background-color: #000000;
  color: #ffffff;
}
#hImg { position: absolute; top: 0px; left: 0px; }
#subhead { position: absolute; top: 64px; left: 16px; font-size: 14px;}
#intHeader p { margin: 0px; padding: 4px 0px; font-size: 16px; }
#intBodyWrap
{
  position:relative;
  margin-top:0;
  
  min-height:420px;
  height:auto !important;
  height:420px;
  
  padding-bottom:15px;
  padding-top:25px;
  width: 765px;
  background: #ffffff;
  color: #000000;
  font-size: 11px;
}
#intBody
{
  position:relative;
  margin-top:0px;
  margin-left:0px;
  height:auto;
  padding-top:0px;
  width: 749px;
}
#intBodyNoScroll{
  position:relative;
  margin-top:0px;
  margin-left:0px;
  height:auto;
  padding-top:0px;
  width: 749px;
}
#intBodyBigger
{
  position: absolute;
  top: 10px;
  left: 4px;
  width: 749px;
  height: 428px;
  overflow: auto;
}
#intBodyBigger h1
{
  margin: 0px;
  padding: 0px 0px 12px 0px;
  font-size: 14px;
  font-weight: bold;
}
#intCallout
{
  position: absolute;
  top:337px;
  right: 0px;
  width: 214px;
  height: 254px;
}
#intCallout img { position: absolute; bottom: 0px; left: 0px; }

/* ----- FOOTER ----- */
#footer
{
  position: relative;
  width: 980px;
  padding: 2px 0px 8px 0px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  line-height: 1.6em;
}
#footer a { color: #000000; text-decoration: none; font-size: 12px; }
#footer a:hover { text-decoration: underline; }


/* ----- MISC ----- */
table.lightTable { border-collapse: collapse; border: 1px solid #cccccc; }
table.lightTable td { padding: 3px; border: 1px solid #cccccc; }


/* ----- RECIPES ----- */
#categories
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 120px;
  height: 340px;
  border-right: 2px solid #d3d3d3;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}
#categories ul { margin: 0px; padding: 14px 0px 0px 0px; list-style-type: none; }
#categories ul li { margin: 0px; padding: 3px 0px; }
#recipeContent
{
  position: absolute;
  top: 0px;
  left: 122px;
  width: 600px;
}
#recipeContent h1
{
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 14px;
  font-weight: bold;
}
#recipeLeft
{
  position: relative;
  float: left;
  margin-right: 12px;
  width: 234px;
  line-height: 1.6em;
}
#recipeRight
{
  position: relative;
  float: left;
  width: 320px;
}
#recipeRight img { display: block; margin-bottom: 10px; }
#recSearch
{
  position: absolute;
  bottom: 12px;
  right: 230px;
}
#recSearch input { vertical-align: middle; }

.tourBkg { float: left; width: 765px; height: 448px; background: url('../images/tourBkg.jpg') #fff bottom center no-repeat; }
.tourBkg p { float: left; width: 501px; height: 206px; margin: 20px 0 8px 15px; overflow: auto; color: #000; font-size: 11px; }
#tourEvents, #tourIntro { float: left; width: 501px; height: 214px; margin: 20px 0 0 15px; overflow: auto; color: #000; font-size: 12px; }
.tourNav { float: left; width: 765px; height: 30px; margin-top: 5px; background: #7E000F; text-decoration: none; color: #fff; font-size: 18px; font-weight: bold; }
.tourNav a { text-decoration: none; color: #fff; font-size: 18px; font-weight: bold; padding: 0 10px 0 15px; }
.tourNav a span, .tourNav span { font-size: 14px; font-weight: normal; }
.tourNav a:hover { text-decoration: underline; }
.scheduleButton { position: absolute; width: 124px; height: 125px; top: 60px; left: 420px; }
.sample a { float: left; position: relative; margin: 0px 10px 10px 10px; font-size: 18px; font-weight: bold; color: #A3A3A3; text-decoration: none; }
.sample a span { color: #7E000F; }
.sample a:hover { cursor:default; }
#events { float: right; width: 190px; height: 405px; margin-top: 20px; font-size: 12px; color: #000; }

/* Resources Dropdown */
#resourceDrop, #resourceDrop2, #marketDrop, #aboutDrop, #aboutDrop2, #classDrop {
	margin:0;
	padding:0;
	background-color:#96011f;
	font-size:15px;
	width:117px;
	z-index:10;
	display:none;
	list-style-type:none;
	position:absolute;
	top:34px;
	left:617px;
}

#marketDrop {
	left:493px;
	width:123px;
	font-size:13px;
}

#resourceDrop2 {
	font-size:13px;
}

#aboutDrop {
	left:857px;
	font-size:13px;
	width:122px;
}

#classDrop {
	left:370px;
	font-size:13px;
	width:122px;
}

#aboutDrop2 {
	left:0px;
	font-size:13px;
	width:122px;
}

#resourceDrop li, #resourceDrop2 li, #marketDrop li, #aboutDrop li, #aboutDrop2 li, #classDrop li {
	padding-left:5px;
	line-height:24px;
}

#marketDrop li, #resourceDrop2 li, #aboutDrop li, #aboutDrop2 li, #classDrop li {
	padding-left:3px;
}

#resourceDrop li a, #resourceDrop2 li a, #marketDrop li a, #aboutDrop li a, #aboutDrop2 li a, #classDrop li a {
	font-family:Arial;
	color:#fff;
}

#resourceDrop li:hover, #resourceDrop2 li:hover, #marketDrop li:hover, #aboutDrop li:hover, #aboutDrop2 li:hover, #classDrop li:hover { 
	background-color:#d9793e;
}

#resourceDrop li a:hover, #resourceDrop2 li a:hover, #marketDrop li a:hover, #aboutDrop li a:hover, #aboutDrop2 li a:hover, #classDrop li a:hover {
	text-decoration:none;
}

#resImage, #marketImage, #aboutImage {
	z-index:10;
}

#resImage:hover #resourceDrop, #resImage:hover #resourceDrop2, #marketImage:hover #marketDrop, #aboutImage:hover #aboutDrop, #aboutImage:hover #aboutDrop2, #classImage:hover #classDrop {
	display:block;
}