/* CSS generated by SiteManager at 04:38pm 02/08/2010 - do not edit this file directly */ /* CSS FOR [DCIL] - Screen Stylesheet AUTHOR: Alison Springall (alisonspringall@silktide.com) / Silktide Studios - All Rights Reserved CREATED: 16/06/2010 */ /* GLOBAL STYLES ----------------------------------------------------------------------------------------------------------------------------- */ body { background-color: #dee3e7; font: 80% "lucida grande", lucida, tahoma, helvetica, arial, sans-serif; text-align: center; color: #333; padding: 0; margin: 0; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } form table { width: auto !important; } form, table, td { background: transparent; font-size: 1.0em; color: #333 !important; border-collapse: collapse; } form td span { color: #333 !important; } form td span.taosrequiredfieldicon { color: #f00 !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; } .filegallery td { padding-bottom: 5px; } #accessibility { display: none; } /* HEADINGS ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font: normal 1.6em arial, verdana, helvetica, sans-serif; color: #08b566; padding-top: 8px; border-top: 4px solid #08b566; margin: 0 0 15px; } h2 { font: normal 1.4em arial, verdana, helvetica, sans-serif; color: #2983c7; margin: 25px 0 5px; } h3 { font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #8E8878; margin: 20px 0 5px; } /* TEXT ----------------------------------------------------------------------------------------------------------------------------- */ p { font-size: 1.0em; line-height: 1.5em; color: #333; margin: 10px 0; } li { font-size: 1.0em; line-height: 1.5em; color: #333; margin: 0 0 5px; } ul { } ol { } /* LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a:link { text-decoration: underline; color: #ed2436; } a:visited { text-decoration: underline; color: #ed2436; } a:hover, a:active { text-decoration: none; color: #2984c7; } /* IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ img { border: 0; } .imgright { float: right; padding: 2px; border: 2px solid #e8e8e8; margin: 0 0 0 10px; } .contentimg-r { float: right; padding: 2px; border: 2px solid #e8e8e8; margin: 0 0 10px 20px; } .contentimg-l { float: left; padding: 2px; border: 2px solid #e8e8e8; margin: 0 20px 10px 0; } .contentimg-r img, .contentimg-l img { display: block; } /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #header { width: 100%; background: #fff; } #header .inner { width: 935px; min-height: 183px; background: #fff url(/templatefiles/header_bg.jpg) no-repeat top right; text-align: left; padding: 0 49px 0 0; border-left: 50px solid #fff; margin: 0 auto; } #header .inner #topbar { background-color: #e3e2e2; padding: 7px 15px; } #header .inner #topbar p { line-height: 1.0em; margin: 0; } #header .inner #topbar p a { text-decoration: underline; color: #333; } #header .inner #topbar p a:visited { text-decoration: underline; color: #333; } #header .inner #topbar p a:hover, #header .inner #topbar p a:active { text-decoration: none; color: #ed2436; } #header .inner #logobar { position: relative; padding: 22px 15px; border-bottom: 28px solid #95a2ab; } #header .inner #logobar img { display: block; } #search .taosTextField { width: 170px !important; background: #fff none; border: 1px solid #014553; } #search label { display: none; } #search .button { background: #4a4a4a none; text-transform: lowercase; color: #fff; border: 1px solid #4a4a4a; } #header .inner #logobar #search { position: absolute; bottom: 10px; right: 15px; } /* CONTAINER ----------------------------------------------------------------------------------------------------------------------------- */ #container { width: 100%; min-height: 500px; background: transparent url(/templatefiles/container_bg.jpg) repeat-x top center; text-align: left; padding: 0; margin: 0 auto; } #container .inner { width: 935px; min-height: 500px; background: #fff url(/templatefiles/sidecol_border2.jpg) repeat-y 155px 0; margin: 0 auto; } /* BREADCRUMB TRAIL ----------------------------------------------------------------------------------------------------------------------------- */ p.breadcrumb { background-color: #f0f5f8; font-size: 0.85em; line-height: 1.0em; padding: 8px 15px; border-bottom: 10px solid #fff; margin: 0; } p.breadcrumb a { text-decoration: underline; color: #333; } p.breadcrumb a:visited { } p.breadcrumb a:hover, p.breadcrumb a:active { text-decoration: none; color: #ed2436; } p.breadcrumb .bcdivider { padding: 0 8px; margin: 0; } /* SIDECOL ----------------------------------------------------------------------------------------------------------------------------- */ #sidecol { width: 130px; float: left; margin-left: 15px; } /* NAVIGATION ----------------------------------------------------------------------------------------------------------------------------- */ .mainnav { padding: 0; border-top: 1px dotted #000; margin: 0 0 40px; } .mainnav li { font-size: 1.3em; line-height: 1.5em; list-style-type: none; color: #666; padding: 5px 0; border-bottom: 1px dotted #000; margin: 0; } .mainnav li a:link { text-decoration: none; color: #666; } .mainnav li a:visited { text-decoration: none; color: #666; } .mainnav li a:hover, .mainnav li a:active { text-decoration: underline; color: #ed2436; } .mainnav li.selectedoption a:link { color: #ed2436; } .mainnav li.selectedoption a:visited { color: #ed2436; } .mainnav li.selectedoption a:hover, .mainnav li.selectedoption a:active { color: #666; } .mainnav li ul { padding: 0; border: 0; margin: 0 0 0 20px; } .mainnav li ul li { font-size: 0.9em; line-height: 1.2em; padding: 3px 0; border: 0; margin: 0 0 5px; } .mainnav li.selectedoption ul { padding: 0; border: 0; margin: 0 0 0 20px; } .mainnav li.selectedoption ul li { font-size: 0.9em; padding: 3px 0; border: 0; margin: 0 0 5px; } .mainnav li.selectedoption ul li a:link { color: #666; } .mainnav li.selectedoption ul li a:visited { color: #666; } .mainnav li.selectedoption ul li a:hover, .mainnav li.selectedoption ul li a:active { color: #ed2436; } .mainnav li.selectedoption ul li.selectedoption a:link { color: #ed2436; } .mainnav li.selectedoption ul li.selectedoption a:visited { color: #ed2436; } .mainnav li.selectedoption ul li.selectedoption a:hover, .mainnav li.selectedoption ul li.selectedoption a:active { color: #666; } .mainnav li.selectedoption ul li.selectedoption li { font-size: 0.85em; line-height: 1.3em; margin-bottom: 2px;} .mainnav li.selectedoption ul li.selectedoption li a:link { color: #666; } .mainnav li.selectedoption ul li.selectedoption li a:visited { color: #666; } .mainnav li.selectedoption ul li.selectedoption li a:hover, .mainnav li.selectedoption ul li.selectedoption li a:active { color: #ed2436; } .mainnav li.selectedoption ul li.selectedoption li.selectedoption a:link { color: #ed2436; } .mainnav li.selectedoption ul li.selectedoption li.selectedoption a:visited { color: #ed2436; } .mainnav li.selectedoption ul li.selectedoption li.selectedoption a:hover, .mainnav li.selectedoption ul li.selectedoption li.selectedoption a:active { color: #666; } /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ #content { width: 755px; float: left; margin: 0 15px 15px 20px; } #content .inner { width: 100%; min-height: 1px; background: #fff url(/templatefiles/content_inner_bg.jpg) repeat-y 455px 0; padding-top: 10px; margin: -10px 0 0; } #content .inner #maincol { width: 445px; float: left; } #content .inner #news { width: 280px; float: right; } #content .inner #news h2 { margin-top: 10px; } #content .inner #news .article { padding: 5px 0; border-top: 1px dotted #000; } #content .inner #news .article p { margin: 5px 0; } #content .inner #news .article p.title { font-size: 1.1em; } #content .colwrapper { background: transparent url(/templatefiles/colwrapper_bg.png) repeat-y 0 0; border-top: 4px solid #ed2436; margin: 0; } #content .colwrapper .col { width: 158px; float: left; margin: 0 15px; } #content .colwrapper .col h2 { margin-top: 10px; } #content .colwrapper .col h2 a:link { text-decoration: none; color: #2984c7; } #content .colwrapper .col h2 a:visited { text-decoration: none; color: #2984c7; } #content .colwrapper .col h2 a:hover, #content .colwrapper .col h2 a:active { text-decoration: underline; color: #ed2436; } /* FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #footer .inner { width: 910px; text-align: left; padding: 5px 15px; margin: 0 auto; } #footer .inner p { font-size: 0.85em; margin: 0; } #footer .inner p a, #footer .inner p a:visited { text-decoration: underline; color: #333; } #footer .inner p a:hover, #footer .inner p a:active { text-decoration: none; color: #ed2436; }