body{ margin: 0; padding: 0; text-align: center; font-size: 11px; } #wrapper{ position: relative; text-align: left; width: 760px; margin-right: auto; margin-left: auto; padding: 5px 0 0 0; top: -1px; height: 1836px; #header { border-bottom: 1px solid #660000; } #footer{ clear: both; display: block; background: #DFC1C1; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 1px; padding-right: 1px; padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #660000; border-bottom: 1px solid #660000; border-left: 1px none #660000; color: #660000; #navigationfoot { } #navigationfoot ul { list-style: none; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; } #navigationfoot li { display: block; padding: 5; float: left; } #navigationfoot a:link, #navigation a:visited { color: #660000; text-decoration: none; padding-right: 15px; display: block; text-align: left; } #navigationfoot a:hover { background-color: #DFC1C1; color: #660000; display: block; } } #navigation { background-color: #DFC1C1; width: 760px; border-top: 1px solid #660000; border-bottom: 1px solid #660000; } #navigation ul { list-style: none; margin: 0; padding: 0; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; } #navigation li { margin: 0px; padding: 0px; display: block; float: left; } #navigation a:link, #navigation a:visited { background-color: #660000; color: #FFFFFF; text-decoration:none; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; border-left-width: 2px; border-left-style: solid; border-left-color: #DFC1C1; display: block; padding-left: 15px; text-align: left; } #navigation a:hover { background-color: #DFC1C1; color: #ffffff; border-left-color: #660000; display: block; } #content1{ width: 480px; height: 120px; float: right; padding-top: 6px; padding-bottom: 0px; border-bottom: 1px solid #660000; font: 105% Verdana, Arial, sans-serif; h1{ font: bold Verdana, Arial, sans-serif; padding-left: 10px; margin-bottom: 3px; color: #660000; } } #mainpic{ float: left; width: 280px; height: 120px; padding-top: 6px; padding-bottom: 9px; border-bottom: 1px solid #660000; } /* without a border used in main2 template*/ #mainpic2{ float: left; width: 280px; height: 120px; padding-top: 6px; padding-bottom: 6px; } /* for main2 template*/ #content2{ width: 480px; height: 120px; float: left; font: 100% Verdana, Arial, sans-serif; padding-top: 12px; color: #660000; } h6{ padding-left: 5px; padding-bottom: 3px; font: bold 100% Verdana, Arial, sans-serif; } #rightimg { float:right; border: 1px solid #DFC1C1; } /* 3 column display used in signature2*/ #side1{ float: left; /*did not use position relative or z-index attributes*/ width: 180px; padding-top: 6px; } #content3{ width: 400px; float: left; } #side2{ float: right; width: 160px; padding-top: 6px; } p{ font:100% Verdana, Arial, sans-serif; margin-left: 5px; margin-bottom: 20px; margin-right: 2px; } h2{ font: bold 100% Verdana, Arial, sans-serif; padding-top: 1px; margin-bottom: 5px; text-align: center; color: #660000; text-transform: uppercase; } #albumlist { list-style-type: none; } #albumlist li { float: right; width: 182px; height: 190px; margin-right: 5px; margin-bottom: 10px; font: bold Verdana, Arial, sans-serif; color:#660000; border: 1px solid #DFC1C1; } #albumlist img { display: block; border-bottom: 1px solid #DFC1C1; } #albumlist.separatorinvisible { float: none; height:2px; } /*used in chocolates page*/ #albumlist2 { list-style-type: none; padding-right: 20px; } #albumlist2 li { float: right; width: 135px; height: 150px; margin-right: 5px; margin-bottom: 10px; font: bold Verdana, Arial, sans-serif; color:#660000; border: 1px solid #DFC1C1; } #albumlist2 img { display: block; } #albumlist2.separatorinvisible { float: none; height:2px; } #thumbnails div { width: 182px; height: 190px; float: left; margin-right: 10px; } #thumbnails.separatorinvisible { float: none; height: 1px; } }