/* CSS generated by SiteManager at 11:00am 20/08/2010 - do not edit this file directly */ /* CSS FOR [Paloma Consulting] - Screen Stylesheet AUTHOR: Alison Springall (alisonspringall@silktide.com) / Silktide Studios - All Rights Reserved CREATED: 20/01/2010 */ /* GLOBAL STYLES ----------------------------------------------------------------------------------------------------------------------------- */ body { background-color: #fff; font: 80% 'Lucida Sans Unicode', 'Lucida Grande', 'trebuchet ms',sans-serif; text-align: center; padding: 0; margin: 0;} hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } form, table { background: transparent; font-size: 1.0em; } form label, table td, table td label { color: #656565 !important; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .clear { width: 0; height: 0; overflow: hidden; visibility: hidden; display: block; float: none; clear: both; background: none; font-size: 0; list-style: none; padding: 0; border: 0; margin:0; } #accessibility { display: none; } /* HEADINGS ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font-weight: normal; font-size: 1.8em; text-align: left; color: #0f8897; margin: 0 0 20px; } h2 { font-weight: normal; font-size: 1.6em; text-align: left; color: #0f8897; margin: 20px 0 10px; } h3 { font-weight: normal; font-size: 1.4em; text-align: left; color: #0f8897; margin: 15px 0 10px; } /* TEXT ----------------------------------------------------------------------------------------------------------------------------- */ p { font-size: 1.0em; line-height: 1.5em; color: #656565; margin: 15px 0; } li { font-size: 1.0em; line-height: 1.5em; color: #656565; margin: 0 0 10px; } .largetext { font-size: 1.2em; } .smalltext { font-size: 0.85em; } #content ul { padding: 0; margin: 10px 0 20px 20px; } #content ul li { background: transparent url(/templatefiles/subnav_li_bullet.jpg) no-repeat 0 6px; list-style-type: none; padding-left: 15px; margin: 0 0 6px; } .sidecolbox ul { padding: 0; margin: 10px 0 10px 10px; } .sidecolbox ul li { background: transparent url(/templatefiles/arrow2_bg.jpg) no-repeat 0 6px; list-style-type: none; padding-left: 10px; margin: 0 0 6px; } .sidecolbox ul li a, .sidecolbox ul li a:visited { text-decoration: none; color: #656565; } .sidecolbox ul li a:hover, .sidecolbox ul li a:active { text-decoration: underline; color: #0f8897; } /* LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a:link, a:visited { text-decoration: underline; color: #0f8897; } a:hover, a:active { text-decoration: underline; color: #facc6d; } p.readmore { line-height: 13px; } p.readmore a, p.readmore a:visited { background: transparent url(/templatefiles/arrow_bg.jpg) no-repeat right center; text-decoration: none; color: #333; padding-right: 18px; } p.readmore a:hover, p.readmore a:active { text-decoration: none; color: #0f8897; } .sidecolbox p.readmore { margin: 0 0 0 10px; } .sidecolbox p.readmore a, .sidecolbox p.readmore a:visited { color: #0f8897; } .sidecolbox p.readmore a:hover, .sidecolbox p.readmore a:active { color: #facc6d; } /* IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ img { border: 0; } .imgright { float: right; padding: 4px; border: 1px solid #ccc; margin: 0 0 10px 20px; } .imgleft { float: left; padding: 4px; border: 1px solid #ccc; margin: 0 10px 0 0; } .newsimg { float: left; margin: 0 10px 0 0; } .newsimg img { padding: 4px; border: 1px solid #ccc; } /* LAYOUT ----------------------------------------------------------------------------------------------------------------------------- */ #container { text-align: center; margin: 0; } .wrapper { width: 804px; position: relative; text-align: left; margin: 0 auto; } .textright { width: 240px; float: right; padding: 10px; border: 1px solid #ccc; margin: 0 0 10px 20px; } .textright h3 { margin: 0 0 10px; } /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #headertop { height: 25px; background: #212121 url(/templatefiles/headertop_bg.jpg) no-repeat center bottom; margin: 0; } #header { background: #108998 url(/templatefiles/header_bg.jpg) no-repeat center top; margin: 0; } #header .wrapper { height: 136px; } #header #sitelogo { position: absolute; left: 10px; top: 35px; } #header #search { position: absolute; right: 10px; bottom: 0; } #header #search .taosTextField { width: 130px !important; height: 19px; background: transparent url(/templatefiles/search_bg.png) no-repeat top left; padding-left: 21px; border: 0; } #header #search .button { width: auto !important; height: 19px; background: none; font-size: 1.0em; color: #fff; border: 0; } /* MAIN NAVIGATION ----------------------------------------------------------------------------------------------------------------------------- */ ul.mainnav { position: absolute; left: 0; bottom: 0; padding: 0; margin: 0; } ul.mainnav li { float: left; background: transparent url(/templatefiles/mainnav_divider.png) no-repeat right bottom; list-style-type: none; font: bold 1.0em arial, verdana, helvetica, sans-serif; color: #fff; margin: 0; } ul.mainnav li.lastoption { background: none; } ul.mainnav li a, ul.mainnav li a:visited { display: block; text-decoration: none; color: #fff; padding: 5px 15px; } ul.mainnav li a:hover, ul.mainnav li a:active { text-decoration: none; color: #000; } ul.mainnav li.selectedoption a, ul.mainnav li.selectedoption a:visited { color: #FACA6B; } ul.mainnav li.selectedoption a:hover, ul.mainnav li.selectedoption a:active { color: #000 } /* BANNER ----------------------------------------------------------------------------------------------------------------------------- */ #banner { background: #161513 url(/templatefiles/banner_bg.jpg) repeat-x 0 0; margin: 0; } #banner .wrapper { background: transparent url(/templatefiles/banner_shadow.png) no-repeat center top; padding: 20px 0; } #banner #bannerimg { width: 540px; height: 184px; overflow: hidden; position: relative; float: left; background-color: #2b2a26; padding: 0; border: 7px solid #3c3a37; border-right: 0; } #banner #bannerimg p.caption, #banner #bannerimg h1.caption, #banner #bannerimg .caption { width: 500px; position: absolute; left: 0; bottom: 0; display: block; background: transparent url(/templatefiles/caption_bg.png) repeat 0 0; font-weight: normal; font-size: 1.2em; line-height: 1.5em; color: #fff; padding: 10px 20px; margin: 0; } #banner #bannerimg .largetext { display: block; font-size: 1.5em; color: #fff; } #banner #bannertext { width: 220px; height: 164px; overflow: hidden; float: right; padding: 10px 15px; border: 7px solid #3c3a37; border-left: 0; } #banner #bannertext h2 { font-size: 1.2em; color: #fff; margin: 0 0 4px; } #banner #bannertext p { font-size: 1.0em; color: #fff; margin: 0; } #banner #bannertext p.largetext { font-size: 1.4em; } #banner #bannertext ul { padding: 0; margin: 0 0 2px 0; } #banner #bannertext ul li { background: transparent url(/templatefiles/banner_li_bullet.jpg) no-repeat 0 6px; font-size: 0.9em; list-style-type: none; color: #fff; padding-left: 12px; margin: 0 0 5px; } #banner #bannertext a, #banner #bannertext a:visited { font-size: 0.9em; text-decoration: underline; color: #fff; } #banner #bannertext a:hover, #banner #bannertext a:active { text-decoration: none; color: #fff; } .slideshow a { text-decoration: none; } /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ #contentwrapper { background: #fff url(/templatefiles/contentwrapper_shadow.jpg) no-repeat center top; padding: 30px 0; margin: 0; } #contentwrapper .wrapper { background: transparent url(/templatefiles/contentwrapper_bg.jpg) repeat-y 565px 0; } #home #contentwrapper .wrapper { background: transparent url(/templatefiles/contentwrapper_bg_home.jpg) repeat-y 400px 0; } .nosidecol #contentwrapper .wrapper { background: transparent none; } #content { width: 545px; min-height: 300px; float: left; } #home #content { width: 804px; } .nosidecol #content { width: 804px; } .col { width: 160px; float: left; margin: 0 20px 20px 0; } #home .col { width: 160px; float: left; margin: 0 20px 20px; } #home #col1 { width: 360px; } #home #col2 { width: 190px; } #home #col3 { width: 160px; margin: 0 0 0 12px; } .col h2 { margin-top: 0; } .col p { margin-top: 0; } #home #col2 .imgright { margin: 5px 0 5px 5px; } #home #col3 ul { width: 150px; padding: 0; margin: 10px 0 20px; } #home #col3 li { background: transparent url(/templatefiles/arrow2_bg.jpg) no-repeat 0 6px; list-style-type: none; padding-left: 10px; margin: 0 0 6px; } #home #col3 li a, #home #col3 li a:visited { text-decoration: none; color: #656565; } #home #col3 li a:hover, #home #col3 li a:active { text-decoration: underline; color: #0f8897; } .pullquote { width: 240px; float: left; margin: 0 40px 10px 5px; } .pullquote p { font-size: 0.85em; color: #333; } .pullquote .quotetext { font-size: 1.1em; line-height: 1.6em; margin-top: 5px; } .pullquote .quotetext span { vertical-align: bottom; font-size: 2.0em; font-family: 'times new roman'; } .pullquote p.cite { font-style: italic; } .pullquote .quotelogo { padding: 4px; border: 1px solid #e8e8e8; margin: 0; } div.pullquotemargin { margin-left: 285px; } #home #col2 .pullquote { width: 180px; } #home #col2 .pullquote img { padding: 4px; border: 1px solid #e8e8e8; margin: 0; } #fullquote .pullquote { width: 100%; } #content .menucol { width: 256px; float: left; margin: 0 10px 20px 0; } #content .menucol img { display: block; padding: 2px; border: 1px solid #e8e8e8; } #content .menucol p { margin: 0 5px; } #content .menucol p a, #content .menucol p a:visited { text-decoration: none; } #content .menucol p a:hover, #content .menucol p a:active { text-decoration: underline; } #content .menucol ul { padding: 0; margin: 0 5px; } #content .menucol li { font-size: 0.85em; background: transparent url(/templatefiles/arrow2_bg.jpg) no-repeat 0 6px; list-style-type: none; padding-left: 10px; margin: 0 0 5px; } /* SIDECOL ----------------------------------------------------------------------------------------------------------------------------- */ #sidecol { width: 224px; float: right; } #sidecol .newsbox p { margin: 8px 0; } #sidecol .newsbox hr { margin: 0; } #sidecol ul.subnav { padding: 0; margin: 0; } #sidecol ul.subnav li { list-style-type: none; padding: 0; margin: 0; } #sidecol ul.subnav li a, #sidecol ul.subnav li a:visited { display: block; background: #fff url(/templatefiles/subnav_li_bullet.jpg) no-repeat 5px 12px; text-decoration: none; color: #006998; padding: 5px 5px 5px 20px; margin: 0; } #sidecol ul.subnav li a:hover, #sidecol ul.subnav li a:active { color: #52b4d7; } #sidecol ul.subnav li.selectedoption a, #sidecol ul.subnav li.selectedoption a:visited { background-color: #efedee; } #sidecol ul.subnav li.selectedoption ul { padding: 0; margin: 0; } #sidecol ul.subnav li.selectedoption ul li { font-size: 0.9em; } #sidecol ul.subnav li.selectedoption ul li a, #sidecol ul.subnav li.selectedoption ul li a:visited { background: #fff none; color: #52b4d7; padding: 2px 5px 2px 30px; } #sidecol ul.subnav li.selectedoption ul li a:hover, #sidecol ul.subnav li.selectedoption ul li a:active { text-decoration: underline; color: #52b4d7; } /* FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #footer { margin: 10px 0 0; } #footer p.backtotop { width: 804px; text-align: left; padding: 5px 0; margin: 0 auto; } #footer p.backtotop a { background: transparent url(/templatefiles/arrow_bg_up.jpg) no-repeat left center; padding-left: 18px; } #footer .wrapper { padding: 5px; border-top: 1px solid #d6d6d6; } #footer p { font-size: 0.85em; color: #333; margin: 0; } #footer p a, #footer p a:visited { text-decoration: none; color: #333; } #footer p a:hover, #footer p a:active { text-decoration: underline; color: #333; }