@charset "UTF-8";
/* CSS Document */

* {margin:0px; padding:0px}

a {outline: none;}

body {
 font-size: 62.5%; line-height: 1.4em;
 background: url(images/background.jpg) top center repeat-y #000000;
 width: 100%
}

#background {
	background: url(images/main_bkg.jpg) center top no-repeat;
	height: 864px;
	width: 100%;
	margin: 0px auto;
	position: absolute;
	z-index:1;
	top:0;
	left: 0px;
	
}

#container { width: 100%; margin: 0px auto; position: relative; z-index:100;}

#branding {height: 155px; width: 100%; text-indent: -9999px}
#branding h1 a {text-indent: -9999px; display: block; height: 155px; width: 100%;position: relative; z-index: 100 }

/* ----- Navigatin Main ----- */

#navMain {
 width: 800px; margin:0 auto; position: relative; list-style: none
}

#navMain ul#navBierMenu {float: left; position: relative; left: 25px}
#navMain ul#navAboutLocation {float: right; position: relative; left: 30px}

#navMain ul li {display: block; float: left; height:57px;}

#navMain ul li a { display: block; height:57px; width: 100%; text-indent: -9999px; position: relative;z-index:10; }

#navMain ul li a:hover {position: relative; bottom: 70px; z-index: 5;}

#navMain #navBier { background:url(images/nav_bier.gif) center bottom no-repeat; width: 113px;}
#navMain #navMenu { background:url(images/nav_menu.gif) center bottom no-repeat; width: 131px;}
#navMain #navAbout { background:url(images/nav_about.gif) center bottom no-repeat; width: 135px;}
#navMain #navLocation { background:url(images/nav_location.gif) center bottom no-repeat; width: 164px;}

  
#navMain #navBier a:hover { background:url(images/nav_bier_on.png) center top no-repeat; width: 113px; height: 118px;}
#navMain #navMenu a:hover { background:url(images/nav_menu_on.png) center top no-repeat; width: 131px; height: 118px;}
#navMain #navAbout a:hover { background: url(images/nav_about_on.png) center top no-repeat; width: 135px; height: 118px;}
#navMain #navLocation a:hover { background:url(images/nav_location_on.png) center top no-repeat; width: 164px; height: 118px}

/* ----- navigation main ie6 hacks ----- */

*html body #navMain {position: relative; bottom: 70px;}

*html body #navMain ul li {display: block; float: left; height:118px;}

*html body #navMain ul li a { display: block; height:118px; width: 100%; text-indent: -9999px; position: relative;z-index:10; }

*html body #navMain ul li a:hover {position: relative; bottom: 0px; z-index: 5; display: block;}

*html body #navMain #navBier a:hover { background:url(images/nav_bier_on.gif) center top no-repeat; width: 113px; height:118px;}
*html body #navMain #navMenu a:hover { background:url(images/nav_menu_on.gif) center top no-repeat; width: 131px; height: 118px;}
*html body #navMain #navAbout a:hover { background: url(images/nav_about_on.gif) center top no-repeat; width: 135px; height: 118px;}
*html body #navMain #navLocation a:hover { background:url(images/nav_location_on.gif) center top no-repeat; width: 164px; height: 118px}

/* ----- Navigation Sub ----- */

#navSub {margin: 0 auto; width:520px; clear: both}
#navSub ul li {list-style: none; display: block; float: left; height: 30px; margin: 5px}
#navSub ul li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

#navSub #navKaskClub {background:url(images/nav_kask_club.gif) center top no-repeat; width: 100px;}
#navSub #navCalendar {background:url(images/nav_calendar.gif) center top no-repeat; width: 80px;}
#navSub #navParty {background:url(images/nav_party.gif) center top no-repeat; width: 55px;}
#navSub #navEmail {background:url(images/nav_email.gif) center top no-repeat; width: 115px;}
#navSub #navTour {background:url(images/nav_tour.gif) center top no-repeat; width: 50px;}
#navSub #navTrivia {background:url(images/nav_trivia.gif) center top no-repeat; width: 55px;}

#navSub #navKaskClub a:hover {background:url(images/nav_kask_club_on.gif) center top no-repeat;}
#navSub #navCalendar a:hover {background:url(images/nav_calendar_on.gif) center top no-repeat;}
#navSub #navParty a:hover {background:url(images/nav_party_on.gif) center top no-repeat;}
#navSub #navEmail a:hover {background:url(images/nav_email_on.gif) center top no-repeat;}
#navSub #navTour a:hover {background:url(images/nav_tour_on.gif) center top no-repeat;}
#navSub #navTrivia a:hover {background:url(images/nav_trivia_on.gif) center top no-repeat;}
 
/* -----  navigation sub ie6 hacks ----- */

*html body #navSub {position: relative; bottom: 60px;} 

/* ----- content ----- */

#content {width: 742px;margin: 70px auto 0px auto;font-family:Georgia, "Times New Roman", Times, serif;	color: #624a19}

