/* THANKS A TON TO POSITIONISEVERYTHING! THIS CSS WILL ONLY WORK CORRECTLY IF THE HTML IS CODED IN THE FOLLOWING ORDER: */ body { font-size: 12pt; font-family: "Trebuchet MS", Verdana, sans-serif; background: transparent; text-align: center; z-index: 1; } #middlebox { float: left; width: 69%; margin-left: 15%; background-color: #ffffff; font-size: 11pt; z-index: 3; } * html #middlebox { display: inline; } #middlebox p { padding: 0em 1em 0em 1em; } #middlebox H2 { font-size: 13pt; font-family: "Garamond", Verdana, sans-serif;font-style: italic; color: #d3242c; } #middlebox H1 { color: #d3242c; font-family: "Times New Roman", Verdana, sans-serif; text-align: center; } #middlebox address { display: block; float:left; margin-left: 5%; margin-right: 4%; margin-top: 10px; margin-bottom:10px; text-align: left; width: 38%; height:130px; color: #006600; font-size: 11pt; font-family: "Times New Roman", Verdana, sans-serif;font-weight: bold; border:3px solid #fff; border-color:#def #678 #345 #cde; padding: .25em .5em .25em .5em; } #middlebox address p { text-align:center; line-height:.1em; font-size: 130%; } #middlebox address big { font-size: 200%; } #middlebox address em { font-size: 130%; font-style:italic; text-align:center; } #middlebox address a { font-size: 120%; } #leftbox, #rightbox { float: left; width: 15%; font-family: "Comic Sans MS", cursive; font-size: 11pt; letter-spacing: 0.02em; text-align: left; } #leftbox { margin-left: -85%; background: #d3242c; } #rightbox { background: #059948; } #leftbox ul, #rightbox ul { font-size: 10pt; margin-right: 25px; } #leftbox ul a, #rightbox ul a { text-decoration: none; color: #330000; } #leftbox ul a:hover, #rightbox ul a:hover { color: #cc3300; background: #ffff33; } #leftbox H1, #rightbox H1 { font-style: italic; font-size: 13pt; color: #660000; font-family: "Arial Black", Verdana, sans-serif; line-height: 30%; text-align: center; } #leftbox p, #rightbox p { text-align: left; font-size: smaller; color: #800000; font-family: "Trebuchet MS", Verdana, sans-serif; } /* Start Mac IE5 filter \*/ #middlebox, #leftbox, #rightbox { padding-bottom: 32767px !important; margin-bottom: -32767px !important; } /* End Mac IE5 filter */ #wholepage { overflow: hidden; /* This hides the excess padding in non-IE browsers */ z-index:0; } #footer { clear: both; color: #ffff99; margin-bottom: 1em; font-size: 8pt; } /* Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack */ * > #footer, * > form, * > #notes, * > .output { position: relative; z-index: 100; } #footer p { font: italic 0.55em "Comic Sans MS", sans-serif ; text-align: center; color: #990000; } #topbanner { display: block; overflow: hidden; margin: 0; padding: 0; } #topbanner img { margin-bottom: 1em; } #topbanner a img { margin-left: auto; margin-right: auto; display: block; } a img { display:block; text-decoration:none; background-color: transparent; border: none; } .nohover a:hover { background-color: transparent; } .intro { float: left; padding-right: 30px; display: block; margin-left: auto; margin-right: auto; } .centeredimg { overflow: visible; display: block; margin-left: auto; margin-right: auto; } .centeredimg img { text-align: center; display: block; margin-left: auto; margin-right: auto; } .figureleft { position: relative; float: left; text-align: center; font-style: italic; font-size: smaller; margin: 0.5em 1em 1px 1px; } .figureleft img { overflow: hidden; padding: 0px; border: none; } .figureleft p { text-align: center; font-style: italic; font-size: smaller; } .figureright { position: relative; float: right; text-align: center; font-style: italic; font-size: smaller; margin: 0.5em 1em 1px 1px; } .figureright img { overflow: hidden; padding: 0px; border: none; } .figureright p { text-align: center; font-style: italic; font-size: smaller; } /* MENU BUTTONS */ .links { padding: 10px 10px 10px 10px; width: 90%; font: bold 11pt Verdana, sans-serif; display: block; } .links big { font-family: "Times New Roman", serif; font-size:180%; font-style:italic ; } #leftbox .links { margin-left:4%; /* need since leftbox has neg. margin */ } .links a { display: block; margin-bottom: 3px; color: #ffffff; text-align: center; text-decoration: none; border:2px solid #fff; border-color:#def #678 #345 #cde; } .links a:hover { color: #cc3300; background: #ffff33; } .links a img { clear: both; display: block; margin-left: auto; margin-right: auto; } .retailer { z-index: 10000; margin-left : 2%; display : block; float : left; width : 380px; height : 136px; text-align : center; color : #006400; font-family : "Comic Sans MS", cursive; font-size : 10pt; font-weight : bold; letter-spacing : 0.02em; padding : 18px 4px 4px 4px; background-color : #ffffff; background: url("../images/beer-good-bk.gif") no-repeat ; } .retailer big { font-family : "Arial Black", Verdana, sans-serif; font-style : italic; font-weight : 500; font-size : 11pt; } .retailer a { font-size : 13pt; color : #ff0000; font-family : "Arial", Verdana, sans-serif; } .retailer a big { font-size : 16pt; font-style : normal; } .retailer strong { font-size : 13pt; font-style : normal; color : #003300; font-family : "Arial", Verdana, sans-serif; } .retailer p { font-size : 90%; }