/* 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; } #login_details {position:absolute; top:55px; right:1px; font-size:14px; color:#0065A5; text-align:right; line-height:18px;} #login_details span {font-size:18px;} #login_details a {font-size:14px; color:#0065A5;} #logo {float:left:display:block; width:286px; height:109px; margin:0px; padding:0px; } #ib-logo {position:absolute; top:10px; left:320px;} #header_menu {text-align:center; position:absolute; top:0px; right:0px;} #header_menu a {display:block; font-size:16px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:url(../images/contact.jpg) no-repeat left top; width:143px; height:38px; padding:5px 0px 0px 0px; } #header_fiftieth {position:absolute; top:57px; right:0px;} .respInp { min-width: 60px; max-width: 100%; height: 44px; text-align: left; vertical-align: middle; margin:0px;padding:0px; } #flags { text-align:center; position:absolute; top:5px; right:160px; } #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;} #sidebar { width:300px; display:block; float:right; margin:4px 0px 20px 8px; padding:0px; min-height:300px; height:auto !important; height:300px; } #sidebar1 { width:231px; display:block; float:left; margin:0px 0 20px 2px; padding:0px; min-height:300px; height:auto !important; height:300px; } #donate { display:block; margin:6px 0px 0px 0px;} #content {width:650px; position:relative; display:block; float:left; margin:6px 0px 0px 0px; } #footer { width:960px; position:relative; /*border-top:1px solid #CCCCCC;*/ position:relative; margin:0px auto 0px auto; } #footer p { font-size:12px; color:#333333; margin:0px 0px 0px 0px; } #footer p span {color:#666666;} #footer_content {width:476px; display:block; float:left;} #footer_content a {color:#333333;} #footer_facebook {width:131px; display:block; float:left; } #footer_facebook a {position:relative; z-index:1000;} #footer_address {width:174px; display:block; float:right;} #footer_address p { color:#333333; font-size:12px; margin:0px 0px 10px 0px; } #footer_address a { color:#333333; font-size:12px;} #home_page_slideshow {display:block; width:650px; height:250px; position:relative;/* margin:-2px 0px 0px 0px;*/ padding:0px;} #home_page_slideshow ul {margin:0px !important; padding:0px !important;} #home_page_slideshow ul li {margin:0px !important; padding:0px !important; list-style:none; position:absolute; top:0px; left:0px;} #home_page_slideshow ul li span {position:absolute; bottom:20px; left:0px; width:90%: display:block; padding:0px 12px 0px 12px; bottom:7px; left:0px; background:#fff; opacity:0.85; filter:alpha(opacity=85); z-index:15;} #home_page_slideshow ul li span h1 {color:#00569F; padding:10px 0px 0px 0px; margin:0px 0px 0px 0px;} #home_page_slideshow ul li span p {margin:5px 0px 5px 0px; color:#000; position:relative; z-index:20;} #accordian_area { display:block;} #footer_menu {position:relative; border-top:1px solid #CCCCCC; padding:10px 0px 10px 0px; bottom:0px; left:0px; width:100%; color:#333333; font-size:12px;} #footer_menu a { color:#333333; font-size:12px;} .clear { clear:both; } #event_foot { margin:0px auto 0px auto; width:960px; display:block; background:url(/images/event_background.jpg) #004C7D no-repeat left top; min-height:15px; height:auto !important; height:15px; } #event_foot a { width:800px; font-size:18px; color:#fff; font-weight:normal; padding:13px 10px 13px 39px; display:block; } #event_main { margin:0px auto 0px auto; width:911px; padding:13px 10px 13px 39px; display:block; background:url(/images/event_background.jpg) #004C7D no-repeat left top; min-height:3px; height:auto !important; height:3px; } a#event_main { font-size:18px; color:#fff; font-weight:normal; display:block; } a:hover#event_main {text-decoration:none;} /*------------------------------------ Home -----------------------------------------------------------*/ /*----- accordian -----*/ .faq { display:block; margin:0px 0px 7px 0px;border: thin solid #CCC; background-color:#f5f5f5;} .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;} .faq_title a:hover{ text-decoration:none; } .open { position:absolute; top:13px; right:5px;} .num { display:none;} #are_you_looking { margin:16px 0px 0px 0px; border:1px solid #D2D2D2; background:url(../images/are_you_looking.jpg) repeat-x left top #ebebeb; width:100%; min-height:80px; height:auto !important; height:80px; } #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 {margin:0px; padding:0px;} #are_you_looking_left ul li { background:url(../images/close.gif) no-repeat left center; margin:0px !important; list-style:none; padding:1px 0px 1px 10px !important;} #are_you_looking_right {width:277px; display:block; float:right;} #are_you_looking_right ul {margin:0px; padding:0px;} #are_you_looking_right ul li { background:url(../images/close.gif) no-repeat left center; margin:0px !important; list-style:none; padding:1px 0px 1px 14px !important;} #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; } a#contact { font-size:16px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; } #select_options {} #select_options input {width:auto !important;} #select_options p span {display:none;} #featured_news {width:315px; position:relative; border:1px solid #CCC; padding:10px 15px 10px 15px; margin:15px 0 0 0; float:left;} #featured_date {font-size:12px; color:#999; margin:0;} #featured_title, #featured_title a {font-size:16px; color:#0072B0;} #featured_image {float:left; display:block; width:125px;} #featured_image a {} #featured_text {float:left; display:block; width:190px;} #featured_text_long {} #featured_text p, #featured_text_long p {margin:0 0 15px 0 !important;} #featured_news #read_more {position:absolute; bottom:5px; right:5px; text-decoration:underline; color:#0072B0;} #featured_news #read_more:hover {text-decoration:none;} /*------------------------------------ News -----------------------------------------------------------*/ .news {border-bottom:1px solid #E6E6E6; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;} .news a.title span {color:#333333; font-size:11px !important;} .news a.read_more_news {display:block; float:right; margin:10px 0px 0px 0px;} .img_news {display:block; float:left; margin:5px 0px 0px 0px; width:127px;} .small_news {width:490px; display:block; float:right; margin:5px 0px 0px 0px;} /*------------------------------------ events -----------------------------------------------------------*/ #date_block { display:block; margin:0px auto 0px auto; position:relative; } #date_block td {background:#EBEBEB; font-size:8px; text-align:center;} #date_block th {background:#EBEBEB; font-size:5px; text-align:center; font-weight:normal; text-align:center;} .start {color:#007F78; cursor:none;} .selected {background:#CFCFCF;} #date_block h1 {font-size:18px !important; color:#333333 !important; margin:10px 0px 10px 20px;} #date_block table { width:225px;display:block; margin:0px auto 0px auto;} /*------------------------------------ Textpage -----------------------------------------------------------*/ #content_footer {width:100%; border-top:1px solid #E6E6E6; margin:10px auto 20px auto;} #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:620px; display:block; margin:10px 0px 10px 0px;} #breadcrumb {display:block; font-size:11px; margin:0px 0px 0px 10px; padding:5px 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; } .hidden {display:none;} /*------------------------------------ Entry Page -----------------------------------------------------------*/ #pageheader_main {display:block; margin:3px 0px 10px 0px; position:relative; height:299px; width:617px; position:relative;} #pageheader_main ul {margin:0px !important; padding:0px !important;} #pageheader_main ul li {margin:0px !important; padding:0px !important; list-style:none; position:absolute; top:0px; left:0px; z-index:10;} .pagetext {position:absolute; width:97%; padding:0px 12px 0px 12px; bottom:7px; left:0px; background:#fff; opacity:0.85; filter:alpha(opacity=85); z-index:15;} .pagetext h1 {margin:5px 0px 5px 0px; opacity: 1;} .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;} /*------------------------------------ Product Page -----------------------------------------------------------*/ #product_left { float:left; margin:10px 0px 0px 0px; padding:0px 10px 10px 0px; } #product_right {width:334px; display:block; float:right; margin:10px 0px 0px 0px;} .paging {display:block; float:right;} /*------------------------------------ More Block Links Need Creating -----------------------------------------------------------*/ #block_link a{position:relative; display:block; font-size:24px; color:#ffffff !important; width:283px; min-height:170px; height:auto !important; height:170px; padding:20px 0px 0px 15px; margin:20px 0px 0px 0px; } #block_link a span{ position:absolute; bottom:15px; right:10px; color:#FFF !important; background:rgba(0,0,0,.3); padding:5px 10px; font-size:14px;} #block_link a:hover{ text-decoration:none !important; } #block_link a:hover span{ text-decoration:underline; } a#block_link_purple {background:url('../images/left_block_ad_purple.jpg') no-repeat left bottom; } a#block_link_orange {background:url('../images/left_block_ad_orange.jpg') no-repeat left bottom; } a#block_link_red {background:url('../images/left_block_ad_red.jpg') no-repeat left bottom #BE3B65;} a#block_link_green {background:url('../images/left_block_ad_green.jpg') no-repeat left bottom;} a#block_link_grey {background:url('../images/left_block_ad_grey.jpg') no-repeat left bottom; } a#block_link_blue {background:url('../images/left_block_ad_grey.jpg') no-repeat left bottom;} /*------------------------------------ Menu -----------------------------------------------------------*/ #menu_title {background:#015F83; display:block; color:#fff; font-size:20px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; min-height:26px; height:auto !important; height:26px; padding:3px 0px 6px 10px; margin:5px 0px 0px 0px; position:relative; cursor:pointer;} #menu_title a:hover{ text-decoration:none;} #menu { } #menu ul {padding:0px !important; margin:0px !important;} #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:#333333; /*background:url(../images/menu_left.gif) #CFCFCF no-repeat left 50%;*/ display:block; width:200px;} #menu ul li a:hover { background:url(../images/menu_left.gif) #B6B6B6 no-repeat left 50%; color:#fff; text-decoration:none;} *html #menu ul li.carry {margin:-18px 0px 0px 0px;} *+html #menu ul li.carry {margin:-18px 0px 0px 0px;} #menu ul li ul {padding:0px !important; margin:0px 0px 0px 0px !important; border-bottom:2px 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:#333333; background:#CFCFCF ; display:block; width:265px; text-decoration:underline;} #menu ul li ul li a:hover { background:#B6B6B6; text-decoration:none; color:#333333; text-decoration:underline;} #menu ul li ul li ul li a {padding:2px 10px 2px 51px !important; width:239px;} #purple #menu ul li ul li a.selected {background:#66225D !important; color:#fff;} #red #menu ul li ul li a.selected {background:#A0214A !important;} #orange #menu ul li ul li a.selected {background:#DF7134 !important;} #green #menu ul li ul li a.selected {background:#00A49A;} #grey #menu ul li ul li a.selected {background:#8B8B8B;} #blue #menu ul li ul li a.selected {background:#2FBAFF !important; color:#fff;} #purple #menu ul li a.selected {background:#66225D !important; color:#fff;} #red #menu ul li a.selected {background:#A0214A !important; color:#fff;} #orange #menu ul li a.selected {background:#DF7134 !important; color:#fff;} #green #menu ul li a.selected {background:#00A49A;} #grey #menu ul li a.selected {background:#8B8B8B;} #purple #menu ul li a:hover.selected {background:#66225D !important; color:#fff;} #red #menu ul li a:hover.selected {background:#A0214A !important;} #orange #menu ul li a:hover.selected {background:#DF7134 !important;} #green #menu ul li a:hover.selected {background:#00A49A;} #grey #menu ul li a:hover.selected {background:#8B8B8B;} #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') no-repeat #054A77 ; 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 8px 0px; position:relative; cursor:pointer; display:block;} #contact_menu ul li a:hover { background:url(../images/dark_grey.gif) #565656 no-repeat left 50%; color:#fff; text-decoration:none;} #contact_menu ul li a.selected {background:none; background-color:#009792; } #tab_nav {display:block; margin:10px 0px 0px 0px;} #tab_nav a {display:block; cursor:pointer; text-decoration:none; float:left; padding:5px; background:#0065A7; color:#fff !important; border:1px solid #ccc; border-bottom:0px !important; font-weight:bold; margin:0px 5px 0px 0px;} #tab_nav a:hover {background:#F2F2F2; color:#000 !important; } #tab_nav a.active {background:#F2F2F2; color:#000 !important; } .tab {display:none; background:#F2F2F2; padding:10px 10px 10px 10px; border:1px solid #ccc; min-height:600px; height:auto !important; height:600px;} #footer_menu ul {padding:0px !important; margin:0px !important;} #footer_menu ul li {padding:0px; margin:0px; list-style:none; } #footer_menu ul li a {margin:0px 0px 0px 0px; float:left; padding:0px 10px 0px 0px; color:#0065A7; } /*------------------------------------ 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 {margin:0px; padding:0px; } #gallery ul li {position:absolute; width:568px; top:10px; left:0px; list-style:none; text-align:center; margin:0px; padding:0px;} /*------------------------------------ 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 -150px;} #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_image {float:left; width:100px; height:112px; margin-bottom:20px;} .staff_text {display:block; floar:right; width:501px; } .staff_member h4 { margin-top:0; margin-bottom:0px;} .staff_member p {} .last_staff_member {border:0;} #events_table {border-collapse:true; border:solid 1px #ccc; margin:0px 0px 30px 0px; } #events_table th.large {width:200px; border:solid 1px #ccc; text-align:center; background:url(/images/th_bac.jpg) repeat-x left top;} #events_table th.med {width:60px; border:solid 1px #ccc; text-align:center; background:url(/images/th_bac.jpg) repeat-x left top;} #events_table td {border:solid 1px #ccc; padding:4px; text-align:center; } #events_table td input {width:40px; } #form_start {display:block; margin:20px 0px 20px 0px;} #form_start label.indent {width:200px;} #form_start input {width:300px;} #form_start textarea {width:300px;} #names_stages {} #names_stages th {padding:10px 0px 10px 0px;} #names_stages th.large {width:130px; border:solid 1px #ccc; text-align:center; background:url(/images/th_bac.jpg) repeat-x left top;} #names_stages th.med {width:60px; border:solid 1px #ccc; text-align:center; background:url(/images/th_bac.jpg) repeat-x left top;} #names_stages th.name {width:140px; border:solid 1px #ccc; text-align:center; background:url(/images/th_bac.jpg) repeat-x left top;} #names_stages th.small {width:40px; border:solid 1px #ccc; text-align:center; background:url(/images/th_bac.jpg) repeat-x left top;} #names_stages input {width:100px;} #names_stages textarea {width:150px;} #names_stages td {border:solid 1px #ccc; padding:4px; text-align:center;} #names_stages td.small input {width:30px; text-align:center;} #names_stages td.name input {width:130px; } #checkout {border-collapse:true; border:solid 1px #ccc; margin:10px 0px 30px 0px; } #checkout th {padding:10px 0px 10px 0px;} #checkout th.large {width:200px; border:solid 1px #ccc; text-align:center; background:url(/images/th_bac.jpg) repeat-x left top;} #checkout th.med {width:100px; border:solid 1px #ccc; text-align:center; background:url(/images/th_bac.jpg) repeat-x left top;} #checkout td {border:solid 1px #ccc; padding:4px; text-align:center; } .submitbut, #booking-form-submit {cursor:pointer; display:block; float:left; font-weight:bold; border:0px; background:#EBEBEB; border:1px solid #ccc; margin-left:10px; font-size:16px; color:#6F6F6F !important;} #booking-form-submit {padding:2px 10px 2px;} .submitbut:hover, #booking-form-submit:hover {background:#999; color:#FFF !important; text-decoration:none;} a.back {display:block; float:left; width:50px; font-weight:bold; border:1px solid #000; background:#EBEBEB; border:1px solid #ccc; text-align:center; font-size:16px; color:#6F6F6F !important; padding:1px 2px 2px 2px;; margin:0px 0px 10px 0px;} a:hover.back {text-decoration:none; } #paymentdetails {width:300px; margin:10px 0px 10px 0px; } #paymentdetails td {padding:4px; border:1px solid #ccc;} #paymentdetails th {padding:4px; border:1px solid #ccc;} #paymentdetails th.large {padding:4px; border:1px solid #ccc; background:url(/images/th_bac.jpg) repeat-x left top;} /*------------------------------------ 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 ------------------------------------------------------*/ .webmail_login form {padding:10px 20px 40px 20px; margin:0 0 30px 0; background:#EBEBEB;} .webmail_login form input {width:247px; height:24px;} .webmail_login 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;} .webmail_login label.indent, div.indent {float: left; width: 150px; clear: both;font-size: 14px; line-height: normal; margin: 2px 2px 2px 0;} /*------------------------------------ footer content module -----------------------------------------------------------*/ #footer_content_module {margin-bottom:15px} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav a { margin:0px 0px 0px 0px; padding:8px 10px 7px 10px; 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;} #nav ul #nav_ a:hover {background:url('../images/menu_grey.jpg') repeat-x top left;} #nav ul #nav_ a.active {background:url('../images/menu_grey.jpg') repeat-x top left;} /*------------------------------------ nav1-----------------------------------------------------------*/ #nav1 { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav1 a { margin:0px 0px 0px 0px; padding:8px 10px 7px 10px; display:block; font-weight:normal; font-size:12px;} #nav1 a:hover { text-decoration:none; color:#ffffff; } #nav1 ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav1 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;} #nav1 ul li ul {m} #nav1 ul #nav_purple a:hover {background:url('../images/menu_purple.jpg') repeat-x top left;} #nav1 ul #nav_purple a.active {background:url('../images/menu_purple.jpg') repeat-x top left;} #nav1 ul #nav_red a:hover {background:url('../images/menu_red.jpg') repeat-x top left;} #nav1 ul #nav_red a.active {background:url('../images/menu_red.jpg') repeat-x top left;} #nav1 ul #nav_orange a:hover {background:url('../images/menu_orange.jpg') repeat-x top left;} #nav1 ul #nav_orange a.active {background:url('../images/menu_orange.jpg') repeat-x top left;} #nav1 ul #nav_green a:hover {background:url('../images/menu_green.jpg') repeat-x top left;} #nav1 ul #nav_green a.active {background:url('../images/menu_green.jpg') repeat-x top left;} #nav1 ul #nav_grey a:hover {background:url('../images/menu_grey.jpg') repeat-x top left;} #nav1 ul #nav_grey a.active {background:url('../images/menu_grey.jpg') repeat-x top left;} #nav1 ul #nav_ a:hover {background:url('../images/menu_grey.jpg') repeat-x top left;} #nav1 ul #nav_ a.active {background:url('../images/menu_grey.jpg') repeat-x top left;} /*------------------------------------- Open day registration form ---------------------------------------*/ #open-day-reg .required {background:#FFF;} #open-day-reg span { color:#0065A6;} #open-day-reg input[type='text'] {width:365px; height:20px; border:1px #B7B7B7 solid; padding:5px 10px;} #open-day-reg select {width:387px; padding:7px; border:1px #B7B7B7 solid;} #open-day-reg #open-day-reg-dob-X-day, #open-day-reg #open-day-reg-dob-X-year {width:116px;} #open-day-reg #open-day-reg-dob-X-month {width:147px;} #open-day-reg .radio-buttons {display:block;} #open-day-reg .radio-buttons p {display:inline;} #open-day-reg div.indent {display:none;} #open-day-reg .further-info {padding-bottom:40px; overflow:hidden; width:100%;} #open-day-reg .further-info .indent {display:none; width:0px;} #open-day-reg .further-info label {display:inline; float:right; width:565px;} #open-day-reg input[type='checkbox'] {width:20px; float:left; display:inline;} #open-day-reg #open-day-reg-submit {font-size:12px; background:#6A1F60; color:#FFF; text-transform:uppercase; border:none; padding:5px 10px; cursor:pointer; font-weight:bold;} #open-day-reg #open-day-reg-submit:hover {background:#0065A6;} #open-day-reg .welcome {font-size:16px; color:#6A1F60; font-weight:bold;} /*------------------------------------- Login ---------------------------------------*/ #login_page {display:block; margin:0px 0px 0px 0px; padding:95px 0px 166px 0px;} #login_area {position:relative; width:266px; border:1px solid #ccc; padding:46px 20px 20px 20px; background:#fff; display:block; margin:0px auto 0px auto;} #login_area span {display:block; float:left;} #login_area span input {display:block; float:left; margin:14px 5px 0px 0px; border:1px solid #ccc;} #login_area span label {display:block; float:left; margin:14px 5px 0px 0px;} #login_area p.inp label {line-height:26px; font-size:14px;} #login_area p.inp input {width:250px; font-size:14px; background:#fff; border:1px solid #ccc; padding:5px 5px 5px 5px;} .inp input {width:250px; font-size:14px; background:#fff; border:1px solid #ccc; padding:5px 5px 5px 5px;} .inp label {line-height:26px; font-size:14px;} #login_area h1 {position:absolute; top:0px; left:0px; width:304px; color:#fff; font-size:20px; padding:6px 0px 8px 26px; font-weight:bold; background:url(/images/login_graphic.jpg) no-repeat left top;} #login_area button {background:url(/images/th_bac.jpg) repeat-x left top; display:block; float:right; font-size:16px; border:1px solid #ccc; font-family:Tahoma,Geneva,Kalimati,sans-serif; width:92px; height:39px; padding:0px 10px 0px 10px; font-weight:bold; } /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border-style: none; border-color: inherit; border-width: 0px; margin: 0px 0px 0px 1px; padding: 0px; } h1 { color:#0064a6; font-size:20px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } h2 { color:#ad1644; font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#333333; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#333333; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#333333; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#333333; font-size:10px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} em {} pre {} u {} sub {} sup {} #content ul { margin:5px 0px 0px 0px; padding:0px; } #content ul li { color:#333333; font-size:13px; font-family: Arial, Helvetica, sans-serif !important; margin-left:25px; } #content ol li { color:#333333; font-size:13px; font-family: Arial, Helvetica, sans-serif !important; sans-serif; list-style:decimal;} ul { padding-left:0px;} ul li {font-size:12px; color:#000; list-style-type:none;} ol {} ol li {font-size:12px; color:#000; list-syle:decimal;} address {font-size:12px; } a { color:#0064A6; text-decoration:none; } a:hover {text-decoration:underline;} p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#333333; } #purple a.read_more { background:#591651; } #purple .news a {color:#802277;} #purple #menu_title {background:url(../images/purple.jpg) #3A0D34 no-repeat left bottom;} #purple #menu ul li ul li a:hover {color:#3A0C35; background:url(../images/arrow_purple.jpg) #B6B6B6 no-repeat left 50%;} #purple h1 {color:#77206D;} #purple #breadcrumb a {color:#591651;} #purple a {color:#591651;} #red a.read_more { background:#A72650; } #red .news a {color:#A72650;} #red #menu_title {background:url(../images/red.jpg) #6A102A no-repeat left top;} #red #menu ul li ul li a:hover {color:#6C0F2B; background:url(../images/arrow_red.jpg) #B6B6B6 no-repeat left 50%;} #red h1 {color:#A72650;} #red #breadcrumb a {color:#A72650;} #red a {color:#A72650;} #orange a.read_more { background:#E27238; } #orange .news a {color:#E27238;} #orange #menu_title {background:url(../images/orange.jpg) #C35824 no-repeat left top;} #orange #menu ul li ul li a:hover {color:#CF5C24; background:url(../images/arrow_orange.jpg) #B6B6B6 no-repeat left 50%;} #orange h1 {color:#E27238;} #orange #breadcrumb a {color:#E27238;} #orange a {color:#E27238;} #green a.read_more { background:#00A49B; } #green .news a {color:#00A49B;} #green #menu_title {background:url(../images/green.jpg) #02776F no-repeat left top;} #green #menu ul li ul li a:hover {color:#00726B; background:url(../images/arrow_green.jpg) #B6B6B6 no-repeat left 50%;} #green h1 {color:#00A49B;} #green #breadcrumb a {color:#00A49B;} #green #breadcrumb {color:#00A49B;} #green a {color:#00A49B;} #grey a.read_more { background:#A4A4A4; } #grey .news a {color:#A4A4A4;} #grey #menu_title {background:url(../images/grey.jpg) #6e6e6e no-repeat left top;} #grey #menu ul li ul li a:hover {color:#6A6A6A; background:url(../images/arrow_grey.jpg) #B6B6B6 no-repeat left 50%;} #grey h1 {color:#333333;} #grey #breadcrumb a {color:#6F6F6F;} #grey a {color:#6F6F6F;} #block_link h1{ color:#FFF; } #block_link h2{ color:#FFF; } #block_link h3{ color:#FFF; } #block_link h4{ color:#FFF; } #block_link h5{ color:#FFF; } #block_link p{ color:#FFF; } #submit-popup {position:fixed; top:50%; left:50%; width:400px; margin:-100px 0 0 -200px; border:1px solid #000; background:#EFEFEF; z-index:1000; box-shadow:5px 5px 20px -7px #000; display:none;} #submit-popup h3 {margin-top:0; background:#0072B0; padding:5px 20px; width:360px; color:#FFF;} #submit-popup #inner-popup {padding:0 20px 10px 20px; } #submit-popup p {} #submit-popup p a {font-weight:bold; color:#0072B0;} #submit-popup #change-details {cursor:pointer; background:#EBEBEB; border:1px solid #CCCCCC; color:#6F6F6F; display:block; float:left; font-size:14px; padding:3px 5px 2px;} #submit-popup #change-details:hover, #submit-popup button:hover{text-decoration:none; background:#999; color:#FFF !important;} #submit-popup button {float:right; margin:0;} .faq_content{ padding-left:5px; padding-right:5px; } .orangebuttonstyle{ background-color: #de6328; border-radius: 5px 5px 5px 5px; color: #FFFFFF; text-shadow: none; padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px; } .greenbuttonstyle{ background-color: #009b90; border-radius: 5px 5px 5px 5px; color: #FFFFFF; text-shadow: none; padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px; } .bluebuttonstyle{ font-family: Arial,Helvetica,sans-serif; background-color: #0064a6; border-radius: 5px 5px 5px 5px; color: #FFFFFF; text-shadow: none; padding-left:5px; padding-right:5px; border-style:none; padding-bottom:5px; padding-top:5px; font-size:12px; } .trheadColor{ background-color:#009b90; color:white; } .buttonstyle{ font-family: Arial,Helvetica,sans-serif; background-color: #0064a6; border-radius: 5px 5px 5px 5px; color: #FFFFFF; text-shadow: none; padding-left:5px; padding-right:5px; border-style:none; font-size:12px; }