/* CSS for specific interior pages */

/* ----- GENERAL ----- */
#intTop
{
  position: absolute;
  top: 0px;
  left: 132px;
}
#intNavCol
{
  position: relative;
  float: left;
  width: 120px;
  height: 340px;
  border-right: 2px solid #d3d3d3;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}
#intNavCol ul { margin: 0px; padding: 0px; list-style-type: none; }
#intNavCol ul li { margin: 0px; padding: 3px 0px; }
#intContent
{
  position: relative;
  float: left;
  width: 600px;
}
#intContentScroll
{
  position: relative;
  float: left;
  width: 620px;
  height: auto;
}
#intContentScroll2
{
  position: relative;
  float: left;
  width: 620px;
  height: auto;
}
#intContent h1, #intContentScroll h1, #intContentScroll2 h1
{
  margin: 0px;
  padding: 0px 0px 12px 0px;
  font-size: 14px;
  font-weight: bold;
}
.spanh1
{
  font-size: 14px;
  font-weight: bold;
}
#intSearch
{
  position: absolute;
  bottom: 12px;
  right: 220px;
}
#intSearch input { vertical-align: middle; }
.yellow { color: #ffb753; }
#eventSearch
{
  position: absolute;
  bottom: 6px;
  left: 100px;
}
#eventSearch2
{
  position: absolute;
  bottom: 6px;
  left: 10px;
}
#eventSearch span, #eventSearch2 span { font-size: 11px; color: #ffffff; }

#bottomPromos { height:1px;margin-bottom:0; }

/* ----- EVENTS ----- */
#yearSel { margin-left: 56px; margin-bottom: 0px; padding: 0px; }
.year
{
  margin: 0px 0px 12px 0px;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
  color: #8c8c8c;
}
.year span { font-size: 13px; }

.itemBox
{
  position: relative;
  float: left;
  width: 180px;
  margin: 0px 12px 12px 0px;
  font-size: 14px;
}
.itemBox span { font-size: 11px; font-weight: bold; color: #ffb753; }
.itemBox a { color: #000000; }
.itemBox a:hover { color: #ab0534; text-decoration: none; }

table.eList1
{
  border-collapse: collapse;
  font-size: 11px;
  width: 576px;
  border-top: 1px solid #666666;
}
table.eList2
{
  border-collapse: collapse;
  font-size: 11px;
  width: 576px;
  border-top: 1px solid #666666;
  background: #e2e2e2;
}
table.eList1 td, table.eList2 td { padding: 2px 0px; }
#printer { position: absolute; top: 10px; right: 20px; }


/* ----- 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: 620px;
  height: 408px;
  overflow: auto;
}
#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; }

/* ----- PHOTOS ----- */

.imgBox
{
  position: relative;
  float: left;
  margin-right: 6px;
  margin-bottom: 8px;
  padding: 2px;
  background: #cccccc;
  border: 1px solid #000000;
}
.imgBox img { display: block; }
.clearImg{ position: relative; height: 0px; clear: left; }
#imgPanel
{
  position: relative;
  float: left;
  width: 204px;
  background: #dfdfdf;
}
#imgPanel p { margin: 0px; padding: 6px 0px; }
#bigImg { position: relative; width: 480px; float: right; }
#bigImg p { margin: 0px; padding: 3px; }

#photosTop { position: relative; margin-bottom: 8px; }
#photosTop select, #photosTop input { font-size: 11px; }

/* ----- TOUR ----- */
#tourGraphic{
  position: absolute;
  top: 0px;
  left: 0px;
}
#flameTip{
  position: absolute;
  top: -48px;
  left: 32px;
}
#firstEvent{
  position: absolute;
  top: 106px;
  left: 273px;
}
#perks{
  position: absolute;
  top: 30px;
  left: 152px;
  font-size: 14px;
  font-weight: bold;
  color: #990033;
  font-family: Arial, Helvetica, sans-serif;
}
#tourInfo{
  position: absolute;
  top: 58px;
  right: 14px;
  width: 310px;
  height: 380px;
  overflow: auto;
}
#transInfo{
  position: absolute;
  top: 58px;
  right: 14px;
  width: 318px;
  height: 380px;
  background: #ffffff;
  opacity: .8;
	filter: alpha(opacity=80);
}