BODY {background: #1F0D05; margin: 0px 0px 20px 0px;} * {margin: 0; padding: 0;} IMG {border: 0px;} #CONTAINER {width: 958px; display: table; background: #000000; position: relative; margin:0 auto;} /* display: table; should not be used on CONTENT to set an elastic 100% auto-height. float: left; is necessary on the CONTENT DIV instead to ensure RIGHT column does not slide to bottom of LEFT column in FF, something that occurs in FF with random page loads. This will also allow the background to expand to fill the entire CONTENT space */ #CONTENT {float: left; width: 950px; background: url("images/evason-bkg-left.jpg"); position: relative; border-left: solid 4px #000000; border-right: solid 4px #000000;} #HEADER {width: 950px; height: 210px; background: url("images/evason-header.jpg"); margin:0 auto; position: relative;} #HEADER-CAMP {width: 950px; height: 210px; background: url("images/evason-header-camp.jpg"); position: relative;} /* z-index allows the dropdown nemu selections to appear in front of the content below them */ #MENU {width:950px; height:28px; background: #000000; position: relative; border-top: 1px solid #C9A13D; border-bottom: 1px solid #C9A13D; z-index:100; margin:0 auto;} #MENU ul {padding:0; margin:0; list-style: none;} #MENU ul li {float:left; position:relative;} #MENU ul li.dot {width: 20px; font: bold 21px Arial; color: #C9A13D; text-align: center; padding-top: 1px; float:left; position:relative;} #MENU ul li.spacr {width: 65px; float:left; position:relative;} #MENU ul li a {width:100px; height:28px; font: bold 13px trebuchet ms; display:block; text-decoration:none; text-align:center; color:#fff; background:#000000; line-height:26px; overflow:hidden;} #MENU ul li ul {display: none;} /* specific to non IE browsers. IE6 formatting is in evason-menuie6.css */ #MENU ul li:hover a {color: #FFCF5A; background:#333333;} #MENU ul li:hover ul {width:100px; top:28px; left:0; display: block; position: absolute;} #MENU ul li:hover ul li a {height:24px; color:#FFFFFF; background:#555555; display: block; line-height:24px;} #MENU ul li:hover ul li a:hover {color: #000000; background:#FFCF5A;} #LEFT {float: left; width: 320px; height: auto; padding: 25px 25px 50px 25px; position: relative;} #LEFT P {font: 13px Trebuchet MS; color: #FFFFFF; text-align: left; padding-bottom: 12px;} #LEFT .LINK {padding-bottom: 32px;} #LEFT A {font: bold 13px Trebuchet MS; color: #FFCF5A; text-decoration: underline;} #LEFT A:hover {text-decoration: underline;} #LEFT ul {list-style-type: square; text-align: left; padding: 0px 10px 0px 15px;} #LEFT ul li {font: bold 13px Trebuchet MS; color: #FFFFFF; padding: 3px 0px 6px 0px;} #LEFT-HALF {float: left; width: 160px; height: auto; margin-bottom: 18px; position: relative;} #LEFT-HALF ul {list-style-type: square; text-align: left; padding: 0px 10px 0px 15px;} #LEFT-HALF ul li {font: bold 12px Trebuchet MS; color: #FFFFFF; padding: 1px;} #RIGHT {float: right; width: 500px; height: auto; background: url("images/evason-bkg-right.jpg") repeat; padding: 25px 38px 50px 38px; position: relative; border-left: solid 4px #000000;} #RIGHT-CAMP {float: right; width: 500px; height: auto; background: url("images/evason-bkg-right-camp.jpg") repeat; padding: 25px 38px 50px 38px; position: relative; border-left: solid 4px #000000;} P {font: 13px Georgia; color: #000000; text-align: left; padding-bottom: 12px; line-height: 17px;} H1 {font: bold 32px Trebuchet MS; color: #000000; text-align: left; padding-bottom: 3px;} H2 {font: bold 19px Trebuchet MS; color: #996904; text-align: left; padding: 12px 0px 3px 0px;} H3 {font: bold 19px Trebuchet MS; color: #996904; text-align: left; padding: 0px 0px 18px 0px;} H4 {font: bold italic 13px Trebuchet MS; color: #222222; text-align: left; padding: 0px 0px 6px 0px;} H5 {font: 20px Trebuchet MS; color: #FFCF5A; text-align: left; padding: 6px 0px 3px 0px;} H6 {font: italic 11px Trebuchet MS; color: #FFCF5A; text-align: left; padding: 0px 0px 24px 0px;} A {font: bold 13px Trebuchet MS; color: #996904; text-decoration: underline;} A:hover {font: bold 13px Trebuchet MS; color: #885803; text-decoration: underline;} .quote {font: bold italic 13px Georgia; color: #FFFFFF; text-align: center; padding: 172px 0px 6px 400px;} #STORE {float: left; width: 460px; height: auto; background: #C7B48A; padding: 20px; margin-top: 25px; position: relative;} #STORE-ITEM {float: left; width: 120px; height: 100%; text-align: center; position: relative;} #STORE-TEXT {float: right; width: 310px; height: 100%; position: relative;} #STORE P {font: 13px Trebuchet MS; color: #000000; text-align: justify; padding: 0px 0px 6px 0px; line-height: 17px;} #STORE H1 {font: bold 16px Trebuchet MS; color: #000000; text-align: left; padding-bottom: 3px;} #STORE H2 {font: bold 20px Trebuchet MS; color: #8F6400; padding: 6px 0px 0px 0px; text-align: center;} #STORE H3 {font: bold 20px Trebuchet MS; color: #8F6400; padding: 0px; text-align: center;} #STORE H4 {font: bold 12px Trebuchet MS; color: #8F6400; padding: 6px 0px 0px 0px; text-align: center;} #PROMO {float: left; width: 460px; height: auto; background: #C7B48A; text-align: center; padding: 20px; margin-top: 25px; position: relative;} #PROMO-HALF {float: left; width: 500px; height: auto; margin-top: 25px; position: relative;} #PROMO-L {float: left; width: 200px; height: auto; background: #C7B48A; text-align: center; padding: 20px; position: relative;} #PROMO-R {float: right; width: 200px; height: auto; background: #C7B48A; text-align: center; padding: 20px; position: relative;} #PROMO P, #PROMO-L P, #PROMO-R P {font: 13px Trebuchet MS; color: #000000; text-align: center; padding: 0px 0px 6px 0px;} #PROMO H1, #PROMO-L H1,#PROMO-R H1 {font: bold 16px Trebuchet MS; color: #000000; text-align: center; padding-bottom: 3px;} #PROMO H2, #PROMO-L H2,#PROMO-R H2 {font: bold 13px Trebuchet MS; color: #000000; text-align: center; padding: 0px 0px 6px 0px;} #PROMO-HALF IMG {margin: 8px 0px 8px 0px;} #PROMO IMG.pdf {margin-bottom: 12px;} #FOOTER {clear: both; width: 950px; height: 70px; background: #000000 url("images/evason-footer.jpg"); margin:0 auto; position: relative; border-top: solid 2px #C9A13D;} #FOOTER-CAMP {float: left; width: 910px; height: 70px; background: #000000 url("images/evason-footer-camp.jpg"); padding-left: 40px; position: relative; border-top: solid 2px #C9A13D;} #FOOTER-L {width: 420px; float: left; text-align: center; padding: 15px 0px 0px 20px; position: normal;} #FOOTER-L P {color: #C7B471; font: 13px Times New Roman; text-align: center; padding-top: 8px;} #TABLE {width: 475px; height: 100%; background: #C7B48A; display: table; padding: 12px; margin: 15px 0px 15px 0px;} TABLE.jeff td {font: bold 13px Trebuchet MS; color: #000000; text-align: left; padding-bottom: 6px;} HR {color: #AA7A05; height: 1px; padding: 0px; margin: 12px 0px 18px;} HR.form {color: #AA7A05; height: 1px; padding: 0px; margin: 0px;} .button {font: bold 13px Trebuchet MS; margin-top: 8px; padding: 2px;} form {margin: 0px;}