/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:941px; background-color:#FFFFFF; } #header { width:100%; height:132px; margin:0px; padding:0px; position:relative;} #logo { width:264px; height:102px; margin:5px 0px 0px 0px; padding:0px; ; } #main { width:100%; margin:0px 0px 0px 0px; } #login_top {padding:0px 0px 0px 0px; width:650px; position:absolute; top:-5px; right:0px; text-align:right; } #login_top { line-height:1.9em; font-size:0.9em; } #tel {font-size:1em; font-weight:bold; color:#47aa42;} img.logotcl {text-align:center; width:131px; margin:30px 0px 10px 30px; display:block;} img.logotc {text-align:center; width:131px; margin:10px 0px 10px 30px; display:block;} #contact_search label {font-size:0.8em; color:#5b5b5b; margin:0px 3px 0px 0px; vertical-align:middle;} #login_top input {width:116px; font-size:1em; border:0px; margin:0px; vertical-align:middle; background:url(../images/input.gif) no-repeat; height:18px; padding:3px 3px 0px 1px;} #login_top button {background:none; border:0px; cursor:pointer; vertical-align:middle; padding:0px; margin:1px 0px 0px 0px;} input.lighter {color: #5b5b5b !important;} input.lighter.error {color:#000 !important;} #login_top form {margin:34px 0px 0px 0px; padding:0px;} #content_main { width:734px; margin:0px 0px 0px 0px; float:left; padding:0px; min-height:300px; height:auto !important; height:300px;} #content_main_home { width:761px; margin:-2px 0px 0px 0px; float:left; padding:0px; min-height:300px; height:auto !important; height:300px;} #sidebar_right { width:170px; height:100%; float:left; margin:0px 0px 0px 6px; padding:0px;} #sidebar_right_home { width:200px; height:100%; float:right; margin:-11px -25px 0px 0px; padding:0px;} /*Changed value from 327 to 302px of the sub_header to lessen gap between slide banner and content 8may10 - DTH*/ #sub_header { margin:6px 0px 6px 0px; position:relative; width:754px; height:302px; z-index:1;} #sub_header_n {margin:6px 0px 14px 0px; position:relative; width:754px; height:327px; display:block; z-index:1; background:#cccccc;} #sub_header img {position:relative; z-index:0;} #block_header {width:204px; position:absolute; height:309px; top:0px; right:-10px; z-index:900; } #sub_header ul {margin:0px; padding:0px;} #sub_header ul li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px; z-index:100;} .hidden {display:none;} .box_container {width:203px; position:relative; height:84px; margin:6px 0px 0px 0px; padding:10px 0px 0px 0px; display:block; float:right; clear:both;} .box_container {cursor:pointer;} .box { width:193px; height:64px; position:relative; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 11px;} .box {background:#ffffff; filter:alpha(opacity=50);} .box {background:rgba(255,255,255,0.5);} .box p {font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif; color:#4a4a43; font-size:2em; position:relative; } .box a {font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif; display:block; font-size:1.5em; font-weight:bold; padding:6px 0px 0px 0px; color:#4a4a43; } .box a span {width:170px; font-size:0.4em; display:block; color:#4a4a43; background:url(/images/arrow_rotate.gif) no-repeat right 50%;} .box a:hover {text-decoration:none; color:#4a4a43;} .box_top1 {width:203px; height:1px !important; background:#ffffff !important; display:block; float:right; clear:both; opacity:0.5; filter:alpha(opacity=50); } .box_top2 {width:202px; height:1px !important; background:#ffffff !important; display:block; float:right; clear:both; opacity:0.5; filter:alpha(opacity=50);} .box_top3 {width:201px; height:1px !important; background:#ffffff !important; display:block; float:right; clear:both; opacity:0.5; filter:alpha(opacity=50); margin-top:4px;} .box_bottom1 {width:203px; height:1px !important; background:#ffffff !important; display:block; float:right; clear:both; opacity:0.5; filter:alpha(opacity=50);} .box_bottom2 {width:202px; height:1px !important; background:#ffffff !important; display:block; float:right; clear:both; opacity:0.5; filter:alpha(opacity=50);} .box_bottom3 {width:201px; height:1px !important; background:#ffffff !important; display:block; float:right; clear:both; opacity:0.5; filter:alpha(opacity=50); } #box_left { position:absolute; bottom:20px; z-index:200; left:0px; width:262px; display:block; float:left; min-height:100px; height:auto !important; height:100px; display:block; float:right; clear:both;} #box_left_content { width:262px; background:#ffffff !important; min-height:90px; height:auto !important; height:90px; } #box_left_content_top1 {width:261px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both; } #box_left_content_top2 {width:260px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #box_left_content_top3 {width:259px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #box_left_content_top4 {width:258px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #box_left_content_top5 {width:257px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #box_left_content_bottom1 {width:261px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #box_left_content_bottom2 {width:260px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #box_left_content_bottom3 {width:259px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #box_left_content_bottom4 {width:258px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #box_left_content_bottom5 {width:257px; height:1px !important; background:#ffffff !important; display:block; float:left; clear:both;} #selected .box_container {} #selected .box_top1 {opacity:1 !important; filter:alpha(opacity=100) !important;} #selected .box_top2 {opacity:1 !important; filter:alpha(opacity=100) !important;} #selected .box_top3 {opacity:1 !important; filter:alpha(opacity=100) !important;} #selected .box_bottom1 {opacity:1 !important; filter:alpha(opacity=100) !important;} #selected .box_bottom2 {opacity:1 !important; filter:alpha(opacity=100) !important;} #selected .box_bottom3 {opacity:1 !important; filter:alpha(opacity=100) !important;} #fontselector a{ color: #828282; font-weight:bold; } #selected .box {opacity:1 !important; background:rgba(255,255,255,1); } ul#slide2 {} ul#slide2 li {padding:10px 0px 0px 10px; font-size:1.3em; font-weight:bold; line-height:24px; font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif; color:#4a4a43; } #active .box_container {} #active .box_top1 {opacity:1 !important; filter:alpha(opacity=100) !important;} #active .box_top2 {opacity:1 !important; filter:alpha(opacity=100) !important;} #active .box_top3 {opacity:1 !important; filter:alpha(opacity=100) !important;} #active .box_bottom1 {opacity:1 !important; filter:alpha(opacity=100) !important;} #active .box_bottom2 {opacity:1 !important; filter:alpha(opacity=100) !important;} #active .box_bottom3 {opacity:1 !important; filter:alpha(opacity=100) !important;} #active .box {background:#ffffff; filter:alpha(opacity=100);} #active .box { background:rgba(255,255,255,1); } #sub_head_left {width:499px; float:left;} #sub_head_right {width:227px; float:right;} #sub_head_right a {padding:0px 0px 4px 0px;} #sub_nav_home {background:url(../images/sub_nav_home.jpg) repeat-x; height:43px; width:100%; margin:4px 0px 24px 0px; position:relative;} #sub_nav_home_left {position:absolute; left:0px; top:0px; background:url(../images/sub_nav_home_left.jpg) no-repeat; width:13px; height:43px;} #sub_nav_home_right {position:absolute; right:0px; top:0px; background:url(../images/sub_nav_home_right.jpg) no-repeat; width:6px; height:43px;} #sub_nav_home a {background:url(../images/sub_nav_home_A.jpg) no-repeat right center; display:block; float:left; padding:5px 28px 7px; font-weight:bold; font-size:16px; color:#4f4e4e; margin:5px 0px 0px 0px;} #sub_nav_home .welsh_inner a{ font-size:14px; } #nav_lang {font-size:0.8em; position:relative; background:url(../images/lang.jpg) #fff repeat-x; padding:1px 20px 0px 20px; margin:3px 2px 0px 0px; text-align:center; height:18px; display:block; float:right; text-align:center; } #nav_lang_left {position:absolute; left:0px; top:0px; background:url(/images/left_lang.jpg) no-repeat left top; width:6px; height:19px; } #nav_lang_right {position:absolute; right:0px; top:0px; background:url(/images/right_lang.jpg) no-repeat left top; width:6px; height:19px;} #header #nav_lang a {background:none !important; font-size:11.5px; font-weight:normal; color:#666666 !important; padding:0px !important; display:inline; float:none; } #content {width:287px; min-height:233px; height:auto !important; height:233px; margin:0px 0px 18px 0px; float:left; } #content_right {width:438px; min-height:233px; height:auto !important; height:233px; margin:0px 0px 18px 0px; float:right; } .news {} .news a { font-size:0.8em; color:#595959; width:325px; text-decoration:underline; } .news span {color:#47aa42 !important; font-size:0.8em;} .news a:hover {color:#222222;} .news p {margin:8px 0px 10px 0px; width:325px;} #login {width:180px; height:155px; background:url(../images/login.jpg) no-repeat; margin:0px 0px 0px 5px;} #login h1 {color:#4f4e4e; font-size:16px; font-weight:bold; margin:0px 0px 0px 11px; padding:9px 0px 0px 0px;} #login input {width:155px; border:1px solid #aeaeae;} #login form {padding:0px 0px 0px 11px; margin:0px;} #login label {font-size:0.8em; color:#5b5b5b;} #login form p {margin:5px 0px 10px 0px;} #login button {font-size:0.8em; font-weight:bold; color:#4f4e4e; margin:0px 0px 0px 113px; padding:0px 0px 0px 0px; background:url(../images/arroqw.jpg) no-repeat left 50%; padding:0px 0px 0px 10px; border:0px;} #login .welsh button{ margin:0px 0px 0px 63px; } #adverts {border-top:1px dashed #cecece; margin:8px 0px 0px 0px; width:176px;} #adverts a {border-bottom:1px dashed #cecece;} #map { border-bottom:1px dashed #cecece; margin:8px 0px 0px 0px; width:176px;} #events {width:184px; margin:10px 0px 0px 10px;} #events h1 {font-size:18px; color:#4b4b4d;} .event p {color:#a41984; font-size:0.8em; margin:10px 0px 0px 0px; width:100%; } .event a {font-size:0.8em; color:#595959; text-decoration:underline;} .event a:hover {font-size:0.8em; color:#222222;} #footer { position:relative; width:100%; border-top:2px solid #d19cbf; height:42px; margin:0px 0px 0px 0px; padding:0px; } #footer p.right { font-size:10px; font-weight:bold; color:#828282; text-align:right; } #footer a { float:left; display:block; font-size:12px; font-weight:normal; color:#828282; padding: 1px 8px 1px 3px; } .clear { clear:both; } .links {width:237px; min-height:96px; height:auto !important; height:96px; padding:10px 10px 10px 10px; position:relative; display:block; background:url(/images/linke_rep.jpg) no-repeat #6ab766 top left;} .links_top {width:257px; height:7px; background:url(/images/linke_top.jpg) no-repeat left bottom; position:absolute; top:0px; left:0px; } .links_bottom {width:257px; height:7px; background:url(/images/linke_bottom.jpg) no-repeat left bottom; position:absolute; bottom:-7px; left:0px; } .links_title {color:#ffffff; font-size:2.4em; font-weight:bold;} .links_left {display:block; float:left; width:110px;} .links_left a { display:block;font-size:0.8em; color:#ffffff; margin:3px 0px 0px 0px;} .links_left a:hover {} .links_right {display:block; float:right; width:110px;} .links_right a { display:block;font-size:0.8em; color:#ffffff; margin:3px 0px 0px 0px;} .links_right a:hover {} #enquiry { margin-left:0px; background:url(/images/enquiry.jpg) no-repeat top left; width:163px; height:250px; padding:8px 0px 0px 12px;} #enquiry form {margin:0px; padding:0px;} #enquiry label {font-size:0.7em !important; display:none;} #enquiry form p {margin:8px 0px 8px 0px;} #enquiry input { font-size:1em; color:#5b5b5b; background:#ffffff; width:142px; margin:2px 0px 4px 0px; padding:3px 0px 3px 4px; border:1px solid #aeaeae; } #enquiry select {font-size:1em; color:#5b5b5b; background:#ffffff; width:149px; margin:2px 0px 4px 0px; border:1px solid #aeaeae; } #enquiry select.error {background:#ECC0C0 !important; color:#000;} #enquiry select option { font-size:1em; color:#5b5b5b; } #enquiry button { font-size:0.8em; font-weight:bold; color:#4f4e4e; margin:0px 0px 0px 90px; background:url(../images/arroqw.jpg) no-repeat left 50%; padding:0px 0px 0px 10px; border:0px; cursor:pointer;} #enquiry input.error {background:#EFC2C2 !important; color:#000;} /*------------------------------------ text-page -----------------------------------------------------------*/ #sidebar { width:210px; min-height:100px; height:auto !important; height:100px; float:left; margin:5px 0px 18px 0px; padding:0px; } p.sub_menu_title{ min-height:23px; height:auto !important; height:23px; display:block; background-color:#a41984; color:#ffffff; font-size:0.9em; font-weight:bold; padding:7px 0px 3px 10px; margin:0px 0px 1px 0px;} #sidebar p.sub_menu_title{ background-color:#a41984; } #sidebar p.sub_menu_title a { color:#FFFFFF !important; } #sidebar_nav {background:url(/images/sidebar) #e7e7e7; min-height:12px; height:auto !important; height:12px; padding:0px 0px 32px 0px; margin:0px; position:relative; display:block; } #sidebar_nav_desc {background:url(/images/sidebar) #e7e7e7; padding:0px 0px 32px 0px; margin:0px; position:relative; } #sidebar_nav_desc a{ text-align:center; font-weight:bold; display:block; width:100%; } #sidebar_nav a {background:url(../images/arrowbottom.jpg) no-repeat right bottom; display:block; border-bottom:1px solid #ffffff; font-size:0.8em; color:#4b4b4b; padding:13px 10px 8px 10px; } #sidebar_nav a:hover {background:#6EB869; text-decoration:none; color:#ffffff; } #sidebar_nav_inner { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #sidebar_nav_inner a {background:#cccccc; padding:4px 0px 4px 25px; margin:0px 0px 0px 0px;} #sidebar_nav_inner a:hover { background:#9EDF99; text-decoration:none; color:#333333; } #sidebar_nav_inner #sidebar_nav_inner { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #sidebar_nav_inner #sidebar_nav_inner a {background:#EEEEEE; padding:4px 0px 4px 40px; margin:0px 0px 0px 0px;} #sidebar_nav_inner #sidebar_nav_inner a:hover { background:#9EDF99; text-decoration:none; color:#333333; } /*to curve_bottom added a margin-bottom, after removing BR tag from template_start 8may10. DTH*/ #curve_bottom {margin-bottom:8px; width:209px; height:9px; display:block; background:url(/images/curve_bottom.jpg) no-repeat left bottom;} .selected {font-weight:bold;} #sidebar #adverts {border-top:1px dashed #cecece; margin:8px 0px 0px 9px; width:200px;} #content_textpage {width:722px; float:left; margin:5px 0px 18px 7px;} #content_textpage_left {width:543px; float:left;} #cookie_trail {width:100%; background:#6eb869; } #cookie_trail p {padding:7px 0px 5px 5px; color:#ffffff; font-size:0.9em; margin:0px 0px 15px 0px;} #cookie_trail a {color:#ffffff; font-size:0.9em;} /*Changed from 470PX to 530 by DTH 20May10 16:15. Needed to increase horizontal space*/ #text {width:530px; padding:0px 50px 0px 5px; } #content_textpage_right { float:right; width:207px; border-left:1px dashed #cecece; padding:0px 0px 0px 3px;} #join_adverts {} #join_adverts a {padding:0px 0px 4px 0px;} #latest_news {margin:20px 0px 0px 11px;} #latest_news h1 {color:#3e3e41; font-size:18px; font-weight:bold;} .latest_news p {font-size:11px; color:#a41984; margin:5px 0px 5px 0px;} .latest_news a {font-size:0.8em; color:#595959; text-decoration:underline; margin:0px;} .latest_news a:hover {font-size:0.8em; color:#595959; margin:0px;} #latest_events {margin:20px 0px 0px 11px;} #latest_events h1 {color:#3e3e41; font-size:18px; font-weight:bold;} .latest_events p {font-size:11px; color:#47aa42; margin:5px 0px 5px 0px;} .latest_events a {font-size:0.8em; color:#595959; text-decoration:underline; margin:0px;} .latest_events a:hover {font-size:0.8em; color:#595959; margin:0px;} .news_item {border-bottom:1px dashed #cecece;} .news_item h2 {color:#000000; font-size:14px;} .news_item h3 {font-size:0.8em; font-style:italic; font-weight:normal; color:#47AA42;} #news_footer_links{ margin-top:20px; border-top:1px dashed #cecece; text-align:center; padding-top:5px; } #required_hidden {color:#FF1F1F; font-size:0.8em; display:none; margin:-15px 0px 0px 0px;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; position:relative; min-height:25px; height:auto !important; height:25px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#E7E7E7; } /*#nav_left {background:url(../images/nav_left.jpg) no-repeat; position:absolute; left:0px; top:0px; height:25px; width:3px;}*/ /*#nav_right {background:url(../images/nav_right.jpg) no-repeat; position:absolute; right:0px; top:0px; height:25px; width:3px;}*/ #nav a { margin:0px 0px 1px 0px; color: #666; float:left; font-weight:bold; letter-spacing:0.1em; display:block; font-size:0.8em; background:url(../images/bord.jpg) no-repeat right center #E7E7E7; padding:5px 10px 4px 10px;} #nav a:hover { text-decoration:none; color: #666; background:url(../images/bord.jpg) no-repeat right center #F0F0F0; } #nav_inner {width:750px;} /*------------------------------------ gallery -----------------------------------------------------------*/ #gallery div.gallery_image{ margin:5px 5px 5px 5px; width: 140px; display:block; float:left; text-align:center; font-size:12px; } #gallery div.gallery_image img{ margin-bottom:5px; } /*------------------------------------ Inspirational -----------------------------------------------------------*/ #inspirational form {margin:0px; padding:0px;} #inspirational label.indent {color:#595959; font-family: Arial, Helvetica, sans-serif; font-size:12px;} #inspirational span label.indent {width:100%; color:#595959; font-family: Arial, Helvetica, sans-serif; font-size:12px;} #inspirational span input {width:136px; border:1px solid #A6A6A6; background:#ffffff;} #inspirational span textarea {width:273px; height:80px; border:1px solid #A6A6A6; background:#ffffff;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { color:#595959; text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url('#') #ffffff; font-family: Arial, Helvetica, sans-serif; } body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:1.3em; color:#a41984; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#3e3e41; font-size:1.2em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#999999; font-size:1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#a41984; font-size:0.9em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#3e3e41; font-size:0.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#999999; font-size:0.7em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } ul {color:#595959; font-size:0.9em; } ul li { color:#595959; font-size:0.9em; list-style:disc;} ol {color:#595959;} ol li {color:#595959; font-size:0.9em; list-style:decimal;} address {margin:0.7em; padding:0px; color:#595959; font-size:1em; font-style:italic;} a { color:#a41984; text-decoration:none; position:relative;} a:hover { color:#a41984; text-decoration:underline; position:relative;} p { font-size:0.8em; margin:10px 0px 10px 0px; color:#595959; line-height:1.3em; padding:0px 0px 0px 0px; } #content_right h2 a { color:#3e3e41; font-size:1.1em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-decoration:none;} #content_right h2 a:hover { color:#3e3e41; font-size:1.1em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-decoration:underline;} #latest_events h1 a {font-size:1em; color:#3e3e41; text-decoration:none;} #latest_events h1 a:hover {font-size:1em; color:#3e3e41; text-decoration:underline;} #latest_news h1 a {font-size:1em; color:#3e3e41; text-decoration:none;} #latest_news h1 a:hover {font-size:1em; color:#3e3e41; text-decoration:underline;} #events h1 a {font-size:1em; color:#4b4b4d; text-decoration:none;} #events h1 a:hover {font-size:1em; color:#4b4b4d; text-decoration:underline;} #office_contact{ background-color:#E7E7E7; width:100%; width:174px; } #office_contact #office_contact_details {padding:5px 3px 5px 7px; } #office_contact #office_contact_details p{ color:#4b4b4b; word-wrap: break-word; } #local_office{ width:100%; border-top:1px dashed #cecece; } #local_office .local{ width:215px; float:left; margin-left:20px; } #local_office .local p.local_title{ font-size:14px; font-weight:bold; } #local_office .local .local_results{ background-color:#EFEFEF; width:100%; height:100%; } #local_office .local .local_results p{ padding:5px 5px 5px 5px; } .person { width:475px; border-bottom:1px dashed #cecece; padding:10px 10px 10px 10px; } .person .person_info{ float:right; width: 320px; } .person .person_image{ float:left; margin-right:10px; } .person .comms span{ color:#A41984; } #sidebar_nav a.nostyle{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #meet_the_team { width:533px; } #meet_the_team table{ font-size:12px; width:533px; border-collapse:collapse; } #meet_the_team table th { color:#fff; padding:5px 10px 5px 10px; background:#ABDFA7; border-right:1px solid #fff; } #meet_the_team table td { padding:3px 10px 3px 10px; border-right:1px solid #fff;} #meet_the_team table td.name {background:#E7E7E7 !important; border-right:1px solid #fff;} #meet_the_team table td.namealt a { font-weight:bold; color:#000;} #meet_the_team table td.name a {font-weight:bold; color:#000;} #meet_the_team table td.position { width:200px; background:#E7E7E7 !important; border-right:1px solid #fff;} #meet_the_team table td.view { width:30px; background:#E7E7E7 !important; border-right:1px solid #fff;} #meet_the_team table tr.hover td {background:#CCCCCC !important; border-right:1px solid #fff;} #meet_the_team table tr.hover td a { } hr {background:none !important; height:0px; border:0px; border-top:1px dashed #cecece; border-color:#cecece !important; } img.page_header {position:relative; z-index:10;}