#content h3 {margin: 0 0 20px 0}
#content h4 {font-size: 1.5em; margin: 0 0 12px 0}

.home #content p { width: 475px; margin: 0 auto; line-height: 1.5em; font-size: 1.5em; }

#content p { margin: 0 auto; line-height: 1.5em; font-size: 1.5em; margin: 6px 0 }
#content p a {color: #351D00; text-decoration: none;}
#content p a:hover {color: #624a19}

#content ol {font-size: 1.6em; margin: 0 0 0 50px}
#content ol li {margin: 20px 0}

#content ol.answers {font-size: 1.3em; margin: 0 50px}
#content ol.answers li { display: inline; list-style: decimal  }

 
 /* ----- content ie6 hacks ----- */
 
*html body #content { margin: 0 auto;} 
 
 /* ----- text boxes on home page ----- */
 
#content .textBoxL {
  background:url(images/home_box_mid_left.jpg);
  width: 356px;
  margin: 30px 0 0 0;
  clear: left; float: left;
 }

#content .textBoxR {
  background:url(images/home_box_mid_right.jpg);
  width: 356px;
  margin: 30px 0 0 0;
  clear: right; float: right;
 }
 
 #content .menuBox {
  background:url(images/menuMid.jpg);
  width: 742px;
  margin: 30px auto;
 
 }
 
 
.textBoxL .top {background:url(images/home_box_top_left.jpg); display: block; height: 28px; width: 356px;}
.textBoxL .bottom {background:url(images/home_box_bottom_left.jpg); display: block; height: 31px; width: 356px;}
.textBoxR .top {background:url(images/home_box_top_right.jpg); display: block; height: 28px; width: 356px;}
.textBoxR .bottom {background:url(images/home_box_bottom_right.jpg); display: block; height: 31px; width: 356px;}
#content .textBoxL p,  #content .textBoxR p {width: 330px ; padding: 0 20px; font-size: 1.2em; line-height:1.7em}
#content .textBoxL h3,  #content .textBoxR h3 {width: 330px ; padding: 0 20px; margin: 0px; font-size: 1.5em; line-height:1.7em}

 #content .menuBox p {width: 742px;  text-align: center; padding: 0 0 20px 0; font-size: 1.2em;}
 

 #content .menuBox .menuItem p { width: auto; padding: 0 25px; font-size: 1.2em; line-height:1.5em; text-align: left}
#content .menuBox h3  {width: 214px ; padding: 0 25px; margin: 0px; font-size: 1.5em;}

.menuBox .top {background:url(images/menuTop.jpg); display: block; height: 30px; width: 742px;}
.menuBox .bottom {background:url(images/menuBottom.jpg); display: block; height: 30px; width: 742px; clear: both}

.menuItem {width: 247px; float: left;}
 *html body #content .menuBox .menuItem p {padding: 0px 25px;}
 *html body #content .menuBox h3 {width: 175px; font-size: 1.2em; }
 
/* ----- site info ----- */

#siteInfo  {clear: both; position: relative; top: 15px; }
#siteInfo p#credits {font-size: 1.1em; float: right; width: auto}
#siteInfo p#credits a {color: #996600}
#siteInfo p#legal {font-size: 1.1em; float: left; width: auto}

#navText {width: 300px; margin: 0 auto; display: inline; font-family:Georgia, "Times New Roman", Times, serif; text-align:center}
#navText ul {list-style: none; margin: 0 auto;width: 300px; display: inline; text-align:center}
#navText ul li {display: inline;}
#navText ul li a {margin: 4px;text-align:center; color: #996600}
 
/* ----- extras and accessories ----- */
 
.hops { background:url(images/hops.png); height: 103px; width: 64px;  position: relative; top: -45px; left:-50px; }

#homeLink a {text-indent: -9999px; display: block; height: 155px; width: 100%; position: absolute; z-index: 100; top: 0}

/* ----- ie 6 hacks ----- */

*html body .hops {display: none}
*html body #content .textBoxL, *html body #content .textBoxR {width: 356px; overflow:  hidden;}

.highlight {color: #990000}


/* ----- email form ----- */

#emailForm {width: 425px; float: right}

#emailForm label {float: left; text-align: right; clear: left; height: 21px; width: 120px; padding: 9px;  margin: 8px 0; font-size: 1.3em}

*+html body #emailForm label  {margin: 0; margin: 4px 0 0 0; height: 17px}
*html body #emailForm label  {margin: 0; margin: 4px 0 0 0; height: 17px}

#emailForm input {width: 140px; margin: 8px 0; height: 21px; float: left; }

.submitBtn {background:url(images/submitBtn.jpg) no-repeat; height: 28px!important; width: 74px !important; margin: 8px 8px 0 0px; border: none ; }
.resetBtn {background:url(images/resetBtn.jpg) no-repeat; height: 28px!important; width: 74px!important; margin: 8px 8px 0 0px ; border: none }
f