@charset "utf-8";

/* ------ PAGE BODY STYLE INFO ---------------------------------------------------------------------------- */



body {
	background-color: rgb(25,25,112); 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	}

table.body {
	width: 900px; 
	border-style: none; 
	outline-style: none; 
	text-align: left; 
	vertical-align: top;
	border-collapse: collapse; 
	}

td.links {
	width:120px; 
	vertical-align: top; 
	background-color: rgb(25,25,112);
	}

td.main-body {
	width:660px; 
	vertical-align:top; 
	background-color: rgb(192,192,192);
	}

td.rc-main {
	width:120px; 
	vertical-align:top; 
	background-color: rgb(192,192,192);
	}

/* ------ LEFT COLUMN LOGO -------------------------------------------------------------------------- */

td.logo-lc {
	text-align:center; 
	height:150px; 
	vertical-align:middle;
	}

img.logo-lc {
	width:115px; 
	height:115px;
	}

/* ------ LINK COLUMN  -------------------------------------------------------------------------- */

table.links {
	width: 100%; 
	border-style: none; 
	outline-style: none; 
	border-collapse: collapse;
		}

tr.pagelink {
	height:25px; 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color: rgb(255,215,0); 	
	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

tr.currentpage {
	background-color:rgb(192,192,192); 
	height:30px; 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 20pt; 
	color:rgb(0,0,0);
	text-decoration:none; 
	font-weight:bold; 
	text-align:center; 
	vertical-align:middle;
	}

tr.subpage {
	background-color:rgb(192,192,192); 
	height:15px; 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color:rgb(200,200,200);
	text-decoration:none; 
	font-weight:bold; 
	text-align:right; 
	vertical-align:middle;
	}

a.pagelink:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color: rgb(255,215,0); 
	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.pagelink:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color: rgb(255,215,0); 	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.pagelink:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 11pt; 
	color:rgb(0,0,0); 
	text-decoration:none; 	text-align:left; 
	vertical-align:middle; 
	background:rgb(248,248,255);
	}


a.currentpage:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color:rgb(0,0,0) ;
	text-decoration:none; 	font-weight:bold; 
	text-align:center; 
	vertical-align:middle;
	}

a.currentpage:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color:rgb(0,0,0);
	text-decoration:none; 
	font-weight:bold; 
	text-align:center; 
	vertical-align:middle;
	}

a.currentpage:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color:rgb(0,0,0);
	text-decoration:none; 
	font-weight:bold; 
	text-align:center; 
	vertical-align:middle;
	}

a.subpagelink:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 8pt; 
	color: rgb(25,25,112); 
	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.subpagelink:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 8pt; 
	color: rgb(25,25,112); 	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.subpagelink:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 8pt; 
	color:rgb(0,0,0); 
	text-decoration:none; 	text-align:left; 
	vertical-align:middle; 
	background:rgb(248,248,255);
	}


a.subpagelink-a:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 9pt; 
	color: rgb(25,25,112); 
	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	background:rgb(248,248,255)
	}

a.subpagelink-a:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 9pt; 
	color: rgb(25,25,112);
 	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	background:rgb(248,248,255)
	}

a.subpagelink-a:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 9pt; 
	color:rgb(0,0,0); 
	text-decoration:none;
 	text-align:left; 
	vertical-align:middle;
	background:rgb(248,248,255) 
	}

a.subpagelink-b:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 9pt; 
	color: rgb(25,25,112); 
	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	background:rgb(255,215,0)
	}

a.subpagelink-b:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 9pt; 
	color: rgb(248,248,255);
 	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.subpagelink-b:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 9pt; 
	color:rgb(0,0,0); 
	text-decoration:none;
 	text-align:left; 
	vertical-align:middle; 
	}

a.links:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color: rgb(0,0,255); 
	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.links:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color: rgb(0,0,215); 	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.links:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color:rgb(0,0,0); 
	text-decoration:none; 	text-align:left; 
	vertical-align:middle; 
	background:rgb(248,248,255);
	}

a.links12:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 12pt; 
	color: rgb(0,0,255); 
	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.links12:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 12pt; 
	color: rgb(0,0,215); 	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.links12:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 12pt; 
	color:rgb(0,0,0); 
	text-decoration:none; 	text-align:left; 
	vertical-align:middle; 
	background:rgb(248,248,255);
	}


/* ------ MAIN BODY COLUMN  -------------------------------------------------------------------------- */

                                                 /* -------- Page Title Style Info -------- */
table.title {
	width: 100%; 
	border-style: none; 
	outline-style: none; 
	border-collapse: collapse;
	padding: 2px;
		}

tr.title {
	text-align:center; 
	height:110px; 
	vertical-align:middle;
	}

td.title-img {
	vertical-align:middle; 
	width:150px; 
	height:110px;
	}

