/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#000000 0px solid; padding:0px 0px 0px 0px; margin:4px auto 14px auto; width:960px; } #header { width:100%; height:139px; margin:0px; padding:0px; } #logo { width:285px; height:100px; margin:0px; padding:0px; background:url(/images/logo.jpg) no-repeat left top; } img {display:none;} #main { width:100%; margin:0px 0px 0px 0px; background:#fff; position:relative; } #main_shadow {width:960px; height:8px; position:absolute; left:0px; bottom:-8px; background:url(../images/main_drop.jpg) no-repeat left bottom; display:none;} #sidebar { width:300px; display:none; float:left; margin:5px 0px 20px 10px; padding:0px; min-height:300px; height:auto !important; height:300px; } #donate { display:block; margin:15px 0px 0px 0px;} #content {width:100%; display:block; float:left; margin:10px 10px 0px 0px; padding:0px; } #footer { width:960px; border-top:0px solid #CCCCCC; margin:30px auto 0px auto; padding:13px 0px 0px 0px; } #footer p { font-size:12px; color:#000; margin:0px 0px 0px 0px; } #footer p span {color:#000000;} #footer_content {width:476px; display:block; float:left;} #footer_facebook {width:131px; display:none; float:left; margin:0px 0px 0px 23px;} #footer_address {width:174px; display:block; float:right;} #footer_address p { color:#000; font-size:12px; margin:0px 0px 10px 0px; } #footer_address a { color:#000; font-size:12px;} .clear { clear:both; } /*------------------------------------ Home -----------------------------------------------------------*/ /*----- accordian -----*/ .faq { display:block; margin:0px 0px 7px 0px;} .faq_title {background:#015F83; display:block; color:#fff; font-size:20px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:3px 0px 6px 10px; margin:0px 0px 0px 0px; position:relative; cursor:pointer;} .open { position:absolute; top:13px; right:5px;} .num { display:none;} #are_you_looking { margin:14px 0px 0px 0px; border:1px solid #D2D2D2; background:url(../images/are_you_looking.jpg) repeat-x left top; min-height:81px; width:100%; height:auto !important; height:81px; } #are_you_looking_left {width:260px; display:block; float:left; margin:0px 0px 0px 22px;} #are_you_looking_left a { color:#333;} #are_you_looking_left ul li { background:url(../images/close.gif) no-repeat left center; padding:1px 0px 1px 10px;} #are_you_looking_right {width:277px; display:block; float:right;} #are_you_looking_right ul li { background:url(../images/close.gif) no-repeat left center; padding:1px 0px 1px 14px;} #are_you_looking_right a { color:#333;} #contact { background:url(../images/contact.jpg) no-repeat left top; width:143px; height:38px; padding:5px 0px 0px 0px; position:absolute; top:0px; right:0px; text-align:center; display:none; } #contact a { font-size:16px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; } /*------------------------------------ Textpage -----------------------------------------------------------*/ #content_footer {width:100%; border-top:1px solid #E6E6E6; margin:10px auto 20px auto; display:none;} #links { display:block; width:382px; margin:11px auto 0px auto;} #links a { display:block; float:left;} #links a.middle { display:block; margin:0px 33px 0px 33px;} #pageheader_textpage {width:614px; height:157px; display:block; margin:10px 0px 10px 0px;} #breadcrumb {display:none; font-size:11px; margin:0px 0px 0px 10px; padding:10px 0px 0px 0px; color:#591551;} #breadcrumb a {color:#591551;} #breadcrumb span {color:#333333;} #textpage_buttons_below {margin:30px 0 40px 0;} #donate_btn {float:left; margin:0 0 10px 0; background:url('../images/donate_btn_bg.jpg') no-repeat top left; width:287px; min-height:83px; height:auto !important; height:83px;} #donate_btn a {float:left; font-size:20px; padding:27px 65px 28px 60px;} #casestudy_btn {float:right; background:url('../images/casestudies_btn_bg.jpg') no-repeat top left; width:287px; min-height:83px; height:auto !important; height:83px;} #casestudy_btn a {float:left; font-size:20px; padding:27px 65px 28px 60px; } /*------------------------------------ Entry Page -----------------------------------------------------------*/ #pageheader {display:block; margin:0px 0px 10px 0px; position:relative; height:299px; width:617px;} #pagetext {position:absolute; padding:0px 12px 0px 12px; bottom:7px; left:0px; background:#fff; opacity:0.7;} #pagetext h1 {margin:5px 0px 5px 0px;} #pagetext p {margin:0px 0px 5px 0px;} #left_col {width:300px; display:block; float:left; margin:0px 0px 0px 0px; } #right_col {width:298px; display:block; float:right; margin:0px 0px 10px 0px;} .news a#news_pic {position:relative; display:block; margin:10px 0px 10px 0px; width:300px; height:97px;} .news a#news_pic span.text {position:absolute; color:#fff; font-weight:bold; text-align:center; bottom:10px; text-align:center; right:12px; width:110px; display:block; z-index:90;} .news a#news_pic span.block {position:absolute; color:#fff; font-weight:bold; text-align:center; bottom:7px; text-align:center; right:12px; padding:3px 0px 3px 0px; width:110px; display:block; background:#ccc; opacity:0.5; z-index:80;} .news {} .news p {margin:3px 0px 0px 0px; padding:0px 0px 0px 0px;} .news a {font-size:12px; font-weight:bold;} .news p a {} a.read_more { display:block; float:right; padding:5px 14px 5px 14px; margin:10px 0px 0px 0px; background:#591651; font-weight:bold; color:#fff !important;} /*------------------------------------ More Block Links Need Creating -----------------------------------------------------------*/ #block_link_purple {position:relative; bottom:9px; width:298px; height:188px; background:url('../images/left_block_ad_purple.jpg') no-repeat;} #block_link_purple p {font-size:24px; color:#FFF; width:270px; margin:20px 0 0 15px; padding:20px 0px 0px 0px ;} #block_link_purple a {position:absolute; bottom:15px; right:10px; color:#FFF !important; background:rgba(0,0,0,.3); padding:5px 10px; font-size:14px;} #block_link_orange {position:relative; bottom:9px; width:298px; height:188px; background:url('../images/left_block_ad_orange.jpg') no-repeat;} #block_link_orange p {font-size:24px; color:#FFF; width:270px; margin:20px 0 0 15px; padding:20px 0px 0px 0px ;} #block_link_orange a {position:absolute; bottom:15px; right:10px; color:#FFF !important; background:rgba(0,0,0,.3); padding:5px 10px; font-size:14px;} /*------------------------------------ Menu -----------------------------------------------------------*/ #menu_title {background:#015F83; display:block; color:#fff; font-size:20px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height:26px; padding:3px 0px 6px 10px; margin:5px 0px -5px 0px; position:relative; cursor:pointer;} #menu { } #menu ul {padding:0px; margin:0px;} #menu ul li {padding:0px; margin:0px; list-style:none;} #menu ul li a {margin:0px 0px 0px 0px; border-bottom:1px solid #fff; font-size:15px; padding:10px 0px 10px 31px; color:#000; background:url(../images/menu_left.gif) #CFCFCF no-repeat left 50%; display:block; width:269px;} #menu ul li a:hover { background:url(../images/menu_left.gif) #B6B6B6 no-repeat left 50%; color:#fff; text-decoration:none;} #menu ul li ul {padding:0px; margin:0px; border-bottom:1px solid #fff;} #menu ul li ul li {padding:0px; margin:0px;} #menu ul li ul li a {margin:0px 0px 0px 0px; border-bottom:0px solid #fff; font-size:13px; padding:3px 0px 3px 35px; color:#000; background:#CFCFCF ; display:block; width:265px; text-decoration:underline;} #menu ul li ul li a:hover { background:#B6B6B6; text-decoration:none; color:#000; text-decoration:underline;} #contact_menu { } #contact_menu ul {padding:0px; margin:0px;} #contact_menu ul li {padding:0px; margin:0px; list-style:none;} #contact_menu ul li a {background:url('../images/blue.gif'); display:block; color:#fff; font-size:20px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height:26px; padding:3px 0px 6px 10px; margin:0px 0px 8px 0px; position:relative; cursor:pointer;} #contact_menu ul li a:hover { background:url(../images/dark_grey.gif) no-repeat left 50%; color:#fff; text-decoration:none;} /*------------------------------------ Gallery -----------------------------------------------------------*/ #gallery {position:relative; width:618px; height:358px; display:block; background:url(../images/gallery_back.jpg) no-repeat left top; margin:8px 0px 20px 0px;} #gallery ul {} #gallery ul li {position:absolute; top:10px; left:10px; list-style:none;} /*------------------------------------ Jumpbox -----------------------------------------------------------*/ #lbOverlay {width:100%; display:none; height:100%; position:absolute; top:0px; left:0px; background-color: #AFAFAF; z-index:10; opacity:0.5; filter: alpha(opacity=50);} #contact_form {display:none; } #videos {width:400px; z-index:90; display:none; position:fixed; top:0px; left:0px; padding:20px 20px 10px 20px; background:#28A79E; } *html #videos { z-index:90; display:none; position:absolute; top:0px; left:0px; padding:20px 20px 10px 20px; background:#28A79E; } #videos a {position:absolute; top:10px; right:20px; font-weight:bold; font-size:1.8em; text-decoration:none;} #videos .error_feedback li {color:#fff !important;} #videos h1 {margin:-10px 0px 15px 0px;} #videos p {color:#fff;} #videos label {color:#fff; width:150px !important; display:block; float:left;} #videos input {width:200px; } #videos button {margin:0px 37px 0px 0px; } #videos textarea {width:200px;} #videos select{width:200px;} /*------------------------------------ Staff Layout -------------------------------------------------------*/ .staff_member {border-bottom:1px solid #E6E6E6; margin-top:15px;} .staff_member img {float:left; margin-bottom:20px;} .staff_member h4 {width:525px; float:right; margin-top:0; margin-bottom:0px;} .staff_member p {width:525px; float:right;} .last_staff_member {border:0;} /*------------------------------------ Case Study -------------------------------------------------------*/ #case_study {margin:0 0 40px 0;} #case_study img {float:left;} #case_study p {float:right; width:360px; margin-top:0px;} /*------------------------------------ Contact -----------------------------------------------------------*/ #getting_here_btn {margin:0 0 10px 0; background:url('../images/getting_here_icon.jpg') no-repeat top left; width:301px; min-height:83px; height:auto !important; height:83px;} #getting_here_btn a {float:left; color:#0065A5; font-size:20px; padding:30px 65px 25px 120px;} #location_btn { background:url('../images/location_icon.jpg') no-repeat top left; width:301px; min-height:83px; height:auto !important; height:83px;} #location_btn a {float:left; color:#0065A5; font-size:20px; padding:30px 105px 25px 120px; } .grey_link {color:#333;} /*------------------------------------ forms ------------------------------------------------------*/ form {padding:10px 20px 40px 20px; margin:0 0 30px 0; background:#EBEBEB;} form input {width:247px; height:24px;} form .login {cursor:pointer; padding:2px 20px 5px 20px; width:auto; height:24px; font-size:12px; float:right; background:#009B90; border:0; color:#FFF; margin:0px 10px 0 0;} label.indent, div.indent {float: left; width: 150px; clear: both;font-size: 14px; line-height: normal; margin: 2px 2px 2px 0;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; display:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav a { margin:0px 0px 0px 0px; padding:8px 24px 7px 24px; color:#ffffff !important; display:block; font-weight:normal; font-size:12px;} #nav a:hover { text-decoration:none; color:#ffffff; } #nav ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; display:block; float:left; background:url(../images/border_right.jpg) no-repeat right center;} #nav ul li ul {m} #nav ul #nav_purple a:hover {background:url('../images/menu_purple.jpg') repeat-x top left;} #nav ul #nav_purple a.active {background:url('../images/menu_purple.jpg') repeat-x top left;} #nav ul #nav_red a:hover {background:url('../images/menu_red.jpg') repeat-x top left;} #nav ul #nav_red a.active {background:url('../images/menu_red.jpg') repeat-x top left;} #nav ul #nav_orange a:hover {background:url('../images/menu_orange.jpg') repeat-x top left;} #nav ul #nav_orange a.active {background:url('../images/menu_orange.jpg') repeat-x top left;} #nav ul #nav_green a:hover {background:url('../images/menu_green.jpg') repeat-x top left;} #nav ul #nav_green a.active {background:url('../images/menu_green.jpg') repeat-x top left;} #nav ul #nav_grey a:hover {background:url('../images/menu_grey.jpg') repeat-x top left;} #nav ul #nav_grey a.active {background:url('../images/menu_grey.jpg') repeat-x top left;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:none; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { color:#000; font-size:20px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } h2 { color:#000; font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#000; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#000; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#000; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#000; font-size:10px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} #main ul { margin:5px 0px 0px 0px; padding:0px; } #main ul li { color:#000; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; list-style:none; } #main ol li { color:#000; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; list-style:decimal;} em {} pre {} u {} sub {} sup {} ul {} ul li {font-size:12px; color:#000; list-style:disc;} ol {} ol li {font-size:12px; color:#000; list-syle:decimal;} address {font-size:12px; } a { color:#333399; text-decoration:none; } a:hover { color:#333399; text-decoration:underline; } p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#000; } #purple a.read_more { background:#591651; } #purple .news a {color:#802277;} #purple #menu_title {background:url(../images/purple.jpg) no-repeat left top;} #purple #menu ul li ul li a:hover {color:#3A0C35; background:url(../images/arrow_purple.jpg) #B6B6B6 no-repeat left 50%;} #purple h1 {color:#000;} #purple #breadcrumb a {color:#000;} #purple a {color:#591651;} #red a.read_more { background:#000; } #red .news a {color:#000;} #red #menu_title {background:url(../images/red.jpg) no-repeat left top;} #red #menu ul li ul li a:hover {color:#000; background:url(../images/arrow_red.jpg) #B6B6B6 no-repeat left 50%;} #red h1 {color:#000;} #red #breadcrumb a {color:#000;} #red a {color:#A72650;} #orange a.read_more { background:#000; } #orange .news a {color:#000;} #orange #menu_title {background:url(../images/orange.jpg) no-repeat left top;} #orange #menu ul li ul li a:hover {color:#000; background:url(../images/arrow_orange.jpg) #B6B6B6 no-repeat left 50%;} #orange h1 {color:#000;} #orange #breadcrumb a {color:#000;} #orange a {color:#000;} #green a.read_more { background:#000; } #green .news a {color:#000;} #green #menu_title {background:url(../images/green.jpg) no-repeat left top;} #green #menu ul li ul li a:hover {color:#000; background:url(../images/arrow_green.jpg) #B6B6B6 no-repeat left 50%;} #green h1 {color:#000;} #green #breadcrumb a {color:#000;} #green a {color:#000;} #grey a.read_more { background:#A4A4A4; } #grey .news a {color:#000;} #grey #menu_title {background:url(../images/grey.jpg) no-repeat left top;} #grey #menu ul li ul li a:hover {color:#000; background:url(../images/arrow_grey.jpg) #B6B6B6 no-repeat left 50%;} #grey h1 {color:#000;} #grey #breadcrumb a {color:#000;} #grey a {color:#000;} /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */