/* REMOVE AUTOMATED MARGINS AND PADDING PUT IN BY BROWSERS */
* {margin:0px; padding: 0px;}
body {  
   height:		100%; 
/* THIS CONTROLS HEIGHT OF PAGE AND COLUMNS WITHIN PAGE! */
  padding : 		0;
  margin-left		10px;
  font-style: 		normal;
  font-weight: 		lighter;
  font-size: 		10px;
  line-height: 		120%;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  background-color:	maroon;
}
h1, h2, h3 {   
  font-family: 		"Trebuchet MS";
}
p {
  font-style: 		normal;
  font-weight: 		normal;
  line-height: 		120%;
  font-size: 		10px;
}

p.quote {
  margin-left:		10px;
  padding-right: 	20px;
  font-style:		italic;
}

/* BE NICE IF THESE WORKED */
ul.indent{ 
display: list-item;
list-style: disk;
}
li.indent{ 
display: list-item;
list-style: disk;
}
/* BE NICE IF THESE WORKED */

div#body_wrap {
  float: 		left;
  background-color:	maroon;
    width: 		100%;
  margin-top: 		0px;
  padding-top: 		0px;
  padding-left:		0px;
  line-height: 		20%;
border:			1px;
  }
div#header {
  float: 		left;
    width: 		100%;
  margin-top: 		0px;
  padding-top: 		0px;
  padding-left:		0px;
  line-height: 		20%;
border:			1px;
  }

div#logo {
  float: 		left;
  height: 		225px;
  width: 		245px;
  margin-top: 		0px;
  padding-top: 		0px;
  padding-left:		0px;
  line-height: 		20%;
  background-color:	maroon;
  background-image:	url("images/BF2.gif"); 
  background-position:	100% 100%;
  background-repeat:	no-repeat;
}
div#logo p {
  text-align: 		right;
  font-style:		italic;
  margin-top:		0px;
  padding-top:		220px;
}
/* ---------BANNER STUFF --------------------*/
div#banner {
  margin-top:		10px;
  padding-top: 		10px;
  padding-left:		0px;
  float: 		left;
  width:                75%;
  height: 		225px;
background-image:	url("banners/D300_41792.jpg"); 
  background-repeat:	no-repeat;

}

div#banner h1{
  font-size: 		40px;
  font-style: 		Normal;
  font-family: 		Trebuchet, serif;
  padding-top:		40px;
}
div#banner h2{
  font-size: 		20px;
  font-family: 		Trebuchet, serif;
  padding-top:		80px;
}
div#banner h3{
  text-align:		left;
  font-family: 		Trebuchet, serif;
  font-size: 		14px;
  padding-top: 		20px;
}
div#banner img{
  position: absolute;
  top:   10px;
  left: 245px;
  padding-right: 	0px;
  padding-top: 	        0px;
  padding-bottom: 	0px;
  dislay: 		inline;
  vertical-align: 	top;

}
/* ---------BANNER STUFF --------------------*/

/* ------------------HORIZONTAL NAVIGATION LINKS------------------ */
div#links {
position: absolute; 
top: 201px; 
left: 0px; 
width: 80%; 
padding-left: 250px; 
padding-bottom: 5; /*To get room under links in IE */
font: 12px Verdana, sans-serif; 
z-index: 100;
}

div#links ul {
list-style: none;
margin: 0;
padding: 0;
}
div#links li {
display: inline;
border-bottom: 1px solid #363;
}


div#links a {display: inline; text-align: right; font: bold 1em sans-serif; 
   padding: 5px 10px 0px 5px; margin:  0px 0px 5px -5px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #D76D16;
   border-right: 5px solid #DF8A09; border-bottom: 5px solid #DF8A09;
}

div#links a:hover {color: #411; background: #DF8A09;
   border-right: 5px double white; border-bottom: 5px solid #D76D16;}


div#links a span {display: none;}

div#navmap {
  float: 		left;
  height: 		90px;
  width: 		80%;
  margin-top: 		0px;
  margin-left:   	0px;
  padding-top: 		10px;
  padding-left:		0px;
  line-height: 		20%;
  background-color:	rgb(168, 168, 168);
 }

div#navmap p,h1,h2,h3 { 
  line-height: 		0%; 
  margin-left: 		10px;
  }
div#navmap p { 
  font-size: 		10px;
  padding-top: 		5px;
  padding-bottom:	0px;
  font-style: 		italic;
  font-family: 		Times New Roman;
  }
