/* Tullahoma Screen CSS */

body
{
  margin: 0px;
  padding: 0px;
  background: url(../images/bg.jpg) repeat-x #f0e4e1;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
img { border: 0; }
.clear { clear: both; }

#container { position: relative; width: 786px; margin: 0px auto; }
#header
{
  position: relative;
  width: 600px;
  height: 135px;
  /* background: url(../images/header.jpg); */
}
#logo { position: absolute; top: 0px; left: 0px; }
#banner { position: relative; width: 786px; height: 192px; }
#cloudsLeft
{
  position: absolute;
  left: -44px;
  top: 169px;
  width: 44px;
  height: 124px;
  background: url(../images/clouds_left.jpg);
}
#cloudsRight
{
  position: absolute;
  left: 786px;
  top: 75px;
  width: 44px;
  height: 218px;
  background: url(../images/clouds_right.jpg);
}
#mainBoxWrapper
{
  position: relative;
  width: 786px;
  background: url(../images/main_bg.gif) repeat-y;
}
#mainBoxShadow
{
  position: relative;
  width: 786px;
  height: 7px;
  background: url(../images/shadow.gif);
}
#mainBox
{
  position: relative;
  width: 778px;
  margin: 0px auto;
  background: #771609;
}
#fadebar
{
  display: none;
  position: relative;
  width: 778px;
  height: 12px;
  background: url(../images/bar.gif) repeat-x;
}

/* ----- NAVIGATION ----- */
#nav
{
  display: none;
  position: relative;
  width: 778px;
  height: 39px;
  background: #d07355;
  margin-bottom: 3px;
}
#nav a
{
  display: block;
  position: relative;
  float: left;
  margin: 1px 1px 1px 0px;
  padding: 0px;
  width: 155px;
  height: 38px;
  background: url(../images/nav_bg.jpg);
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana;
  text-decoration: none;
}
#nav a:hover { background: url(../images/nav_bg_a.jpg); }
.navPad { padding-top: 12px; }
#nav a.short { width: 154px; }
#nav a.end { margin-right: 0px; }

.dropdown
{
  position: absolute;
  top: 51px;
  left: 0px;
  width: 155px;
  background: #d07355;
  z-index: 100;
  display: none;
}
#dd1 { left: 0px; }
#dd2 { left: 156px; }
#dd3 { left: 312px; width: 154px; }
#dd4 { left: 467px; }
#dd5 { left: 623px; }
.dropdown a
{
  display: block;
  position: relative;
  width: 155px;
  height: 21px;
  margin-bottom: 1px;
  background: url(../images/drop_bg.jpg);
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  font-family: Verdana;
}
#dd3 a { width: 154px; }
.dropdown a:hover { background: url(../images/drop_bg_a.jpg) }
.dropPad { padding: 4px 0px 0px 10px; }


/* ----- CONTENT AREA ----- */
#content
{
  position: relative;
  width: 600px;
  background: url(../images/content_bg.gif) repeat-y;
}
#content2
{
  position: relative;
  width: 600px;
  background: url(../images/content_bg2.gif) repeat-y;
}
#textArea
{
  position: relative;
  width: 600px;
  background: url(../images/text_bg.gif) no-repeat;
}
#textAreaBig
{
  position: relative;
  float: left;
  width: 600px;
  background: url(../images/text_bg_big.gif) no-repeat;
}
#textAreaPad { padding: 12px 30px 0px 30px; }
#textArea h1, #textAreaBig h1
{
  margin: 0px 0px 16px 0px;
  padding: 0px;
  font-size: 22px;
  font-weight: normal;
  color: #ef805d;
}
#textArea h1.light, #textAreaBig h1.light
{
  margin: 0px 0px 16px 0px;
  padding: 0px;
  font-size: 22px;
  font-weight: normal;
  color: #ef805d;
  background: url(../images/h1bg_light.gif) no-repeat;
}
#textArea h1.dark, #textAreaBig h1.dark
{
  margin: 0px 0px 16px 0px;
  padding: 0px;
  font-size: 22px;
  font-weight: normal;
  color: #ef805d;
  background: url(../images/h1bg_dark.gif) no-repeat;
}
#textArea h2, #textAreaBig h2
{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #ef805d;  
}
#textArea p, #textAreaBig p
{ 
  margin-top: 0px;
  padding-top: 0px;
  line-height: 1.4em;
}

.eventBox
{
  position: relative;
  float: left;
  margin: 0px 0px 10px 0px;
  width: 240px;
  background: url(../images/event_bg.gif) no-repeat;
  font-size: 10px;
  line-height: 1.4em; 
}
.eventPad { padding: 12px 0px 0px 30px; }

img.centered { display: block; margin: 0px auto 10px auto; }




#rightSide { position: relative; width: 285px; }
#rightPad { padding: 20px; }
#rightSide h1
{
  margin: 0px 0px 10px 0px;
  padding: 4px 0px;
  color: #771609;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  border-bottom: 1px solid #771609;
}
#rightSide p
{
  margin: 0px;
  padding: 2px 0px 20px 0px;
  color: #771609;
  font-size: 10px;
}


/* ----- VIDEO AREA ----- */
#videoBox
{
  position: relative;
  margin: 50px auto 0px auto;
  padding: 12px 0px; 
  width: 235px;
  background: url(../images/videobox_bg.gif) no-repeat #771609;
}
#video
{
  position: relative;
  margin: 0px auto;
  width: 213px;
  border-top: 2px solid #771609;
  border-left: 2px solid #771609;
  border-right: 2px solid #771609;
}
#videoNumbers
{
  position: relative;
  margin: 0px auto 10px auto;
  width: 216px;
  height: 26px;
}
#videoNumbers a
{
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 26px;
  background: url(../images/videonum.jpg);
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
#videoNumbers a:hover { background: url(../images/videonum_a.jpg); }
.videoNumPad { padding-top: 5px; padding-left: 8px; }
#videoText
{
  position: relative;
  margin: 0px auto;
  width: 213px;
  height: 62px;
  background: url(../images/videotext.gif);
  color: #771609;
  font-size: 11px;
}
#videoTextPad { padding: 8px 16px; }


/* ----- FOOTER ----- */
#footer
{
  position: relative;
  margin: 2px auto 20px auto;
  width: 600px;
  height: 29px;
  background: url(../images/footer_bg.gif);
}
#footerTag { padding: 6px 0px 0px 36px; font-size: 11px; }
#footerNav
{
  display: none;
  position: relative;
  float: right;
  padding: 6px 36px 0px 0px;
  font-size: 11px;
  font-weight: bold;
}
#footerNav a { color: #ffffff; text-decoration: none; }
#footerNav a:hover { text-decoration: underline; }