/* --------------------------------------------------------------------------------------------------------------------------------- LiquidWeb v4.0 CSS Document Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk /* --------------------------------------------------------------------------------------------------------------------------------- */ html { height:100%; margin:0;} body { height:100%; margin:0; background:#453826 url(/images/background.gif) repeat-y center top; color:#898989; cursor:default; font-size:62.5%; font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; padding:0; text-align:center;} #wrapper, #footer { font-size:1.2em; width:980px; margin:0 auto; text-align:left; position:relative; border:1px solid #26211a; border-width:0 2px;} #wrapper { min-height:100%; height:auto !important; height:100%; margin:0 auto -65px;} /* --------------------------------------------------------------------------------------------------------------------------------- RESETS & UNIVERSAL CLASSES /* --------------------------------------------------------------------------------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;} fieldset, img, abbr, acronym { border:0 none;} table { border-collapse:separate; border-spacing:0;} :focus { outline:0;} address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;} caption, th { text-align:left;} h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after { content:"";} .hidden, .special_message { display:none !important;} #accessibility { display:block !important; position:absolute; top:0; left:-99999px;} label.hidden { display:inline !important; left:-9000px; position:absolute;} fieldset.hidden { display:block !important;} .nomargin { margin:0 !important;} .fleft { float:left;} .fright { float:right;} .clear { clear:both; height:0; line-height:0; visibility:hidden;} .clearfix:after, dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #ie6 .clearfix, #ie6 dl, #ie7 .clearfix, #ie7 dl { display:inline-block;} /* --------------------------------------------------------------------------------------------------------------------------------- TYPOGRAPHY /* --------------------------------------------------------------------------------------------------------------------------------- */ a { padding:0; color:#372C24; font-weight:normal; text-decoration:none;} a:hover, a:focus { cursor:pointer; color:#887459;} a:active { text-decoration:underline;} a.selected, a.selected:hover { background:#797367;} strong a { font-weight:bold !important;} h1, h2, h3, h4, h5, h6, p { margin:0 0 15px 0;} p { line-height:1.4em;} h1 { color:#887459; font-size:2.4em;} h1 + p { font-size:1.2em;} h2 { color:#887459; font-size:2.4em;} h2 + p { font-size:1.2em;} h3 { font-size:1.3em; margin-bottom:10px; color:#555;} h4, h5, h6 { font-size:1em; font-weight:bold; margin-bottom:7px;} ol, ul { margin-left:20px;} li { margin-bottom:3px;} ul { margin:0 0 15px 20px;} input, select, textarea, optgroup { font:1em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;} .hr { background:#dddddd; border:none; height:1px; margin:15px 0;} strong { font-weight:bold;} em { font-style:italic;} acronym { font-weight:bold; color:#8c8c8c; font-size:1.4em;} .cross { border:1px solid #f89090;} /* Titles for modules */ .title, .calcmon { color:#fff; background:#000 url(/images/xgradients.gif) no-repeat 0 -187px; font-size:1.6em; font-weight:normal; text-transform:uppercase; margin:0 0 6px;} .title span { display:block; padding:7px 15px;} .cinner .title { background:none; color:#887459; font-size:1.6em; text-transform:none; font-weight:bold; padding:0; margin:0 0 5px;} .cinner .title span { padding:0;} /* Notices for error, warning and success messages */ .notice { margin-bottom:10px;} .notice * { margin:0 0 5px 0;} .notice.error { background:#ffeded; border:1px solid #f89090; color:#d10000; padding:2px;} .notice.warning { background:#fffced; border:1px solid #dfd292; color:#866c13; padding:2px;} .notice.success { background:#f3ffed; border:1px solid #c2e1b6; color:#51713d; padding:2px;} .notice.info { background:#eff8ff; border:1px solid #b7d4ee; color:#455a6d; padding:2px;} .notice .inner { margin:0 0 10px; padding:5px 15px;} /* Images used in galleries and content boxes */ .photoimg img, .photo { padding:3px; background:#fff; overflow:hidden;} .photoimg img { display:block;} /* --------------------------------------------------------------------------------------------------------------------------------- BUTTONS LOGOS ICONS /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Buttons for forms */ .button { display:block; cursor:pointer; border:none; color:#fff; padding:3px; background:#958977; text-transform:uppercase;} .button:hover, .button:focus { background-color:#000; color:#fff;} /* Logos */ .logo { display:block; text-indent:-9000px;} .logo.companylogo { width:142px; height:55px; background:url(/images/logos.gif) no-repeat 0 0; color:#fff; position:relative;} .logo.liquidwebpowered { width:134px; height:35px; background:url(/images/logos.gif) 0 -175px; padding:0;} /* Icons */ .icon { display:block; border:0; height:16px; width:16px; text-indent:-9000px; background:url(/images/icons.gif) no-repeat 0 0;} .icon.arrow_left /*calendar icon*/{ background-position:0 -18px; width:14px; height:14px;} .icon.arrow_right /*calendar icon*/{ background-position:0 -35px; width:14px; height:14px;} .icon.morearrow { background-position:0 -100px; width:19px; height:19px; margin-right:5px;} /* Banners */ .banner.joinrss { background:url(/images/logos.gif) no-repeat 0 -333px; width:200px; height:61px; display:block; text-indent:-9000px;} .banner.ical { background:url(/images/logos.gif) no-repeat 0 -238px; width:200px; height:73px; display:block; text-indent:-9000px;} /* --------------------------------------------------------------------------------------------------------------------------------- STRUCTURE /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Header */ #header { background:#000 url(/images/guarantee.jpg) no-repeat right bottom; color:#fff; position:relative;} #page1 #header { background:#000;} #header .inner { padding:10px; position:relative;} #header #headercontent { height:85px; position:relative; z-index:1;} #header #strapline { color:#fff; font-weight:normal; font-size:1.2em; position:absolute; top:64px; left:10px;} #headnav { position:absolute; top:0px; right:0px; width:290px; height:22px;} #headnav a { float:left; background:none; color:#aaa; padding:0 9px; border-right:1px solid #666;} #headnav a:hover, #headnav a:focus, #headnav a.selected { background:none; color:#fff;} #hnav90 a, #hnav90 a:hover, #hnav90 a:focus, #hnav91 a, #hnav91 a:hover, #hnav91 a:focus, #hnav91 a.selected { background:url(/images/icons.gif) no-repeat 7px -57px; display:block; width:16px; height:16px; text-indent:-9000px;} #hnav90 a, #hnav90 a:hover, #hnav90 a:focus, #hnav90 a.selected { background:url(/images/icons.gif) no-repeat 7px -76px; border:none;} #header #companylogo { position:absolute; top:5px; left:10px; margin:0;} #header #search { position:absolute; top:40px; left:388px; width:205px;} #ie6 #header #search { width:215px;} #header #search legend, #header #search label { display:none;} #header #search #simpleSearch { padding:4px 1px 2px; width:168px; float:left; background:#ffffff; border:1px solid #e1e1e1; color:#5d5d5d;} #header #search #searchgobutton { background:#7c7060 url(/images/icons.gif) no-repeat -50px 0; width:33px; height:23px; border:none; cursor:pointer; float:right;} #header #searchlabel { position:absolute; top:15px; left:388px; width:205px; display:block; text-align:center; font-size:1.2em;} #header #contact { margin:0 auto; width:300px; font-size:0.9em; font-weight:normal; display:none;} .header .box { margin:0;} #header h1 { color:#959595; font-size:5.6em; text-transform:lowercase; margin:0;} #headerimages { height:100px; position:relative; background:url(/images/loading_black.gif) no-repeat center center; overflow:hidden;} #page1 #headerimages { height:415px;} #flags{ position:absolute; top:2px; right:0; width:44px; height:11px;} #flags #uk a{ background:url(/images/icons.gif) 0 -59px; width:16px; height:11px; position:relative; float:left;} #flags #ie a{ background:url(/images/icons.gif) 0 -78px; width:16px; height:11px; position:relative; float:right;} /* Navigation Bar */ /*EXTRA CSS -> look in css/nav for header #nav styles*/ /* Content Layout */ #content { background:#fff; display:block; margin:10px;} #content #inner { display:block; overflow:hidden;} #left, #right { background:#fff;} #left { float:left; left:0px;} #left .linner { padding:0;} #right { float:right; right:0px;} #right .rinner { padding:0; background:#656565 url(/images/ygradients.jpg) no-repeat right bottom; color:#fff;} #right h1, #right h2, #right h3 { color:#fff;} #centre { display:block; height:1%; padding:0 0 0 10px;} #centre .cinner { overflow:hidden;} #content { border-left:200px solid #fff; border-right:240px solid #000;} .noleftcol #content { border-left-width:0 !important;} .norightcol #content { border-right-width:0 !important;} #inner { margin-left:-200px; margin-right:-240px;} .noleftcol #content #inner { margin-left:0 !important;} .norightcol #content #inner { margin-right:0 !important;} #left { width:200px;} #right { width:240px;} #centre { margin-left:200px; margin-right:240px;} .noleftcol #content #centre { margin-left:0 !important;} .norightcol #content #centre { margin-right:0 !important;} .noleftcol #content #left { display:none!important;} .norightcol #content #right { display:none!important;} /* Footer */ #footer, .push { height:65px;} #footer { clear:both; position:relative; height:55px; color:#c7c7c7; background:#000 url(/images/xgradients.gif) no-repeat 0 -187px; font-size:1.3em; padding:5px 0;} #footer .inner { padding:0 10px;} #foottext { font-size:0.9em;} #footnav { margin:7px 0 0; padding:0;} #footnav a { background:none; float:left; padding:0 7px; margin:0; border-left:1px solid #777878; color:#c7c7c7;} #footnav a:hover, #footnav a:focus, #footnav a.selected { color:#fff;} #footer #copyright { float:left; margin-right:4px;} #ie6 #footer #copyright, #ie7 #footer #copyright { line-height:2.4em;} #footer .box { padding:10px;} /* --------------------------------------------------------------------------------------------------------------------------------- BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Box for border on all content sections */ .box { height:1%; margin-bottom:15px;} .inner { height:1%;} /* Filters used in some modules */ .filters { padding:5px 10px; margin-bottom:15px;} .column .filters { padding:0; margin:0;} .rinner .filters select { background:#5B5B5B; border:1px solid #6F6F6F; color:#DDD;} /* Sideboxes */ #left .box { background:#eff1f0 url(/images/ygradients.jpg) no-repeat 0 bottom;} #right .box { margin:0;} .column .box .inner { padding:10px 15px;} .column .filters { margin-bottom:15px; width:97%;} /* Side nav */ #sidenav {} #sidenav dl { margin:0; padding:0 0 20px;} #sidenav a { background:url(/images/icons.gif) no-repeat -286px 8px; display:block; padding:7px 10px 7px 20px; color:#7d7d7d; margin-bottom:1px; text-decoration:none;} #sidenav a:hover, #sidenav a:focus, #sidenav a.selected, #sidenav a.selected:hover { text-decoration:none; color:#887459;} #sidenav a:hover, #sidenav a:focus { color:#000;} #sidenav .sub0 a, #sidenav .sub0 a:hover, #sidenav .sub0 a.selected { color:#fff; background:#000 url(/images/xgradients.gif) no-repeat 0 -187px; font-size:1.6em; font-weight:normal; text-transform:uppercase; margin:0 0 6px;} #sidenav .sub1 a { background-position:20px -138px; padding-left:45px;} #sidenav .sub1 a:hover {} #sidenav .sub1 a.selected { background-position:20px -95px;} #sidenav .sub2 {} #sidenav .sub2 a { background-position:20px -226px; padding-left:45px;} #sidenav .sub2.bottom { margin-bottom:10px;} #sidenav .sub2 a:hover {} #sidenav .sub2 a.selected { background-position:20px -186px;} /* Sitemap */ #sitemap .title { display:none;} #sitemap a:hover { text-decoration:underline;} #sitemap dd { margin:5px 0;} #sitemap .sub0 a { font-weight:bold; font-size:1.2em;} #sitemap .sub1 a { background:url(/images/icons.gif) no-repeat 0px -99px; padding:3px 0 3px 25px;} #sitemap .sub2 a { background:url(/images/icons.gif) no-repeat 0px -190px; padding:3px 0 3px 25px;} /* Search results */ #searchres h3 { margin:0 0 5px;} #searchres h3 a { font-weight:bold;} #searchres .found { font-weight:bold; background:#F2EEE9; color:#000;} /* User logged in as ... (logout) */ #header #login { background:#000 url(/images/xgradients.gif) repeat-x 0 0; padding:10px; position:absolute; bottom:-10px; right:0; width:270px; text-align:left; font-size:1.1em; color:#ddd;} #header #login .inner, #header #login .box, #header #login dd { position:static;} #header #login legend { display:none;} #header #login .text { display:inline;} #header #login .notice{ font-size:1em; white-space:nowrap; width:auto; margin:0; background:none; border:none; position:absolute; top:-18px; left:10px; z-index:10;} #header #login .button { margin:0; float:left; padding:1px 3px 0; background:#000; border:1px solid #3c3733; font-weight:normal; color:#A7A09B;} #header #login .button:hover, #header #login .button:focus { background:#444444 url(/images/xgradients.gif) repeat-x 0 0;} #login .form form { background:none; padding:0; font-size:1em;} /* If login box set to show in header */ #header .login { padding:0; background:none; position:relative; margin:0; border:none;} #header .login .inner { margin:0; padding:0;} #header .login .title { display:none;} #header .login dd { margin:0 0 3px;} #header .login .input { height:15px; float:left; padding:1px 0; background:#5B5B5B; border:1px solid #6f6f6f; color:#000; color:#ddd;} #header .login .input:focus, #header .login .input:active { border-color:#aaa;} #header .login #email { width:198px;} #header .login #password { width:145px; float:left; font-size:0.7em;} #header .login #loginbutton, #header #login #logoutbutton { background:#797878 url(/images/xgradients.gif) repeat-x 0 -158px; padding:1px; color:#fff; border:none; font-size:0.9em; float:right; display:block;} #header .login .label { display:block; width:70px; float:left; text-align:left; margin:0; padding:1px 0; font-size:1em;} #header .login a { font-size:0.9em;} /* --------------------------------------------------------------------------------------------------------------------------------- MODULES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Content Boxes */ .contentbox { padding:20px; background:#e1e1e1 url(/images/xgradients.gif) repeat-x 0 -261px;} .contentbox .title { display:none;} .contentbox .alphafilter { margin-bottom:4px;} .contentbox .azfilter { margin:0;} .contentbox .azfilter a { float:left; background:#fff; color:#958977; border:1px solid #d6d0c7; margin:0 1px 2px 0; padding:0 3px;} .contentbox .azfilter a:hover, .contentbox .azfilter a:focus, .contentbox .azfilter a.selected { background:#958977; border-color:#958977; color:#fff; text-decoration:none;} .contentbox .category { position:relative; float:left; margin:0 4px 5px 0; background:#fff; border:1px solid #c1c1c1; padding:10px; width:150px; height:150px; overflow:hidden;} .contentbox .category.last { margin-right:0} .contentbox .category .name { font-size:1.2em; background:#4c4c4c; color:#fff; display:block; padding:3px 5px; border:1px solid #CCC; border-top:none; width:140px; position:absolute; bottom:10px; left:10px;} .contentbox .category .name:hover { background:#000 url(/images/xgradients.gif) no-repeat 0 -187px;} .contentbox .category .photoimg { width:150px; height:140px; overflow:hidden; display:block; border:1px solid #CCC; border-bottom:none;} .contentbox .category .photoimg img { padding:0; border:none;} .linner .contentbox, .linner .contentbox .inner { padding:0; background:#b7b7b7;} .linner .banner .inner { padding:0 0 15px 0;} .linner .banner .photoimg img { width:192px;} .linner .banner .photoimg:hover img { border-color:#999;} .linner .banner a.name { font-size:1.2em; color:#fff; margin-top:5px; background:url(/images/icons.gif) no-repeat 5px -100px; padding:0 5px 0 30px; display:block;} .linner .banner a.name:hover { text-decoration:underline;} /* Events */ .events h1.headline { margin-bottom:20px; color:#555;} .events h3.headline { margin:0; color:#555;} .events .headline a { color:#555;} .events .headline a:hover { color:#000;} .events .date { color:#887459;} .events .summary .date { margin-bottom:5px; display:block;} .events .desc { position:relative; top:-20px;} .events .cat, .events .loc { display:block;} .events .loc { margin-top:10px;} .events dl { margin:0;} .events dd { margin-bottom:10px;} .events .hr { margin:15px 0;} .events .label { margin-right:5px;} .events .filters { margin-bottom:15px;} .events .filter { float:left; margin-right:10px;} .events .inner { padding:10px 20px;} .events.calendar { text-align:center;} .events.calendar .title { display:none;} .events.calendar thead td { padding:0; border-bottom:1px solid #BFB7AC;} .events.calendar thead .calcmon { color:#73695B; display:inline; font-size:1.4em; background:none; border:none; padding:0;} .events.calendar thead .calcmon:hover, .events.calendar thead .calcmon:focus { background:none; color:#73695B; text-decoration:underline;} .events.calendar thead .icon { position:absolute; top:10px;} .events.calendar thead .icon.arrow_left { left:10px;} .events.calendar thead .icon.arrow_right { right:10px;} .events.calendar thead .ctext { display:none;} .events.calendar tbody th { font-size:0.8em; padding:5px 0; font-weight:normal; text-align:center; text-transform:uppercase;} .events.calendar tbody td { padding:0; width:14%;} .events.calendar tbody a { background:#fff; display:block; margin:0 1px 1px; padding:1px 0; color:#958977; border:1px solid #D6D0C7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .events.calendar tbody a:hover, .events.calendar tbody a:focus, .events.calendar tbody a.active:hover, .events.calendar tbody .selected a { background-color:#958977; color:#fff;} .events.calendar tbody a.active { font-weight:bold; background:#BFB7AC; color:#fff;} .events.calendar tbody .eday a { font-weight:bold; color:#ff9900} .events.calendar tbody .eday.selected a { background:#ff9900; color:#fff;} .events.calendar tbody .eday a.active { background:#958977; color:#fff;} .events.calendar tbody .oday a { background:#E7E4E0; border-color:#E7E4E0; color:#b2a796;} .events.calendar tbody .oday a:hover, .events.calendar tbody .oday a:focus { background:#fff; border-color:#D6D0C7; color:#958977;} .column .events h3.headline { margin-bottom:5px;} .column .events .label { display:block;} .column .events .filter { margin-bottom:5px;} .column .events p { margin:0;} .column .events .continue { display:block; margin:5px 0 10px;} .column .events .inner { padding:10px 20px;} .swatch { display:block; width:16px; height:16px;} .swatch.fleft { margin-right:5px;} .swatch.fright { margin-left:5px;} /* Forms */ .form form { padding:20px; background:#ebebeb;} .form legend { display:none;} .form p { font-size:1.2em; margin-bottom:5px;} .form dl { margin:0;} .form dd { overflow:hidden; position:relative; width:100%; margin-bottom:5px;} .form .label { position:relative; float:left; width:25%; padding:5px 0; text-align:right; margin-right:15px; font-size:1.2em;} .form .input, .form .textarea, .form select { width:65%; border:1px solid #c1c1c1; padding:3px 5px; background:#fff;} .form .input:focus, .form .textarea:focus, .form select:focus, .form .input:active, .form .textarea:active, .form select:active { border-color:#959595} .form .label acronym { position:absolute; right:-12px;} .form .hr { margin:10px 20px;} .form .comment { clear:both; display:block; font-size:0.9em; margin:0 0 0 28%; color:#958977;} .form .notice { border-width:0px; display:block; font-size:0.9em; margin:0 0 0 28%; padding:0 1px; width:64%;} .form .button { margin:0px 0 10px 28%; background:#534737 url(/images/xgradients.gif) repeat-x 0 -69px;} .form .small + acronym + .notice { width:120px;} .column .form .label { float:none; padding:0; width:100%; text-align:left; display:block;} .column .form .label acronym { position:static;} .column .form .input, .column .form .textarea { width:90%; background:#fff;} .column .comment, .column .notice { margin:0; width:90%;} .column .button { margin:5px 0;} .column .hr { margin:5px 0;} .cinner .form { width:500px;} #centre .form .button { padding:3px 20px;} #page20 .form .title { display:none;} /* Image galleries */ .gallery .inner {} .gallery .slideshow { position:relative;} .gallery .slideshow .button { position:absolute; background-image:none; top:-30px; margin:0; padding:0 10px;} .gallery .slideshow .next { right:0;} .gallery .slideshow .prev { right:50px;} .gallery .slideshow div { text-align:center; width:100%;} .gallery .slideshow img { border:1px solid #ccc; background:#fff; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .gallery .slideshow.caption { background:#333; width:100%; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .gallery .slideshow.caption h3 { margin:5px 10px 0;} .gallery .slideshow.caption p { margin:0 10px 5px;} .gallery .thumbnails dd { overflow:hidden; display:block; margin:0 6px 6px 0; float:left;} .gallery .thumbnails a { background:none; height:180px; position:relative; float:left;} .gallery .thumbnails .photoimg {border:1px solid #CCC; background:#fff; display:block; height:158px; width:158px; float:left;} .gallery .thumbnails a:hover img { border-color:#999;} .gallery .thumbnails .caption { display:block; position:absolute; bottom:0px; left:0px;} .column .gallery .thumbnails dd { height:160px; margin-bottom:5px; padding:0;} .column .gallery .thumbnails .caption { display:none;} .cinner .gallery { width:500px;} /* Google maps */ .locmap { width:90%;} .locmap .inner { padding:0;} .locmap .title { display:none;} .locmap .map{ height:302px; color:#000; background:#fff; border:1px solid #CCC; margin:0;} .column .locmap .map { width:100%; height:160px;} .column .locmap .map div.gmnoprint { display:none;} /* News */ .news h1.headline { margin-bottom:20px; color:#555;} .news h3.headline { margin:0; color:#555;} .news .headline a { color:#555;} .news .headline a:hover { color:#000;} .news .date { color:#887459;} .news .summary .date { margin-bottom:5px; display:block;} .news .inner { padding:10px 20px;} .news .desc { position:relative; top:-20px;} .news dl { margin:0;} .news dd { margin-bottom:10px;} .news .hr { margin:15px 0;} .news .label { margin-right:5px;} .news .filters { margin-bottom:15px;} .news .filter { float:left; margin-right:10px;} .column .news h3.headline { margin-bottom:5px;} .column .news .selectbox { width:97%;} .column .news .label { display:block;} .column .news .filter { margin-bottom:5px;} .rinner .news .date { color:#898989} .column .news p { margin:0;} .column .news .continue { display:block; margin:5px 0 10px;} .column .news .inner { padding:10px 20px;} .rinner .news a { color:#fff;} .rinner .news a:hover { color:#fff; text-decoration:underline;} .cinner .news .title { display:none;} /* RSS */ .rss h1.headline { margin-bottom:20px; color:#555;} .rss h3.headline { margin:0; color:#555;} .rss .headline a { color:#555;} .rss .headline a:hover { color:#000;} .rss .date { color:#887459;} .rss .summary .date { margin-bottom:5px; display:block;} .rss .desc { position:relative; top:-20px;} .rss dl { margin:0;} .rss dd { margin-bottom:10px;} .rss .hr { margin:15px 0;} .column .rss h3.headline { margin-bottom:5px;} .column .rss p, .column .rss .source { margin:0;} .column .rss .continue { display:block; margin:5px 0 10px;} /* RTE areas */ #page1 .rtecontent .inner, #page24 .rtecontent .inner, #page20 .rtecontent .inner, #page89 .rtecontent .inner, #page19 .rtecontent .inner, #page25 .rtecontent .inner, #page34 .rtecontent .inner { padding:10px 20px;} #ie6 .rtecontent img { width:500px;} #left .box.rtecontent, #left .box.rtecontent .inner{ background:none; padding:0; } .rinner em { font-size:1.3em;} .rinner h1 { font-size:3em; font-weight:normal; margin-bottom:0px; line-height:0.8em;} .rinner h2 { font-size:1.6em; margin:0; border-top:1px solid #fff; padding-top:15px;} .rinner h3 { text-transform:uppercase; font-weight:bold; font-size:1em; margin:0 0 3px;} /* --------------------------------------------------------------------------------------------------------------------------------- CUSTOM BOXES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Banner on home page left column */ #homebanner { background:none;} #homebanner .inner { padding:0;} #homebanner a { background:none; padding:0;} #banner_wp.rtecontent .inner, #banner_wp p, #banner_wp img { padding:0; margin:0; display:block;} /* main nav style */ #nav { height:41px; text-align:left; border-top:2px solid #fff; border-bottom:1px solid #000; background:#534737 url(/images/xgradients.gif) repeat-x 0 -69px;} #lists { margin:0 auto; display:inline; position:relative; z-index:5;} #lists li#page34 a { border:none;} #lists li { display:inline; position:relative;} #lists li a.tl { background:none; border-right:1px solid #796d5d; margin-right:-4px; padding:13px 12px; font-size:1.1em; text-decoration:none; font-weight:normal; color:#fff; display:-moz-inline-box; display:inline-block; white-space:nowrap; cursor:pointer; text-transform:uppercase;} #lists li a.tl span { padding-bottom:3px;} #lists li.selected a.tl, #lists li.selected a.tl:hover { background:#000;} #lists li a:hover, #lists li:hover > a { background:#392d1c url(/images/xgradients.gif) repeat-x 0 -112px;} /* actual flyout style */ #lists div { display:none;} #lists :hover div { display:block; background:#fff; position:absolute; z-index:6; left:0px; top:28px; border:1px solid #babbbe; text-align:left;} #ie6 #lists :hover div { top:40px;} #ie7 #lists :hover div { top:40px;} #lists :hover div, #lists :hover div a { width:200px; padding:0 10px;} #lists :hover div dd { display:none;} #lists :hover div a { text-transform:none; background:none; display:block; text-decoration:none; color:#333; font-weight:normal; padding:4px 0; border-bottom:1px dotted #aaa;} #ie6 #lists :hover div a { font-size:0.9em;} #lists :hover div a:hover { color:#ae884d; text-decoration:underline;} #lists .clear { clear:both;} /* fix for IE6 will allow menu to appear above