@import url('layout.css');
@import url('menu.css');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
	font-size: 100%;}
  
body {
  text-align: center;
  background-color: #907c63;
  line-height: 14px;
  font-size: 12px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;}

  
h1 {
  line-height: 14px;
  color: #3c982d;
  font-size: 14px;
  font-weight: bold;}
  
h2 {
  line-height: 14px;
  color: #3c982d;
  font-size: 12px;
  font-weight: bold;}
  
  .click {color: #FFCC00}

/* anchor styles for hyperlinx */
  
a,  a:link, a:visited {
  color: #fff;
  text-decoration: none;
  font-weight: bold;}

a:hover {color: #fff; text-decoration: underline;}

a:focus {color: #fff;}

a:active {color: #fff;}

/* page and wrapper elements */

#outerWrap {
  background-color: #000;
  width: 880px;
  padding:10px 20px 20px;
  text-align: left;
  margin: 0 auto 0;}

#outerWrap #head {
  background-color: #000;
  top:22px;
  color:white;
  height: 72px;
  width: 880px;
  background-image: url("../images/header-bw.jpg");
  background-repeat:no-repeat;}
  
#outerWrap #head p {padding: 48px 0 0 750px; font-size:12px; margin:0; top:10px}

#outerWrap #head p img.flr {float:right; margin:0 8px 0 4px; height: 16px; width: 16px;}

/****** all the topNavigation menu stuff ********/

#outerWrap #topNav {background-color:#000; margin:0,0}

/*********** the form elements ************/

#cse-search-box {float:right; margin:0; padding:0; margin-top:6px;}

input.button {
	margin:0;padding:0;
	float:right; 
	height:24px;
	width:24px;
	margin-left:4px;
	margin-right:1px;
	background: #000 url("../images/search.gif") no-repeat; border: 0}


/********** the conTent styling *********************/

#outerWrap #contentWrap #content {margin: 0; padding: 0; background-color: black; width:880px}

/******************* leftColumn styling ***********************/

#outerWrap #contentWrap #content #leftcol {clear:left; margin-top: 25px; float:left; width:180px;}
#outerWrap #contentWrap #content #leftcol ul.leftMenu {padding:0;margin:0;margin-top:20px;text-align:left;vertical-align:top;font: 11px "Century Gothic"}
#outerWrap #contentWrap #content #leftcol ul.leftMenu li {border-bottom:0; list-style: none;}
	
#outerWrap #contentWrap #content #leftcol ul.leftMenu li a {
 background: #000;	
 color: #fff;
 display: block;
 padding: 2px 0 2px 5px;
 width: 160px;
 text-decoration: none;}
	
#outerWrap #contentWrap #content #leftcol ul.leftMenu li a:hover {background: #767676;color: #000;}

/************** centerDisplay aka showtime styling ******************/

#outerWrap #contentWrap #content #showtime {margin:50px 0 20px; padding:20px 0 0 20px; height: 260px; background-color: black; background-image:url('../images/iscreen.gif'); background-repeat:no-repeat; float:left; width:500px;}

/************** centerText aka text styling ******************/

#outerWrap #contentWrap #content #text {margin:50px 0 20px; padding:20px 0 0 20px; height: 1100px; width:500px; background-color: black; font-color: white; float:left;}

/************** centerHall aka hall styling ******************/

#outerWrap #contentWrap #content #hall {margin:50px 0 20px; padding:20px 0 0 20px; height: 400px; width:500px; background-color: black; font-color: white; float:left;}

/************** centerLetter aka letter styling ******************/

#outerWrap #contentWrap #content #letter {margin:50px 0 20px; padding:20px 0 0 20px; height: 1250px; width:500px; background-color: black; font-color: white; float:left;}


/******************* rightColumn styling *******************/

#outerWrap #contentWrap #content #rightcol { margin:40px 0;float:right;width:160px;}

#outerWrap #contentWrap #content #rightcol #rcolbx2 {width:158px; height:120px; margin:18px 0; border:1px solid #c00}
#outerWrap #contentWrap #content #rightcol #rcolbx3 {width:158px; height:80px; margin:13px 0;}

#outerWrap #contentWrap #content #rightcol ul.rightMenu {padding:0;margin:0;margin-top:20px;text-align:left;vertical-align:top;font: 11px "Century Gothic"}
#outerWrap #contentWrap #content #rightcol ul.rightMenu li {border-bottom:0; list-style: none;}
	
#outerWrap #contentWrap #content #rightcol ul.rightMenu li a {
 background: #000;	
 color: #fff;
 display: block;
 padding: 2px 0 2px 5px;
 width: 140px;
 text-decoration: none;}
	
#outerWrap #contentWrap #content #rightcol ul.rightMenu li a:hover {background: #767676;color: #000;}

/* thankin' the sponSors */

#sponsorThanks {margin:0; padding:0; margin-top:18px; width:255px; height:29px; text-align:left}

/************* stylin' the sponSors ***************/

#sponsors {background-color: #000}

.sponsors {float:left; display:inline; background-color:#000;
 width:100px; min-height:70px;
 margin:20px 11px 0px 0px;
 padding:0;}
.sponsors p {margin-top: 4px; color: #FFCC00; font-size: 11px; text-align:left}
.sponsors h2 {color: gray;font-size:12px; text-transform:uppercase; text-align:left}
.sponsors h2 a, .sponsors h2 a:link {color: gray;text-decoration:none;}
.sponsors h2 a:visited {color:gray;text-decoration: none;}
.sponsors h2 a:hover {color:#fff;text-decoration:underline}

.sponsors2 {float:left; display:inline; background-color:#000;
 width:210px; height:100px;
 margin:10px 10px 0px 0px;
 padding:0;}
.sponsors2 h2 {color: gray;font-size:11px; text-transform:uppercase; text-align:left; padding-bottom: 10px}
.sponsors2 h2 a, .sponsors2 h2 a:link {color: gray;text-decoration:none;}
.sponsors2 h2 a:visited {color:gray;text-decoration: none;}
.sponsors2 h2 a:hover {color:#fff;text-decoration:underline}

#reset {clear: both;}

/******************** and the footer ***********************/

#outerWrap #foot { width:880px;
  background-color: #000;
  color:#767676;
  border-top: solid 1px #000;
  padding:0;
  padding-top:5px;
}
#outerWrap #foot a,  #outerWrap #foot a:link {
  color: #767676;
  text-decoration: none;
  font-weight: bold;
}
#outerWrap #foot a:visited {
  color: #767676;
  text-decoration: none;
  font-weight: bold;
}
#outerWrap #foot a:hover {color: #fff; text-decoration: none;}