td.title-text {
	text-align:center; 
	vertical-align:middle;
	}

img.title {
	width:110px; 
	height:100px;
	}

h1.title {
	font-family:"gill sans ultra bold","arial black",stencil,impact; 
	font-size: 30pt; 
	color:rgb(0,0,0);
	}

p.title {
	font-family:"gill sans ultra bold","arial black",stencil,impact; 
	font-size: 30pt; 
	color:rgb(0,0,0); 
	}
                                       /* -------------- END of Page Title Style Info ------------- */

table.open-para {
	width: 100%; 
	border-style: none; 
	outline-style: none; 
	border-collapse: collapse;
		}
td.open-para {
	width:10px; 
	}

                                            /* -------- Page BOTTOM INFO Style Info -------- */

a.email:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 14pt; 
	color: rgb(255,215,0); 
	text-decoration:none; 	text-align:left; 
	vertical-align:middle
	}

a.email:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 14pt; 
	color: rgb(255,215,0); 	text-decoration:none; 
	text-align:left; 
	vertical-align:middle;
	}

a.email:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 14pt; 
	color:rgb(0,255,0); 
	text-decoration:none; 	text-align:left; 
	vertical-align:middle; 
	background:rgb(248,248,255);
	}

                      /* ------------------------------------------------ */

a.ingy:link {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	text-decoration:none; 
	}

a.ingy:visited {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	text-decoration:none; 
	}

a.ingy:hover {
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color:rgb(0,255,0); 
	text-decoration:none; 
	}




/* ------ RIGHT COLUMN  -------------------------------------------------------------------------- */

td.logo-rc {
	text-align:center; 
	height:20px; 
	vertical-align:top;
	}

td.img-rc {
	text-align:center; 
	height:100px; 
	vertical-align:bottom;
	}



td.sp-rc {
	height:20px;
	}

img.logo-rc {
	width:115px; 
	height:115px;
	}

img.rc {
	width:100px; 
	height:100px;
	}

img.barcode {
	width:110px; 
	height:63px;
	}

img.pix15h {
	width:80px; 
	height:15px;
	}


/* ------ GENERAL STYLE INFO  -------------------------------------------------------------------------- */

p {
	font-family: verdana,arial,helvetica,sans-serif; 
	color:rgb(0,0,0); 
	font-weight:normal; 
	font-size: 10pt;
	}

p.b8 {
	font-family: verdana,arial,helvetica,sans-serif; 
	color:rgb(0,0,0); 
	font-weight:normal; 
	font-size: 8pt;
	}

p.p1 {
	font-family: chiller,verdana,arial,helvetica,sans-serif; 
	color:rgb(255,0,0); 
	font-weight:bold; 
	font-size:16pt;
	}

.rb16 {
	font-family: verdana,arial,helvetica,sans-serif; 
	color:rgb(220,20,60); 
	font-weight:bold; 
	font-size:16pt;
	}

.text10 {
	font-family: verdana,arial,helvetica,sans-serif; 
	color:rgb(0,0,0); 
	font-weight:normal; 
	font-size: 10pt;
	text-align: left; 
	}

                      /* ------------------ HR ----------------------------- */

hr.r1 {
	height: 2px; 
	color:rgb(220,20,60);
	}

hr.b0 {
	height: 1px; 
	color:rgb(0,0,0);
	}

table.pad10px {
	width: 100%; 
	border-style: none; 
	outline-style: none; 
	border-collapse: collapse;
	text-align: center; 
	padding: 10px;
		}

table.nopad {
	width: 100%; 
	border-style: none; 
	outline-style: none; 
	border-collapse: collapse;
	text-align: center; 
		}


/* ------------------------------------- END of GENERAL Style Info --------------------------------- */


/* --------------------------------- BREWDAY PAGE STYLE INFO ----------------------------------------- */

th.brewday-head {
	width:33%; 
	vertical-align: middle; 
	background-color: rgb(248,248,255); 
	text-align:center;
	font-size: 14pt; 
	font-weight: bold; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color: rgb(25,25,112);
	}


th.brewday-head1 {
	width:33%; 
	vertical-align: middle; 
	background-color: rgb(0,206,209); 
	text-align:center;
	font-size: 14pt; 
	font-weight: bold; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color: rgb(25,25,112);
	border-width: 2px;
	border-style: solid;
	border-color: rgb(0,0,0);
	}


th.brewday-head2 {
	width:33%; 
	vertical-align: middle; 
	background-color: rgb(152,251,152); 
	text-align:center;
	font-size: 14pt; 
	font-weight: bold; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color: rgb(25,25,112);
	border-width: 2px;
	border-style: solid;
	border-color: rgb(0,0,0);
	}

