/* Tullahoma Screen CSS */

body
{
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #default;
}
img {
	border: 0;
	text-align: center;
}
.clear {
	clear: both;
	text-align: left;
	color: #D6D6D6;
}

#home-side {
	color: #333333;
	}
#home-side a 
	{ 
	color: #333333; 
	}
#home-side a:hover {color: #000000; }

#container {
	position: relative;
	width: 780px;
	margin: 0px auto;
}
#header
{
	position: relative;
	width: 780px;
	height: 135px;
	background: url(../images/header.jpg);
}
#homelink { position: absolute; top: 48px; left: 46px; }
#logo { position: absolute; top: 0px; left: 0px; display: none; }
#banner {
	position: relative;
	width: 780px;
	height: 192px;
}
#cloudsLeft
{
	position: absolute;
	left: -39px;
	top: 169px;
	width: 44px;
	height: 124px;
	background: url(../images/clouds_left.jpg);
}
#cloudsRight
{
	position: absolute;
	left: 781px;
	top: 73px;
	width: 44px;
	height: 223px;
	background: url(../images/clouds_right.jpg);
}
#mainBoxWrapper
{
	position: relative;
	width: 780px;
	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
{
  position: relative;
  width: 778px;
  height: 12px;
  background: url(../images/bar.gif) repeat-x;
}

/* ----- NAVIGATION ----- */
#nav
{
  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; }
.navPad2 { padding-top: 6px; }
#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;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 1px;
  background: url(../images/drop_bg1.jpg) center left #c96040;
  color: #ffffff;
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana;
}
.dropdown a.tall
{
  display: block;
  position: relative;
  width: 155px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 1px;
  background: url(../images/drop_bg.jpg) no-repeat;
  color: #ffffff;
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana;
}
#dd3 a { width: 154px; }
.dropdown a:hover { background: url(../images/drop_bg_a1.jpg) center left #c96040; }
.dropdown a.over { background: url(../images/drop_bg_a1.jpg) center left #c96040; }
.dropPad { padding: 4px 0px 0px 10px; }


/* ----- CONTENT AREA ----- */
#content
{
  position: relative;
  width: 778px;
  background: url(../images/content_bg.gif) repeat-y;
}
#content a, #content2 a {
	color: #FFF;
}
#content2
{
  position: relative;
  width: 778px;
  background: url(../images/content_bg2.gif) repeat-y;
}
#textArea
{
	position: relative;
	float: left;
	width: 491px;
	background: url(../images/text_bg.gif) no-repeat;
	color: #FFF;
}
#textAreaBig
{
  position: relative;
  float: left;
  width: 778px;
  background: url(../images/text_bg_big.gif) no-repeat;
}
#textAreaPad {
	padding: 12px 30px 0px 30px;
	color: #FFF;
}
#textArea h1, #textAreaBig h1
{
  margin: 0px 0px 16px 0px;
  padding: 0px;
  font-size: 22px;
  font-weight: normal;
  color: #FFF;
}
#textArea h1.light, #textAreaBig h1.light
{
  margin: 0px 0px 16px 0px;
  padding: 0px;
  font-size: 22px;
  font-weight: normal;
  color: #FFF;
  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: #FFF;
  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: #FFF;  
}
#textArea p, #textAreaBig p
{
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.4em;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
#textArea h4.light
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-size: 22px;
  font-weight: normal;
  color: #FFF;
  background: url(../images/h1bg_light.gif) no-repeat;
}

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

.member
{
  position: relative;
  float: left;
  margin: 0px 16px 16px 0px;
  width: 200px;
}


#rightSide { position: relative; float: right; width: 285px; }
#rightPad {
	padding: 20px;
	color: #771609;
}
#rightPadHome { padding-top: 20px; text-align: center; }
#rightSide h1
{
	margin: 0px 0px 10px 0px;
	padding: 4px 0px;
	color: #771609;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px solid #771609;
	text-align: center;
}
#rightSide p
{
  margin: 0px;
  padding: 2px 0px 20px 0px;
  color: #771609;
  font-size: 10px;
}


/* ----- VIDEO AREA ----- */
#videoBox
{
  position: relative;
  margin: 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: 778px;
  height: 29px;
  background: url(../images/footer_bg.gif);
}
#footerTag { padding: 6px 0px 0px 36px; font-size: 11px; }
#footerNav
{
  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; }


/* ----- ADMIN ----- */
#adminNav
{
  position: relative;
  float: right;
  padding: 6px 36px 0px 0px;
  font-size: 11px;
  font-weight: bold;
}
#adminNav a { color: #fff; text-decoration: none; }
#adminNav a:hover { text-decoration: underline; }
ul.adList a { color: #ffffff; }
table.adTable { border: 1px solid #ef805d; border-collapse: collapse; }
table.adTable th { background: #ffffff; color: #771609; border: 1px solid #ef805d; padding: 4px; }
table.adTable td { border: 1px solid #ef805d; padding: 4px; }
table.adTable a { color: #ef805d; }

.orange { color: #ef805d; }