div#navmap h1 {  
  padding-top: 		15px;
  font-size: 		20px;
  font-family: 		"Trebuchet MS", serif;
  }
div#navmap h2 {  
  font-size: 		16px;
  padding-top: 		0px;
  color: 		maroon;
  font-family: 		Trebuchet MS, serif;
  }
div#navmap h3 {  
  font-size: 		20px;
  font-style: 		italic;
  color: 		red;
  font-family: 		Trebuchet MS, serif;
  }


div#subnav {
  float: 		left;
  top: 			80px;
  padding-top: 		10px;
  width: 		245px;
  height:		230px;
  padding-left: 	0px;
  z-index: 		10;  
  background-color:	gray;
  text-align: 		left;
  line-height: 		120%;
  background-image: 	url(images/wallpaper1.jpg);
}


div#subnav h3 {  
  margin-left: 		14px;
 padding-top: 		10px;
  color: 		white;
  
}

div#subnav a {
  color: 		white;
  text-decoration: 	none;
  font-weight: 		bold;
  display: 		block;
  padding: 		3px;
  line-height: 		120%;
}
div#subnav a:hover {
  color: 		yellow;  
}

div#subnav ul.nobullet{
list-style: 		none;
 color: #FFC;
margin-left: 		10px;
padding-left: 		10px;
display: 		block;
  padding: 		3px;
  line-height: 		120%;
}

/*GUESS I DON'T REALLY UNDERSTAND IT
div#subnav ul li ul li {
 padding: 		0px;
}

div#subnav li ul {  
padding-left: 		0px;
font-weight: 		normal;
  }
*/

/*Places image below subnavigation*/
div#subnavimg{
  height:		230px;
  background-color:	black;
  background-image: 	url(images/brew2b.jpg);
  background-repeat:	no-repeat;
  background-position:  0% 100%;
}
div#content {
  float: 		left;
  width: 		100%;
  margin-top: 		0px;
  padding-top: 		0px;
  padding-left:		0px;

 }
div#content ul{
/* list-style: 		none; */
margin-left: 		10px;
padding-left: 		10px;
line-height: 		150%;
font-size: 		12px;
}
div#subcontent {  
  width: 	75%;
  border:	solid;
  color: #FFC;
  float: 		left;
padding-right:  20px;
}

div#subcontent h1, h2, h3{
  color: #A39161;
}

div#subcontent p{
  margin: 5px;
  padding-right: 25px;
  padding-left: 	10px;
  font-size: 12px;
}
div#colmid {
  width: 100%;
  float: left;
  padding-left:  10px;
  
  
}
div#colmid h1.dictionary{
  font-weight: bold;
  font-size: 24px;
  line-height: 120%;
  margin: 0px;
  padding-top: 0px;
  font-family: 		Trebuchet, serif;

}
div#colmid h1{
  font-size: 24px;
  line-height: 120%;
  margin: 0px;
  padding-top: 0px;
}

div#colmid h2{
  font-size: 18px;
  line-height: 120%;
  margin: 0px;
  padding-top: 0px;

}
div#colmid h3{
  font-style: normal;
  font-size: 16px;
  line-height: 120%;
  margin: 0px;
  padding-top: 10px;
}
div#colmid p{
  margin: 5px;
padding-left: 		10px;

  font-size: 12px;
}
div#gallery {
  margin-top: 		0px;
  margin-left: 		30px;
  margin-right 		15px;
  padding-top: 		0px;
  padding-right: 	5px;
  width:		75%;
  float: 		left;
  line-height: 		120%;
  z-index: 		0;
  background-color:	#F9E08C;  
}
div#gallery h1{
  line-height: 		100%;
  font-weight: 		normal;
  font-size: 		24pt;
  color: 		#FF993F;
  font-family:		Arial, san-serif;
  text-align: 		right;
}

div#colleft {
  margin-top: 		0px;
  margin-left: 		10px;
  padding-top: 		0px;
  width: 		30%;
  float: 		left;
  line-height: 		120%;
  z-index: 		0;
  
}

div#colmid2 {
  margin-top: 		0px;
  margin-left: 		10px;
  padding-top: 		0px;
  width: 		30%;
  float: 		left;
  line-height: 		120%;
  z-index: 		0;
  
}
div#colright {
  margin-top: 		0px;
  margin-left: 		10px;
  padding-top: 		0px;
  padding-right: 	5px;
  width: 		30%;
  float: 		left;
  line-height: 		120%;
  z-index: 		0;
}
div#colleft h1, #colmid2 h1, #colright h1{
  line-height: 		100%;
 font-style: 		normal;
  font-size: 		16px;
  padding:		0px;
}