th.brewday-head3 {
	width:33%; 
	vertical-align: middle; 
	background-color: rgb(245,222,179); 
	text-align:center;
	font-size: 14pt; 
	font-weight: bold; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color: rgb(25,25,112);
	border-width: 2px;
	border-style: solid;
	border-color: rgb(0,0,0);
	}


td.brewday-col1 {
	width:33%; 
	vertical-align: middle; 
	background-color: rgb(0,206,209); 
	text-align:center;
	font-size: 12pt; 
	font-weight: bold; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color: rgb(25,25,112);
	}


td.brewday-col2 {
	width:33%; 
	vertical-align: middle; 
	background-color: rgb(152,251,152); 
	text-align:center;
	font-size: 12pt; 
	font-weight: bold; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color: rgb(25,25,112);
	}

td.brewday-col3 {
	width:33%; 
	vertical-align: middle; 
	background-color: rgb(245,222,179); 
	text-align:center;
	font-size: 12pt; 
	font-weight: bold; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color: rgb(25,25,112);
	}


tr.brewday-head {
	height:30px; 
	text-align:center; 
	vertical-align:middle;
	}

tr.brewday {
	height:60px; 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 12pt; 
	color: rgb(0,100,0);
	text-decoration:none; 
	text-align: center; 
	vertical-align: middle;
	font-weight:bold;
	}



/* -------------- BREWS PAGE Table Style Info --------------------------------------------------------------------- */

tr.year {
	background-color:rgb(25,25,112); 
	height:30px; 
	font-size: 12pt; 
	font-weight: bold; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color: rgb(255,215,0); 
	}

tr.brews-hd {
	background-color:rgb(248,248,255); 
	height:20px; 
	font-size: 10pt; 
	font-weight: normal; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color:rgb(0,0,0); 
	}

tr.brews {
	height:20px; 
	font-size: 10pt; 
	font-weight: normal; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color:rgb(0,0,0); 
	}

tr.mead {
	height:20px; 
	font-size: 10pt; 
	font-weight: normal; 
	text-align:center; 
	font-family: verdana,arial,helvetica,sans-serif; 
	color:rgb(0,0,0); 
	background-color:#FFFFCC; 
	}

td.brew-left {text-align:left;}
td.brew-batch {width:30px;}
td.brew-style {width:280px;}
td.brew-date {width:70px;}

/* ------------------------------------- END of BREWS PAGE Table Style Info ------------------------------- */





/* ------------------------------------- EXPERIMENTING ------------------------------- */

table.notebook {width: 100%; border-style: none; outline-style: none; border-collapse: collapse; background-image: url(c:\zzap\images\notebookpaper-lg.gif); background-repeat: no-repeat; }





img.abso {height:75px; width:20px; position: absolute; left:864px; top: 400px; z-index:3}


img.abso2 {height: 200px; width: 200px; position: absolute; left: 700px; top: 500px; z-index:0}







div#test {background-image: url(c:\zzap\images\z-postit-3.jpg); background-repeat: no-repeat; position: fixed; height: 200px;width: 200px; z-index: 1;}

div#testtext {position: relative; height: auto; width: 180px; left: 15px; top: 25px; font-family: "bradley hand itc";}

div#testtext2 {position: relative; height: auto; width: 180px; left: 5px; top: 5px; font-family: "bradley hand itc"; z-index:0;}


div#test2a {background-image: url(c:\zzap\images\z-postit-3.jpg); background-repeat: no-repeat; height: 200px;width: 200px; position: fixed; z-index:0;}

div#test2b {background-image: url(c:\zzap\images\skull-ani1.gif); background-repeat: no-repeat; position: relative; height: 100%; width: auto; left: 15px; top: 30px; z-index: 1;}

div#test2c {background-image: url(c:\zzap\images\z-postit-3.jpg); background-repeat: no-repeat; height: 200px; width: 200px; position: relative; height: 100%; width: auto; left: -50px; top: 25px; z-index:1}

div#test2d {background-image: url(c:\zzap\images\z-postit-3.jpg); background-repeat: no-repeat; height: 200px; width: 200px; position: absolute; left: 75px; top: 25px; z-index:2}

div#test2e {background-image: url(c:\zzap\images\kolsch-glass.bmp); background-repeat: no-repeat; height: 100%; width: auto; position: relative; left: 75px; top: 15px; z-index:3}

                      /* ------------------------------------------------ */

div#testtext3 {position: relative; height: auto; width: 100%; left: 5px; top: 5px; font-family: "bradley hand itc"; z-index:0; font-size: 12px;}


div#test3 {background-image: url(c:\zzap\images\postit-sm2.jpg); background-repeat: no-repeat; height: 80px;width: 110px; position: fixed; z-index:0;}

                      /* ------------------------------------------------ */

a.five:link {color: rgb(255,215,0); text-decoration: none}
a.five:visited {color: rgb(255,215,0); text-decoration: none}
a.five:hover {text-decoration: underline}