body{ background: #ebeaf0; margin: 0px; padding: 10px 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #424242; } img{ vertical-align: bottom; border: none; } form{ margin: 0px; padding: 0px; } .clear{ clear: both; height: 1px; line-height: 1px; font-size: 1px; } #wrapper{ width: 980px; background: #ffffff; border: solid 1px #d3d2d6; margin: auto; text-align: left; } .pad1{ padding: 5px 10px 0px 10px; } #header{ } #logo{ width: 400px; float: left; } #topMenu{ width: 400px; float: right; text-align: right; padding: 35px 0px 0px 0px; text-align: right; } #topMenu a{ color: #424242; text-decoration: underline; } #topMenu a:hover{ text-decoration: none; } #navBar{ background:url(/img/template/thegrange/menu_bg.png) repeat-x bottom #e20000; margin: -1px 0px 0px 0px; position:relative; z-index: 2500; float:left; } #navBar ul{ margin: 0px; padding: 0px; list-style: none; width: 705px; float: left; position: relative; } #navBar ul li{ float: left; border-right: solid 1px #ffffff; position: relative; } #navBar ul li a{ color: #ffffff; font-weight: bold; text-decoration: none; display: block; padding: 5px 10px; } #navBar ul li a:hover{ color: #761d1d; background:url(/img/template/thegrange/menu_bg_sel.png) repeat-x bottom #fc2134; } #navBar ul ul{ display: none; position: absolute; width: 140px; background: #8a2222; z-index: 3000; left:auto; } #navBar ul li:hover ul{ display: block; } #navBar ul ul li{ border: none; float: none; } #navBar ul ul li a{ color: #ffffff; font-weight: normal; padding: 3px 10px; display: block; height: 100%; } #navBar form{ width: 250px; float: right; padding: 2px 0px 0px 0px; } #navBar form input.textbox{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #969696; padding: 3px 0px; border: solid 1px #cdbb7d; width: 175px; vertical-align: middle; } #navBar form input.button{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-decoration: underline; line-height: 12px; font-weight: bold; color: #2c2c2c; background: #faf2d6; border: solid 1px #faf2d6; padding: 3px 5px; vertical-align: middle; cursor: pointer; } #breadcrumbs{ background: #fbf6e3; color: #424242; font-size: 12px; line-height: 16px; padding: 3px 6px; border-bottom: solid 1px #ded1a3; clear: both; } #breadcrumbs a{ color: #424242; font-size: 12px; line-height: 16px; text-decoration: none; } #breadcrumbs a:hover{ color: #b60022; } #leftSide{ width: 230px; float: left; padding: 1px 0px 0px 0px; } #leftBanners{ text-align: center; } #leftBanners a{ display: block; padding: 3px 0px; } #mainContent{ width: 722px; float: right; padding: 1px 0px 0px 0px; } .box1{ background:url(/img/template/thegrange/gradient_red.png) repeat-x bottom #e10001; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; padding: 0px 5px 3px 7px; margin: 15px 0px 5px 0px; } .box1 a{ text-decoration: underline; color: #ffffff; } #homeBoxes{ padding: 10px 0px 0px 0px; } #homeBoxes h2{ margin: 0px; padding: 10px; color: #424242; font-size: 14px; line-height: 17px; font-weight: bold; background: #e1d8ba; border-top: solid 1px #d3c9a6; } #homeBoxes h3{ font-size: 18px; line-height: 21px; color: #e00002; font-weight: normal; margin: 0px; padding: 0px; } #homeBoxes p{ padding: 8px 0px; margin: 0px; } .homeBox1, .homeBox2, .homeBox3{ width: 230px; background: #faf2d6; min-height: 240px; } * html .homeBox1, * html .homeBox2, * html .homeBox3{ height: 240px; } .homeBox1{ float: left; margin: 0px 15px 0px 0px; } .homeBox2{ float: left; margin: 0px; } .homeBox3{ float: right; } .homeBoxContent{ padding: 9px 9px 3px 9px; } .homeBoxContent img{ border: solid 1px #d5cba8; } .homeBox2 .homeBoxContent{ /* background:url(/img/template/thegrange/may_bank_holiday.png) no-repeat center top; */ padding: 0px 10px 0px 10px; } .homeBox2 .homeBoxContent img{ border: none; } #footerGallery{ background: #faf2d6; margin: 20px 0px 0px 0px; } #SCLogo{ width: 80px; float:left; } #footerGallery .footerGalleryText{ width: 150px; float: left; text-align: right; } #footerGallery .footerGalleryText h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 25px; margin: 0px; padding: 3px 0px; color: #424242; font-weight: normal; } a.redButton{ background:url(/img/template/thegrange/gradient_red.png) repeat-x bottom #e10001; font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 10px; line-height: 12px; color: #ffffff; text-decoration: underline; padding: 3px 10px 5px 10px; } a.redButton:hover{ text-decoration: none; } #footerGallery .footerGalleryText a.redButton{ float: right; } #footerGallery .footerGalleryImages{ width: 725px; float: right; text-align: center; } #footerGallery .footerGalleryImages a{ margin: 0px 0px; } #footer{ background:url(/img/template/thegrange/footer_bg.png) repeat-x bottom #e20000; padding: 5px 15px 8px 15px; margin: 10px 0px 0px 0px; color: #ffffff; font-size: 11px; line-height: 13px; } #footer p.copyright{ width: 400px; float: left; padding: 0px; margin: 0px; text-decoration: underline; } #footerMenu{ width: 500px; float: right; text-align: right; } #footerMenu a{ color: #ffffff; text-decoration: underline; padding: 0px 2px; } #footerMenu a:hover{ text-decoration: none; } #leftMenu{ background:url(/img/template/thegrange/leftmenu_bg.png) repeat-x top #ded1a3; padding: 7px; } #leftMenu ul{ margin: 0px; padding: 0px; list-style: none; } #leftMenu ul li{ background:url(/img/template/thegrange/hr.png) repeat-x left bottom; } #leftMenu ul li a{ display: block; padding: 5px 15px; color: #424242; text-decoration: underline; width: 100%; } #leftMenu ul li a:hover{ color: #b60022; } /*********** Gallery CSS ************/ #galleryWrapper{ min-height: 500px; width: 480px; } * html #galleryWrapper{ height: 500px; } .galleryTitle{ font-size: 13px; line-height: 16px; padding: 15px 0px 10px 0px; font-weight: bold; } .galleryDesc{ padding: 0px 0px 10px 0px; } #galleryFullImageBox{ width: 250px; float: left; } #galleryFullImage{ width: 250px; } #galleryThumbs{ width: 225px; float: right; font-weight: bold; } #galleryThumbs img{ width: 70px; height: 50px; border: solid 1px #000000; } #galleryThumbs td{ padding: 0px 0px 5px 0px; } #galleryImageTitle{ padding: 10px 0px; font-weight: bold; } #galleryImageDesc{ padding: 7px; background: #FFF8E8; border: solid 1px #FFD78F; } #galleriesList{ border-bottom: solid 5px #FFD78F; } #galleriesList a{ background: #FFF8E8; border-left: solid 1px #FFD78F; border-top: solid 1px #FFD78F; border-right: solid 1px #FFD78F; padding: 5px 10px; text-decoration: none; color: #8C8C8C; margin: 0px 10px 0px 0px; float: left; } #galleriesList a.selected{ background: #FFEDCF; } .myForm td, input, select, textarea, checkbox { font-family: tahoma; font-size: 12px; } .required { color: red; } .lastUpdated{ width: 200px; float: right; padding: 10px 0px 5px 0px; text-align: right; } .myForm td, input, select, textarea, checkbox { font-family: tahoma; font-size: 12px; } .required { color: red; } /*************************************/