body { margin: 0 ; padding: 0; padding-top:0.5em; background: #E5E5E5; font: 0.8em Verdana, Arial, Helvetica, sans-serif; color:#444444; border: solid #616161; border-width: 0; text-align:center; /*background-image: url("images/ttbackground2.gif"); background-repeat:repeat-x;*/ background-image: url("images/bg.gif"); background-repeat:repeat; } h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #eb4e00; margin: 0; padding: 0; } h1 { font-size: 1.6em; color: #cf9e00;} h2 { font-size: 1.4em; color: #ff4422;} h3 { font-size: 1.2em; color: #ff4422;margin-top: 1em; margin-bottom:-10px;} h4 { font-size: 1.1em; color: #cf9e00; font-weight: bold;} p { line-height: 1.3em; margin: 5px; margin-bottom:10px; } p:first-letter { font-size:1.3em; } p:first-line { line-height:1em; } p.highlight { background-color:#ccccdd; padding:5px; margin:15px 15px 15px 15px; } p.highlight:first-letter { font-size:1em; } p.LimerickL, p.LimerickR { font-style:italic; padding:10px 10px 10px 10px; width:300px; } p.LimerickL { float:left; } p.LimerickR { float:right; } a { color:#ff4422; } #centre { width:760px; margin-top:0; margin-left:auto; margin-right:auto; background-color:#FFffFF; text-align:left; } /* General styles for the masthead and footer. They are the same on both pages. */ #masthead { background-color:#ffffff; border: double 2px #ffffff; border-bottom:none; text-align: center; height:125px; } #masthead h2, h1 { color: #FDE229; float:left; padding: 0.5em .5em; } #masthead h4 { color: #ffffff; clear: left; float:left; margin-left:1em; padding-bottom:0em; } #masthead-text { float:left; margin-top:30px; margin-left:10px; } #footer { clear: both; font-size: 0.8em; text-align: center; color: #999; border: 1px solid #9f9e9f; border-width: 1px 0; padding:5px; line-height:20px; } #footer a { color:#565656; } #leftcol, #rightcol { font-size: 0.9em; } #rightcol { width:170px; float:left; margin-top:0.5em; } #content { width:540px; float:left; background: #f6f6fa; margin-top:0.5em; margin-left:5px; padding: 5px 5px; } #content h2, #content h3 { padding: 0.25em 0 .75em; } /* This rule simply demonstrates how you can use a id instead of its class to manupulate visibility of elements */ body#contact #footer { display: none; } #Signup { background-image:url(images/Web2SignUp.gif); float:right; width:120px;height:120px; } /* ================================================================ Horizontal top menu ================================================================ */ .menubar { font-size:1em; height:2.5em; background-color:#333333; font-family:'Helvetica'; text-align:center; font-weight:bold; padding-left:60px; font-size:1.1em; margin-bottom:0.5em; border-top:solid 1px gray; border-bottom:solid 1px gray; } .menuitem a { float:left; color:#ff4422; margin:0.7em 1em 0 0; } .menuitem a:hover { color:#ffffff; } /* ================================================================ Vertical side menu (Aff links) ================================================================ */ .sidemenu { } .menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a { width:148px; height:29px; float:left; text-align:center; margin:5px 0 0 17px; } .menu1 a{ background-image: url(images/ButtonGreatBachelorParties.gif); } .menu2 a{ background-image: url(images/ButtonBestManSpeeches.gif); } .menu3 a { background-image: url(images/ButtonGivingYourSpeech.gif); } .menu1 a:hover{ background-image: url(images/ButtonGreatBachelorPartiesRed.gif); } .menu2 a:hover{ background-image: url(images/ButtonBestManSpeechesRed.gif); } .menu3 a:hover{ background-image: url(images/ButtonGivingYourSpeechRed.gif); } /* ================================================================ Feature Boxes ================================================================ */ .SpecialBox, .ArticleBox { background-color:#fff; border:solid 1px #fff; /*background-image:url(/html/images/yellowfade.gif); background-repeat:repeat-x;*/ margin:2em 0em 1em 0em; padding:0.5em; border-top:solid 2px #FEF1C4; border-left:solid 2px #FEF1C4; border-bottom:solid 2px #DAAA04; border-right:solid 2px #DAAA04; border-top:solid 2px #ddddee; border-left:solid 2px #ddddee; border-bottom:solid 2px #666688; border-right:solid 2px #666688; float:right; /*font-size:0.9em;*/ } #SpecialBoxLimerick { width:140px; margin:10px 10px 10px 7px; color:green; float:right; } #SpecialBoxWeddingPlan { width:140px; margin:10px 5px 10px 10px; float:left; border:0; } .ArticleBox { width:220px; float:left; margin-right:1em; padding:0; } .ArticleBoxHeader { background-color:#DAAA04; padding:3px; font-weight:bold; } .ArticleBox a { width:210px; display:block; margin:0.3em; color:#ff4422; } .LeprechaunImage { float:right; } .Limerick { font-style:italic; margin: 0.5em 0 0 1em; } .AddThis { float:right; } /* ================================================================ PictureFeature ================================================================ */ .PictureFeature { border-top:solid 2px #Fff7DE; border-left:solid 2px #Fff7DE; border-bottom:solid 2px #DAAA04; border-right:solid 2px #DAAA04; padding:5px; height:18em; margin:15px; background-color:#FFF7C6; } .PictureFeature h2 { color:#dd2222; font-weight:bold; font-family:arial; font-size:1.6em; } .PictureFeatureText, .PictureFeatureTextR { font-size:0.9em; width:260px; float:left; } .PictureFeatureText { float:none; border:solid 1px green; } .PictureFeatureTextR { float:right; } .PictureFeatureImage { margin-left:1em; float:right; } .PictureFeatureImageR { float:left; } .PictureFeatureImage img, .PictureFeatureImageR img { width:150px; height:200px; border:0; } .PictureFeatureHighlight { color:#dd0000; font-style:italic; } .PictureFeature a { text-decoration:none; } .Recommended { float:left; font-style:italic; color: #cf9e00; } .BannerWide { margin:10px 0 10px 10px; }