@charset "utf-8"; /* CSS Document */ a:active, a:focus { outline: 0; } /* removes the dotted border in Firefox */ * { margin: 0; /* zero out margin */ padding: 0; /* zero out padding */ } html { height: 100%; /* gives layout 100% height */ position: relative; /* gives 100% height to Opera 9.5 */ } body { height: 100%; /* gives layout 100% height */ background: #ffffff; } * html #wrapper { height: 100%; /* IE6 treats height as min-height */ } #wrapper { min-height: 100%; /* gives layout 100% height */ margin: 0; /* positions #wrapper */ width: 100%; /* centered div must be given a width */ background: #F3F3EC; /*** Background colour of navigation column now ***/ border-left: 0px solid #F9DE00; border-right: 0px solid #9F9F9F; border-top: 0px solid #9F9F9F; border-bottom: 0px solid #9F9F9F; } #footer { height: 45px; width: 100%; /* centered div must be given a width */ margin: -45px auto 0 0; /* -40px sucks it back in & auto centers it */ background: #ffffff; } #topbanner { margin: 0 0px 0 0px; /* top, right, bottom, left. */ background: #FFFFFF; } #content { margin: 320px 0px 0px 13px; } #about_text { margin: 320px 0px 0px 295px; } #menuleft { margin: 0px 0px 0px 0px; } .floatright { float: right; width: 180px; margin: 0 0 10px 10px; } /********************************** *************************************/ body { /* sets the default font */ font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:100%; font-weight: normal; text-decoration: none; margin: 0px; /* these two properties are the correct way to remove the */ padding: 0px; /* top and left margin we used to do in the HTML tag*/ } /********************************** *************************************/ select { font-family: Arial, Helvetica, sans-serif; font-size: 10px} value { font-family: Arial, Helvetica, sans-serif; font-size: 12px} select { } input { font-family: Arial, Helvetica, sans-serif; font-size: 10px} /********************************** *************************************/ p { margin-top: 0px; margin-bottom: 0px; } p.intro, p.intro_bold { margin-top: 0px; margin-bottom: 6px; } p.news, p.news_bold, p.latest_news_heading, p.news_date { margin-top: 0px; margin-bottom: 3px; } p.xt_search_link { } p.xt_link_white_12px { } /* client area link */ p.xt_search_text { } /* text within search field */ p.main_heading { margin-top: 0px; margin-bottom: 12px; } p.description { margin-top: 0px; margin-bottom: 6px; } p.sub_heading_grey { margin-top: 0px; margin-bottom: 6px; } p.body_text, p.body_text_link, p.news_date, p.description { margin-top: 0px; margin-bottom: 6px; } p.news_date, p.news_title { margin-top: 6px; margin-bottom: 6px; } /* control height of table cells with these margins - doesn't work!! */ /********************************** *************************************/ a.small_link { font-size: 70%; line-height: 130%; font-weight: bold; text-decoration: none; color: #CFA859; text-decoration: none; margin: 0px 0px 4px 0px; } form{display:inline;} /* removes the horrible spacing after forms - makes them sit inline! */ a.back_to_top:hover { color:#FFCC00; } .back_to_top { font-size:11px; font-weight: normal; font-style: italic; color: #336699; text-decoration: none; } h1 { /* main body titles */ font-size: 100%; line-height: 110%; color: #85A0A9; text-decoration: none; font-weight: normal; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D3D3D3; margin: 0px 10px 0 0px; /* top right bottom left */ padding: 0px 0 5px 0px; } h2 { font-size: 70%; line-height: 160%; font-weight: normal; color: #666666; text-decoration: none; margin: 0px 0px 4px 0px; } h5 { font-size: 70%; line-height: 100%; font-weight: normal; color: #666666; text-decoration: none; } .contact_strapline {color: #85A0A9} .page_subtitles { font-size: 85%; line-height: 140%; color: #85A0A9; text-decoration: none; font-weight: bold; text-align: left; margin: 20px 0 0px 0px; padding: 0px 0 5px 0px; } .headline { font-size: 100%; line-height: 110%; color: #85A0A9; text-decoration: none; font-weight: normal; } .instruction { font-size: 90%; line-height: 110%; color: #85A0A9; text-decoration: none; font-weight: normal; } /********************************** SideBar *************************************/ .sidebar_title { font-size: 100%; line-height: 100%; color: #85A0A9; text-decoration: none; font-weight: bold; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D3D3D3; margin: 0px 10px 0 0px; /* top right bottom left */ padding: 0px 0 5px 0px; } .sidebar_title2 { font-size: 80%; line-height: 100%; color: #85A0A9; text-decoration: none; font-weight: bold; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D3D3D3; margin: 0px 10px 0 0px; /* top right bottom left */ padding: 0px 0 5px 0px; } .sidebar_contact { font-size: 100%; line-height: 120%; color: #85A0A9; text-decoration: none; font-weight: normal; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D3D3D3; margin: 0px 10px 0 0px; /* top right bottom left */ padding: 0px 0 5px 0px; } .sidebar_text { font-size: 65%; line-height: 120%; color: #666666; text-decoration: none; font-weight: normal; } .sidebar_featuretext { font-size: 70%; line-height: 140%; color: #666666; font-weight: normal; text-decoration: none; text-align: left; } .sidebar_featureheading { font-size: 70%; line-height: 160%; color: #CFA859; text-decoration: none; font-weight: normal; text-align: left; padding: 5px 0px; } .sidebar_featureheadingbold { font-size: 70%; line-height: 140%; color: #CFA859; text-decoration: none; font-weight: bold; text-align: left; } /********************************** News *************************************/ .latest_news_heading { font-size: 80%; line-height: 100%; color: #85A0A9; text-decoration: none; font-weight: bold; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D3D3D3; margin: 0px 10px 0 0px; /* top right bottom left */ padding: 0px 0 5px 0px; } .news_title { color: #85A0A9; /* dark blue */ font-size:12px; font-weight: bold; text-decoration: none; line-height: 1.5; } .news_title:hover{ text-decoration: underline; color:#FFCC00; /* and back to the old yellow!!! 231104 */ } .news_article_title { color: #85A0A9; /* dark blue */ font-size:12px; font-weight: bold; text-decoration: none; line-height: 1.5; } .news { font-size:11px; font-weight: normal; color: #666666; text-decoration: none; line-height: 1.5; } .news_bold { font-size:11px; font-weight: bold; color: #666666; text-decoration: none; line-height: 1.5; } .news_bold_link { font-size:11px; font-weight: bold; color: #666666; text-decoration: none; line-height: 1.5; } .news_bold_link:hover{ text-decoration: underline; color:#85A0A9; } .news_date { font-size:11px; font-weight: normal; color: #85A0A9; text-decoration: none; } .news_date span a { font-size:11px; font-weight: normal; font-style: italic; color: #85A0A9; text-decoration: none; padding: 0 0 0 250px; } .news_date span a:hover { text-decoration: underline; } /********************************** News End *************************************/ /********************************** Bottom Menu *************************************/ .bottom_menu { font-size: 70%; font-style: normal; font-weight: normal; text-decoration: none; color:#999999; } .bottom_menu:hover{ text-decoration: underline; color:#CFA859; } /********************************** Bottom Menu End *************************************/ .xt_search_link { font-size:11px; font-weight: bold; color: #336699; text-decoration: none; line-height: 1.5; } .xt_search_text { /* text within search field */ font-size:11px; font-weight: normal; color: #666666; text-decoration: none; } /*-----------------Main Menu-------------------*/ ul.vertical_list { margin: 0px auto; list-style: none; margin-left:0px; line-height: 75%; } ul.vertical_list li { text-align: left; list-style: none; /*padding: 3px 10px 0px 10px; top right bottom left */ border: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #C3C3C3; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px;} ul.vertical_list a { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 75%; font-weight: normal; text-decoration: none; } ul.vertical_list li a:hover{ color: #CFA859; text-decoration: underline; } .vertical_list_cream { font-family: Arial, Helvetica, sans-serif; color: #E7D189; font-size: 100%; font-weight: normal; text-decoration: none; } /*-----------------Menu End-------------------*/ /*-----------------Side Main Menu-------------------*/ ul.vertical_list2 { margin: 0px auto; list-style: none; margin-left:0px; line-height: 70%; } ul.vertical_list2 li { text-align: left; list-style: none; border: 0px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px;} ul.vertical_list2 a { font-family: Arial, Helvetica, sans-serif; color: #85A0A9; font-size: 70%; font-weight: normal; text-decoration: none; } ul.vertical_list2 li a:hover{ color: #666666; text-decoration: underline; } .vertical_list2_cream { font-family: Arial, Helvetica, sans-serif; color: #E7D189; font-size: 100%; font-weight: normal; text-decoration: none; } /*-----------------Side Menu End-------------------*/ .main_heading { font-size:20px; font-weight: normal; color: #336699; /* dark blue */ text-decoration: none; } .xt_sub_menu_heading { font-size: 100%; font-style: normal; font-weight: bold; text-decoration: none; color: #666666; } .xt_sub_menu_grey { font-size: 95%; font-style: normal; font-weight: normal; text-decoration: none; color: #666666; line-height: 180%; } a.xt_sub_menu_grey: visited { font-size: 95%; font-style: normal; font-weight: normal; text-decoration: none; color: #880099; line-height: 180%; } .xt_sub_menu_black { font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } .xt_sub_menu_purple { font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #880099; } /* bulletted list styles **********************************************************/ ul, li { list-style-type: disc; } ul { margin-top: 5px; margin-left: 8px; padding-left: 8px; } ul li { margin-bottom: 5px; } /* sitemap **********************************************************/ .section { font-size:12px; font-weight: normal; color: #000000; text-decoration: none; /* line-height: 1.5; */ } .sub_section { font-size:12px; font-weight: normal; color: #666666;/* grey */ text-decoration: none; } .section_heading { font-size:14px; font-weight: normal; color: #336699; /* dark blue */ text-decoration: none; } /* Miscellaneous classes for reuse------------------------------------------------ */ .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } /* Right profile column test ------------------------------------------------ */ .profile_detail { font-family: Arial, Helvetica, sans-serif; color: #85A0A9; font-size: 70%; font-weight: normal; text-decoration: none; line-height: 140%; } .profile_detail:hover{ text-decoration: underline; color: #666666; } .profile_detail_title { font-family: Arial, Helvetica, sans-serif; color: #85A0A9; font-size: 70%; text-decoration: none; line-height: 140%; border: 1px dotted #D3D3D3; margin: 0px 10px 10px 0px; /* top right bottom left */ padding: 0px 0 5px 0px; } .news_quick_link { font-family: Arial, Helvetica, sans-serif; color: #85A0A9; font-size: 70%; text-decoration: none; line-height: 140%; border-bottom: 1px dotted #D3D3D3; margin: 6px 10px 6px 0px; /* top right bottom left */ padding: 0px 0 6px 0px; } .news_quick_link a { color: #85A0A9; text-decoration: none; } .news_quick_link a:hover { text-decoration: underline; color: #666666; } .full_details { font-size: 70%; line-height: 120%; color: #85A0A9; text-decoration: none; } #mem_list p { color: #85A0A9; font-size: 80%; font-weight: bold; text-decoration: none; margin: 6px 0 2px 0; } #mem_list a, #member_text a { color: #85A0A9; text-decoration: none; } #mem_list a:hover, #member_text a:hover { color: #004785; } #detail_show, #detail_hide, #desc_show, #desc_hide { padding: 6px 0 12px 0; } #detail_show, #detail_hide, #desc_show, #desc_hide { font-family: Arial, Verdana, sans-serif; /* works better in bold */ color: #85A0A9; /* brey */ font-size: 65%; letter-spacing: 0.2em; line-height: 1.5; font-weight: bold; text-decoration: none; }