div#colleft h2, #colmid2 h2, #colright h2{
  font-style: 		normal;
  font-weight: 		bold;
  font-size: 		14px;
  line-height: 		120%;
  margin: 		0px;
  padding: 		0px;
}

div#colleft h3,  #colright h3{
  font-style: 		normal;
  font-weight: 		bold;
  font-size: 		12px;
  line-height: 		120%;
  margin: 		0px;
  padding: 		0px;
}
div#colleft p, #colright p{
  margin: 		5px;
  padding: 		2px;
}
div#colleft,colright p.quote {
  padding-left:		10px;
  padding-right: 	20px;
  font-style:		italic;
}
  
/*I-frame CSS*/
/* IFRAME, CAN I COMBINE WITH COLLEFT DEF? */
iframe{
Position: relative;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
z-index: 5;
height: 800px;
width: 100%; 
background: white;
}
/* End I-frame CSS*/


div#footer {
  clear: 		left;
  text-align: 		center;
  padding-top: 		20px;
  margin-top: 		0px;
  height:		100px;
}

div#footer p {
  text-align: 		center;
  font-style: 		italic;
}
div#footer h1 {  
  text-align: 		center;
  font-size: 		14px;
  line-height: 		120%;
  font-family: 		Copperplate Gothic Light, Engravers MT, Elephant, Times New Roman, serif;
  }
div#footer h2 {  
  text-align: 		center;
  font-size: 		14px;
  font-family: 		Copperplate Gothic Light, Engravers MT, Elephant, Times New Roman, serif;
  }

div#footer h3 {  
  text-align: 		center;
  font-style: 		italic;
  font-size: 		14px;
  font-weight: 		bold;
  }

/* Pure CSS Popups for menu items */

a:link {
 color : #B8B800;
 text-decoration: 	none;
}

a:active  {
   color: 		#000000;
 text-decoration: 	none;
}

a:visited {
  color : 		yellow ;
 text-decoration: 	none;
}

a:hover  {  
   color: 		red;
 text-decoration: 	none;
}

a span {
   display: 		none;

}


/* FLASHY STUFF */
#menu1nav, #menu2nav, #menu3nav, #menu4nav, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10, #menu11, #menu12, #menu13, #menu14, #menu15, #menu16, #menu17, #menu18, #menu19, #menu20, #menu21, #menu22, #menu23, #menu24, #menu25, #menu26, #menu27, #menu28 {
position: 		absolute;
list-style: 		none;
padding-left: 		5px;
margin-left: 		110;
width: 			170;
background-color:	gray;
z-index: 		20; 

}
/* Navigation layers */
#menu1nav {
top: 			150px;
}

#menu2nav {
top: 			170px;
}

#menu3nav {
top: 			190px;
}

#menu4nav {
top: 			210px;	
}
/* Navigation layers */
/* Styles layers */

#menu1 {
top: 			170px;
}

#menu2 {
top: 			190px;
}

#menu3 {
top: 			210px;
}

#menu4 {
top: 			250px;	
}

#menu5 {
top: 			280px;	
}

#menu6 {
top: 			300px;	
}

#menu7 {
top: 			320px;	
}

#menu8 {
top: 			350px;	
}

#menu9 {
top: 			380px;	
}

#menu10 {
top: 			420px;	
}

#menu11 {
top: 			450px;	
}

#menu12 {
top: 			480px;	
}

#menu13 {
top: 			510px;	
}

#menu14 {
top: 			530px;	
}

#menu15 {
top: 			560px;	
}

#menu16 {
top: 			610px;	
}

#menu17 {
top: 			640px;	
}

#menu18 {
top: 			670px;	
}

#menu19 {
top: 			700px;	
}

#menu20 {
top: 			720px;	
}

#menu21 {
top: 			750px;	
}

#menu22 {
top: 			790px;	
}

#menu23 {
top: 			820px;	
}

#menu24 {
top: 			860px;	
}

#menu25 {
top: 			890px;	
}

#menu26 {
top: 			920px;	
}

#menu27 {
top: 			960px;	
}

#menu28 {
top: 			1020px;	
}


.out {
display: 		none;	
}

.over {
display: 		block;
}

.down {
display: 		block;
}