/* =================================================
    CSS STYLES FOR [site]
   =================================================*/   
/* 
  === Basic Color Directory === 
Blue			  #00539b
Light Blue  #e7f6fd
Red         #d81f26

*/ 
   
body {
  width:900px; 
  margin:0px auto; 
  text-align:left;
	background-color:#e7f6fd;
	background-image:url(media/bg.jpg);
	background-repeat:repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /*font-family:Arial, Helvetica, sans-serif;*/
  /*font-family: Trebuchet, Tahoma, Arial, Helvetica;*/
  /*font-family:Garamond, Trebuchet MS, Arial, Helvetica;*/
  font-size: 11px; 
  font-weight:normal; 
  color:#3d5caa;
  }

h1, h2, h3, h5 {color:#d81f26; font-family: Arial, Garmond, Tahoma, Sans-Serif;}
h1 {font-size:20px;}
h2 {font-size:15px; margin:0px 0px 3px 0px;}
h3 {font-size:12px; margin:0px 0px 3px 0px;}
h5 {font-size:14px;}

a:link, a:visited, a:active{text-decoration:underline; color:#f7951f;}
a:hover {text-decoration:none; color:#d81f26;}
.small {font-size:10px; font-weight:normal;}
.big {font-size:18px; font-weight:bold;}
.error {color:#cc0000;}
.hidden {display:none;}
.indent {margin-left:15px;}
.italic {font-style:italic;}
.center {text-align:center;}
.left{float:left;}
.right{float:right;}
.imageLeft{float:left; margin:0px 3px 2px 0px;}
.imageRight{float:right; margin:0px 0px 2px 3px;}
.bold{font-weight:bold;}
.hidden{display:none;}
.pointer {cursor:default;}
.hand {cursor:pointer;}
.break {background-color:#cc3300; width:100%; height:10px;}
.smallBreak {background-color:#00539b; width:100%; font-size:1px; height:1px; margin:0px 0px 10px 0px;}
.blue{color:#039;}
.active{color:#00539b; cursor:default; font-weight:bold;}
.orange{color:#c30;}
.inactive{color:#999; cursor:default;}
.inactive:link, visited, active{text-decoration:underline; color: #999; cursor:pointer;}
.red{color:#d81f26;}
.spaced div{margin:5px 0px;}

img {border:0; margin:0px; padding:0px;}
a{margin:0px; padding:0px;}


ul li {list-style-type:square;}
ol li {list-style-type:decimal; margin:0px; padding:0px;}
ol{padding-left:20px;}

#container {}

#content {width:900px;}
#logo{width:180px; height:161px; position:absolute; cursor:pointer; display:block;}
#header{height:161px; width:100%; background-image:url(media/header.jpg); background-repeat:no-repeat;}
#subHeader{margin:0px auto auto auto;height:65px; width:100%;font-size:1px;}
#ticker{height:25px; width:100%; color:#ffffff; text-align:center; font-weight:bold; line-height:25px; font-size:12px;}
#wrench{padding:0px 10px 0px 0px; float:left; width:234px; /*LIKE 246px*/ margin:0px auto;}
#patches{padding:0px; float:left;}
#oHoulihan{padding-left:10px; float:left;}
.spacer{height:12px; width:100%;}
.outer{border:solid 1px #007070; background-color:#ffffff; margin-bottom:10px;}
.inner{border:solid 1px #007070; background-image:url(media/gradient.jpg); background-repeat:repeat-x; background-color:#e7f6fd; margin:10px; padding:5px;}
.greyBox{border:solid 1px #007070; background-color:#e2e3e4; padding:7px; width:366px; margin-bottom:10px;}

#map{width:380px; border:solid 1px #000; margin-bottom:10px; padding:0px; color:#000;}
#map_canvas{width:380px; border:solid 1px #000; margin-bottom:10px; padding:0px; color:#000;}
#map a:link, visited, active{text-decoration:underline; color: #f00;}
#map a:hover {text-decoration:underline; color:#f00;}
#map_canvas{width:380px; border:solid 1px #000; margin-bottom:10px; padding:0px; color:#000;}
#map_canvas h3{color:#0000ff;}
#home{height: 190px; width:240px; float:right; cursor:pointer;}
#request-container{position:absolute; margin:20px 0px 0px 20px; padding:10px; width:520px; height:465px; border:solid 1px #000000; background-color:#ffffff; z-index:10; cursor:pointer;}
.close{float:right; color:#ff0000; margin:5px 5px 0px 0px;}

.closer{clear:both;}
#foot {
  font-size:12px; 
  font-weight:bold;
  width:900px;
  text-align:center;
}

/* NAVIGATION ROLLOVER LOGIC */
#navigation div{float:right; margin-top:116px;}
#tickets a, #auction a, #vendors a, #location a, #contact a, #photos a {background-repeat:no-repeat; display:block; height:45px; background-position:0% 0px; font-size:45px; line-height:45px; width:173px;}
#tickets .selected, #auction .selected, #vendors .selected, #location .selected, #contact .selected, #photos .selected {background-position:-173px 0%;}
#tickets, #auction, #vendors, #location, #contact, #photos {visibility:visible; width:173px; height:45px; margin-bottom:-10px;}
#tickets a:hover, #auction a:hover, #vendors a:hover, #location a:hover, #contact a:hover, #photos a:hover {background-position:-173px 0%;}
#tickets a {background-image:url(media/tickets.jpg);}
#auction a {background-image:url(media/auction.jpg);}
#vendors a {background-image:url(media/vendors.jpg);}
#location a {background-image:url(media/location.jpg);} 
#contact a {background-image:url(media/contact.jpg);}
#photos a {background-image:url(media/photos.jpg);}

.hotspot {color:#d81f26; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}