/* =================================================================================== WWW Site Template Š2007 World Without Walls (www.worldwithoutwalls.co.uk). All rights reserved. Author: Paul Masri, Sam Ramsay Layout styles =================================================================================== */ /* HTML TAGS */ body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; /* centering hack for IE/Win 5.0+ */ background: #fff url(../_image/bkg_body.jpg) repeat-y center top; color: #000; } img { border: none; } form { margin: 0; padding: 0; } a:link, a:visited { color: #86AC13; text-decoration: underline; } a:hover, a:active { color: #00AEEF; text-decoration: underline; } /* ------------------------------------------------------------------------------- */ /* GLOBAL USEFUL CLASSES */ .alt, .print { display: none; } .clearall { clear: both; } .clearleft { clear: left; } .debug { background: #000; border: 1px solid #f00; } .hint { font-size: 0.75em; color: #C00; } .back_to_top { clear:both; margin: 1em 0 3em; } .back_to_top a:link, .back_to_top a:visited { font-size:0.7em; font-weight:normal; float:right; } .back_to_top a:active, .back_to_top a:hover { } /* ------------------------------------------------------------------------------- */ /* LAYOUT & CONTAINERS */ #top { position: relative; } .layout_container, .layout_container_body { position: relative; width: 800px; margin: 0 auto; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ /* border-left: 1px solid #083473; */ border-right: 1px solid #A9CF38; padding: 0; } .layout_container { background: transparent url(../_image/bkg_body.gif) repeat-y left top; } .layout_container_body { background: transparent url(../_image/bkg_body.gif) repeat-y left top; } #menu1_container { position: absolute; z-index: 1000; /* Make sure block containing menu1 sits above other blocks, for dropdown to overlay */ width: 800px; left: 0; margin: 0; padding: 0; } #layout_header1 { position: relative; height: 290px; } #layout_header2 { position: relative; height: 100px; } #bkg_body1 { z-index: 100; padding: 0; margin: 0; } #bkg_body2 { z-index: 90; padding: 0; margin: 0; /* background: url(../_image/bottomcurve.jpg) no-repeat left bottom; */ } #layout_sidebar { z-index: 900; position: absolute; margin: 0; left: 0; top: 0; width: 198px; padding: 0; color: #fff; font: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; } #layout_maincontent { z-index: 10; position: relative; left: 0; margin: 0; padding: 5px 25px 0 225px; /* At least 5px all round to avoid font clipping */ font-size: 0.75em; color: #083473; } #layout_footer_body { z-index: 10; position: relative; left: 0; margin: 0; padding: 0 60px 5px; /* At least 5px all round to avoid font clipping; include top & bottom for container bkg too */ font-size: 0.75em; color: #083473; text-align: center; } #layout_credit { padding: 30px 0 15px; text-align: center; font-size: 0.7em; } /* ------------------------------------------------------------------------------- */ /* HEADER CONTENTS */ #layout_header1 h2 { position: absolute; left: 0; top: 0; width: 198px; height: 283px; margin: 0; background: url(../_image/logo.gif) no-repeat left top; } #layout_header1 h3 { } #layout_header1 #header_animlogo { z-index: 10; position: absolute; left: 0; top: 0; width: 198px; height: 283px; } #layout_header1 #header_photostrip { z-index: 10; position: relative; width: 800px; height: 194px; background: url(../_image/hdrphoto_bkg.jpg) no-repeat 219px top; } #layout_header1 #header_photostrip #header_photo1, #layout_header1 #header_photostrip #header_photo2, #layout_header1 #header_photostrip #header_photo3 { z-index: 11; position: absolute; top: 10px; width: 170px; height: 170px; } #layout_header1 #header_photostrip #header_photo1 { left: 219px; } #layout_header1 #header_photostrip #header_photo2 { left: 410px; } #layout_header1 #header_photostrip #header_photo3 { left: 600px; } #layout_header1 #header_photostrip #header_photooverlay { z-index: 12; position: absolute; left: 219px; top: 0; width: 581px; height: 194px; } /* ------------------------------------------------------------------------------- */ /* FOOTER (in body) CONTENTS */ #layout_footer_body hr { display: none; } #layout_footer_body ul { margin: 0 auto; padding: 100px 0 0.5em; /* padding top here rather than #layout_footer_body because of IE6 bug */ width: 60%; list-style: none; font-family: /*Gill, "Gill Sans", "Gill Sans MT",*/ Verdana, Helvetica, Arial, sans-serif; color: #444; } #layout_footer_body li { display: inline; background: url(../_image/vsep.gif) no-repeat left 0.4em; padding: 0 1em 0 2em; } #layout_footer_body li.first { background: none; } #layout_footer_body a:link, #layout_footer_body a:visited { color: #fff; font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer_body a:hover, #layout_footer_body a:active { color: #ffc263; font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer_body p { margin: 0; } /* ------------------------------------------------------------------------------- */ /* CREDIT CONTENTS */ #layout_credit .www_logo a:link, #layout_credit .www_logo a:visited, #layout_credit .www_logo a:hover, #layout_credit .www_logo a:active { background: url(../_image/www_logo.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #ee7b00; text-decoration: none; } #layout_credit .www_logo_hover a:link, #layout_credit .www_logo_hover a:visited, #layout_credit .www_logo_hover a:hover, #layout_credit .www_logo_hover a:active { background: url(../_image/www_logo_hover.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #fff; text-decoration: none; } /* ------------------------------------------------------------------------------- */ /* MENU1 */ /* First level */ #menu1 { position: relative; width: 601px; height: 91px; left: 199px; margin: 0; padding: 11px 0 0 0; /* 199 = 205 (actual position) -6 (left padding) */ } #menu1 ul.dd1, #menu1 ul.dd1_hover { position: relative; margin: 0; padding: 0 0 0 20px; list-style-type: none; } #menu1 li.dd1, #menu1 li.dd1_hover { display: block; position: relative; float: left; width: auto; margin: 0; padding: 0 0 0 5px; } #menu1 li.dd1 span, #menu1 li.dd1_hover span { cursor: pointer; } #menu1 li.dd1 div.dd1_text, #menu1 li.dd1_hover div.dd1_text { font-size: 0.9em; } #menu1 li.dd1 a, #menu1 li.dd1_hover a { display:block; position: relative; float: none; white-space:nowrap; text-decoration: none; width: 76px; height: 76px; } #menu1 li.dd1 a:link, #menu1 li.dd1 a:visited { color: #083473; } #menu1 li.dd1 a:active, #menu1 li.dd1 a:hover { color: #ffc263; } #menu1 li.dd1 a div.dd1_text { display: none; } /* Level 1 - current */ /* #level1_01 #menu1a:link, #level1_01 #menu1a:visited, #level1_02 #menu1b:link, #level1_02 #menu1b:visited, #level1_03 #menu1c:link, #level1_03 #menu1c:visited, #level1_04 #menu1d:link, #level1_04 #menu1d:visited, #level1_05 #menu1e:link, #level1_05 #menu1e:visited, #level1_06 #menu1f:link, #level1_06 #menu1f:visited, #level1_07 #menu1g:link, #level1_07 #menu1g:visited, #level1_08 #menu1h:link, #level1_08 #menu1h:visited { color: #e2f3fd; }*/ #menu1a { background-image:url(../_image/m1a.gif); } #menu1a:hover { background-image:url(../_image/m1a_hover.gif); } #level1_01 #menu1a { background-image:url(../_image/m1a_current.gif); } #menu1b { background-image:url(../_image/m1b.gif); } #menu1b:hover { background-image:url(../_image/m1b_hover.gif); } #level1_02 #menu1b { background-image:url(../_image/m1b_current.gif); } #menu1c { background-image:url(../_image/m1c.gif); } #menu1c:hover { background-image:url(../_image/m1c_hover.gif); } #level1_03 #menu1c { background-image:url(../_image/m1c_current.gif); } #menu1d { background-image:url(../_image/m1d.gif); } #menu1d:hover { background-image:url(../_image/m1d_hover.gif); } #level1_04 #menu1d { background-image:url(../_image/m1d_current.gif); } #menu1e { background-image:url(../_image/m1e.gif); } #menu1e:hover { background-image:url(../_image/m1e_hover.gif); } #level1_05 #menu1e { background-image:url(../_image/m1e_current.gif); } #menu1f { background-image:url(../_image/m1f.gif); } #menu1f:hover { background-image:url(../_image/m1f_hover.gif); } #level1_06 #menu1f { background-image:url(../_image/m1f_current.gif); } #menu1g { background-image:url(../_image/m1g.gif); } #menu1g:hover { background-image:url(../_image/m1g_hover.gif); } #level1_07 #menu1g { background-image:url(../_image/m1g_current.gif); } /* Second level */ #menu1 ul.dd2_hidden, #menu1 ul.dd2_visible { display: block; position: absolute; top: 35px; left: -1px; list-style-type: none; margin: 0; padding: 0; border: 1px solid #f3ce91; border-top: none; } #menu1 ul.dd2_hidden { display: none; position: relative; } #menu1 li.dd2 { float: none; position: relative; margin: 0; background: #1a66ac; padding: 0; } #menu1 li.dd2 a { float: none; margin: 0; padding: 2px 0 2px; /* actually only controls vertical padding - useful for hover background */ font-size: 0.9em; text-decoration: none; } #menu1 li.dd2 a:link, #menu1 li.dd2 a:visited { color: #fff; } #menu1 li.dd2 a:hover, #menu1 li.dd2 a:active { color: #ffc263; } /* menu2 link and list-item widths correspond with image widths */ /* Firefox bug: right border only lines up if menu2 width >= menu1 width */ /* Cross-browser oddity: don't make mention of dd2_visible (won't work); could use dd2_hidden (would work) but no point */ #menu1 li.dd2 a { padding-left: 15px; padding-right: 15px; } /* ------------------------------------------------------------------------------- */ /* SIDEBAR CONTENTS */ #layout_sidebar a { color: #fff; } #layout_sidebar a:hover { color: #A9CF38; } #layout_sidebar h2 a { text-decoration: none; } /* General panel properties */ .panel { padding: 0; margin: 0; } /* Off-panel contents */ #layout_sidebar div.homelink { height: 23px; margin: 0 0 0 23px; background: url(../_image/bul_homelink.gif) no-repeat left top; padding: 5px 0 0 27px; /* 27 = width(23) + gap(4) */ font-weight: bold; } #layout_sidebar .homelink a { text-decoration: none; } #layout_sidebar div.tel { height: 23px; margin: 0 0 0 23px; background: url(../_image/bul_tel.gif) no-repeat left top; padding: 5px 0 0 27px; /* 27 = width(23) + gap(4) */ font-weight: bold; } /* ----------------------------------- */ /* SIDEBAR SIGN-UP */ #sidebar_signup { margin: 5px 0; background: #00AEEF; padding: 5px 20px 25px 23px; } #sidebar_signup h2 { width: 146px; height: 23px; background: url(../_image/h2join.gif) no-repeat left top; margin: 0; } #sidebar_signup p { margin: 0; font-size: 0.75em; } #sidebar_signup form { margin: 0; padding: 0; } #sidebar_signup input { margin: 9px 0 0; } #sidebar_signup .field_container { clear: both; margin: 9px 0 0; } #sidebar_signup input.text { width: 135px; /* 135 = image_width(143) - leftpad(4) - rightpad(4) */ height: 18px; /* 18 = image_height(20) - toppad(2) - bottompad(0) */ margin: 0; /*********************/ padding: 2px 4px 0; background: #fff; /*background: #fff url(../_image/panel_inputtext.gif) no-repeat left top;*/ border: 1px none; color: #00AEEF; font-family: Verdana, Arial, Helvetica, sans-serif; } #sidebar_signup input.btnr { width: 149px; height: 28px; padding: 2px 10px 11px 0; background: #083473 url(../_image/panel_submit.gif) no-repeat left top; border: 1px none; color: #00AEEF; vertical-align: top; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; } #sidebar_signup .hint { color: #083473; } /* ----------------------------------- */ /* SIDEBAR MENU */ #sidebar_menu { } #sidebar_menu h2 { height: 23px; margin: 0 0 0 23px; background: url(../_image/bul_menu2l1.gif) no-repeat left top; padding: 5px 0 0 27px; /* 27 = width(23) + gap(4) */ font-size: 1em; font-weight: bold; } #sidebar_menu ul { margin: 0; padding: 0 0 0 23px; line-height: 1.2em; } #sidebar_menu li { margin: 0; background: url(../_image/bul_menu2l2.gif) no-repeat left 2px; padding: 0 0 5px 27px; list-style: none; } #sidebar_menu .menu2_3 { margin: 2px 0 7px 15px; padding: 0; font-size: 0.9em; } #sidebar_menu li a, #sidebar_menu .menu2_3 li a { text-decoration: none; } /* Level 2 - current */ #level2_01 #sidebar_menu .menu2a, #level2_02 #sidebar_menu .menu2b, #level2_03 #sidebar_menu .menu2c, #level2_04 #sidebar_menu .menu2d, #level2_05 #sidebar_menu .menu2e, #level2_06 #sidebar_menu .menu2f, #level2_07 #sidebar_menu .menu2g, #level2_08 #sidebar_menu .menu2h, #level2_09 #sidebar_menu .menu2i, #level2_10 #sidebar_menu .menu2j { background: url(../_image/bul_menu2l2_current.gif) no-repeat left 2px; } #level2_01 #sidebar_menu .menu2a .a_menu2:link, #level2_01 #sidebar_menu .menu2a .a_menu2:visited, #level2_02 #sidebar_menu .menu2b .a_menu2:link, #level2_02 #sidebar_menu .menu2b .a_menu2:visited, #level2_03 #sidebar_menu .menu2c .a_menu2:link, #level2_03 #sidebar_menu .menu2c .a_menu2:visited, #level2_04 #sidebar_menu .menu2d .a_menu2:link, #level2_04 #sidebar_menu .menu2d .a_menu2:visited, #level2_05 #sidebar_menu .menu2e .a_menu2:link, #level2_05 #sidebar_menu .menu2e .a_menu2:visited, #level2_06 #sidebar_menu .menu2f .a_menu2:link, #level2_06 #sidebar_menu .menu2f .a_menu2:visited, #level2_07 #sidebar_menu .menu2g .a_menu2:link, #level2_07 #sidebar_menu .menu2g .a_menu2:visited, #level2_08 #sidebar_menu .menu2h .a_menu2:link, #level2_08 #sidebar_menu .menu2h .a_menu2:visited, #level2_09 #sidebar_menu .menu2i .a_menu2:link, #level2_09 #sidebar_menu .menu2i .a_menu2:visited, #level2_10 #sidebar_menu .menu2j .a_menu2:link, #level2_10 #sidebar_menu .menu2j .a_menu2:visited { } /* Level 3 - current */ #level3_01 #sidebar_menu .menu3a a:link, #level3_01 #sidebar_menu .menu3a a:visited, #level3_02 #sidebar_menu .menu3b a:link, #level3_02 #sidebar_menu .menu3b a:visited, #level3_03 #sidebar_menu .menu3c a:link, #level3_03 #sidebar_menu .menu3c a:visited, #level3_04 #sidebar_menu .menu3d a:link, #level3_04 #sidebar_menu .menu3d a:visited, #level3_05 #sidebar_menu .menu3e a:link, #level3_05 #sidebar_menu .menu3e a:visited, #level3_06 #sidebar_menu .menu3f a:link, #level3_06 #sidebar_menu .menu3f a:visited, #level3_07 #sidebar_menu .menu3g a:link, #level3_07 #sidebar_menu .menu3g a:visited, #level3_08 #sidebar_menu .menu3h a:link, #level3_08 #sidebar_menu .menu3h a:visited, #level3_09 #sidebar_menu .menu3i a:link, #level3_09 #sidebar_menu .menu3i a:visited, #level3_10 #sidebar_menu .menu3j a:link, #level3_10 #sidebar_menu .menu3j a:visited { } /* Panel: testimonial */ .testimonial { width: 198px; margin: 0 0 15px; background: #f3ce91 url(../_image/testimonialquote_open.gif) no-repeat 6px 7px; padding: 15px 0 10px; color: #222; line-height: 1.3em; } .testimonial .quote { background: url(../_image/testimonialquote_close.gif) no-repeat 160px bottom; padding: 0 0 1px; } .testimonial .quote p { margin: 0 15px 0.75em; font-size: 0.95em; font-weight: normal; font-style: italic; color: #2c74b4; text-align: left; } .testimonial .quote p.first { text-indent: 23px; } .testimonial p.quoteauthor { margin: 0 15px 0.25em; font-size: 0.9em; font-weight: bold; font-style: normal; line-height: 1em; } .testimonial p.quoteaffiliation { margin: 0 15px; font-size: 0.8em; font-style: normal; line-height: 1em; } /* ------------------------------------------------------------------------------- */ /* MAIN CONTENT (not for user editing) */ #layout_maincontent #breadcrumbs { padding-bottom: 1.5em; font-size: 0.8em; color: #555; } #layout_maincontent img { float: left; padding: 0 2em 2em 0; }