#front, #iframeBody { font-size: 65%; font-family: verdana, helvetica, sans-serif; color: #444444; background-color: #ffffff; }
#front { text-align: center; }
#front, #iframeBody { margin: 0px; }
#front img, #iframeBody img { border: 0px; }

h1, .fusionH1 { font-weight: bold; font-size: 1.4em; margin: 8px 0px 12px; }
h2, .fusionH2  { clear: left; font-weight: bold; font-size: 1.3em; }
h3, .fusionH3  { font-weight: bold; font-size: 1.1em; margin: 0px; }
h4, .fusionH4  { font-weight: bold; font-size: 1em; margin: 0px; }

a, a:visited { text-decoration: none; color: #B6121B; }
a:hover { text-decoration: underline; }
a:active { color: #000000; }

input, select, textarea, table { font-size: 1em;  font-family: verdana, helvetica, sans-serif; }

/* Micro-site specific */
.celsius { color: #444444 !important; }
.celsius h1 { color: #B6121B !important; }
.celsius #sub_bar { background-color: #B6121B !important; height: 5px; margin-top: 0px; }
.celsius #sub_menu a, .celsius #sub_menu a:visited { color: #888888 !important; } 
.celsius #sub_menu a:hover { color: #B6121B !important; }
.celsius #sub_menu li { background: url(../images/sub_menu_celsius.gif) left top repeat-x !important; }
.celsius #sub_menu { background: url(../images/sub_menu_celsius.gif) left bottom repeat-x !important; }
.worksmarter h1 { color: #0154A2 !important; }
.e-croydon { background: url(../images/background.gif) left top repeat; margin-top: 0px; }
.e-croydon #slb { position: relative; margin-top: 0px; background: url(../images/croydon-overlay.png) left top repeat-y; width: 770px; padding: 0px 10px; }
.e-croydon #slb, .e-croydon #site-background, .e-croydon #site-top, .e-croydon #site-bottom { behavior: url("sitespecific/iepngfix.htc") }
.e-croydon #site-background { background: url(../images/back-overlay.png) left top repeat-x; height: auto !important; height: 529px; min-height: 529px; padding-top: 13px; }
.e-croydon #site-top { width: 770px; background: url(../images/croydon-top.png) left top no-repeat; padding: 0px 10px; overflow: hidden; height: 10px; margin: 0px auto 0px !important; }
.e-croydon #site-bottom { width: 770px; background: url(../images/croydon-bottom.png) left bottom no-repeat; padding: 0px 10px; overflow: hidden; height: 20px; margin: auto !important; }
.e-croydon h1 { color: #000000 !important; }
.e-croydon #sub_bar { display: none; }
.e-croydon #sub_menu a, .e-croydon #sub_menu a:visited { color: #000000 !important; } 
.e-croydon #sub_menu a:hover, .e-croydon #current_page { color: #643695 !important; }
.e-croydon a:hover { color: #643695 !important; }
.e-croydon #zeraxis-logo { position: absolute; top: 5px; left: 468px; }
.e-croydon .narrow_line img { vertical-align: top; float: left; }
.e-croydon #bt-logo { margin: 0px 39px; _margin: 0px 33px !important; }
.worksmarter table { border-collapse: collapse; }
.worksmarter td { border: 1px solid #333333; padding: 3px 5px; }
.worksmarter #sub_bar { height: 5px; margin-top: 0px; }
.narrow_line { clear: left; border-top: 1px solid #aaaaaa; position: relative; width: 444px; left: 148px; color: #98999D; padding-top: 5px; font-size: 110%; }
#slb_standalone { clear: left; margin-top: 15px; }
/*   */
#subscribe_indicates { float: left; margin-left: 8px; margin-top: 12px; }

#slb { width: 750px; margin: 28px auto 0px; text-align: left; }

#header { position: relative; width: 750px; height: 81px; }
#south_london_business { width: 176px; height: 75px; float: left; }
#supplementary { width: 231px; position: absolute; right: 60px; top: 0px; height: 80px; text-align: right; font-weight: bold; margin-right: 1px; }
#date_time { position: absolute; top: 5px; right: 276px; width: 150px; font-weight: bold; text-align: right; }
#date_time span { padding-right: 8px; }
#supplementary form { height: auto !important; min-height: 20px; height: 20px; float: right; color: #ffffff; width: 231px; margin-bottom: 2px; background-color: #96979b; padding: 2px 0px 0px; }
#supplementary label { margin: 3px 0px 0px 8px; float: left; }
#search { width: 123px; height: 15px; margin: 0px 5px 0px 9px; border: 0px; padding: 1px 0px 0px; line-height: 1.4em;}

#search:empty { height: 16px !important; top: 0px !important; }

#search_site { margin: 2px 4px 0px 0px; vertical-align: top; }
#slb-icon { float: right; margin-right: 15px; height: 66px; width: 43px; }

#subscriber_login, #site-map, #contact_link { color: #ffffff; height: auto !important; height: 20px; min-height: 20px; display: block; text-align: left; margin-bottom: 2px; }
#site-map { background: #b10037 url(../images/2011-site-map.gif) 66px 5px no-repeat; width: 81px; float: left; margin-right: 2px; }
#subscriber_login { background: #b10037 url(../images/2011-subscriber-login.gif) 127px 3px no-repeat; width: 147px; float: right; }

.inner { padding: 8px 4px; }

#contact_link { background: #b10037 url(../images/2011-contact.gif) 127px 4px no-repeat; width: 147px; float: right; clear: right; }
#contact_link span, #subscriber_login span, #site-map span { position: relative; top: 3px; left: 9px; }
#contact_link:hover, #subscriber_login:hover, #site-map:hover { text-decoration: none !important; }
#subscriber_login:hover, #site-map:hover { color: #d0d0d0; }
#contact_link:hover { color: #88030a; }

#main_menu { clear: both; list-style-type: none; width: 750px; font-weight: bold; color: #000000; white-space: nowrap; margin: 0px; padding: 20px 0px 0px 0px; }
#main_menu li { float: left; width: 150px; }
#main_menu li div { margin: 0px 1px; height: auto !important; height: 25px; min-height: 25px; }
#main_menu li a, #main_menu li a:visited { height: auto !important; height: 22px; min-height: 22px; padding: 3px 0px 0px 5px; display: block; color: #444444; }
#main_menu li a:hover { text-decoration: none; }

.blue #main_menu li.blue a, #home a { background: url(../images/2011-arrow-on.gif) 136px 2px no-repeat !important; }
.red #main_menu li.red a { background: url(../images/2011-arrow-on.gif) 136px 2px no-repeat; }
.green #main_menu li.green a { background: url(../images/2011-arrow-on.gif) 136px 2px no-repeat; }
.purple #main_menu li.purple a { background: url(../images/2011-arrow-on.gif) 136px 2px no-repeat; }
.turq #main_menu li.turq a { background: url(../images/2011-arrow-on.gif) 136px 2px no-repeat; }
#main_menu li a { background: url(../images/2011-arrow.gif) 136px 2px no-repeat; }
#main_menu li:hover div, .blue #main_menu li.blue div, #home div, .red #main_menu li.red div, .green #main_menu li.green div, .purple #main_menu li.purple div, .turq #main_menu li.turq div { background: url(../images/2011-border-on.gif) left bottom repeat-x !important; }
#main_menu li a:hover { background: url(../images/2011-arrow-on.gif) 136px 2px no-repeat; }
#main_menu li div { background: url(../images/2011-border.gif) left bottom repeat-x; }

/*
.blue #main_menu li.blue a { background: url(../images/blue_arrow_on.gif) 132px 0px no-repeat !important; }
#main_menu li.blue a { background: url(../images/blue_arrow.gif) 132px 0px no-repeat; }
#main_menu li.blue a:hover { color: #0154A2; background: url(../images/blue_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.blue div { background: url(../images/blue_border.gif) left bottom repeat-x; }

.red #main_menu li.red a { background: url(../images/red_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.red a { background: url(../images/red_arrow.gif) 132px 0px no-repeat; }
#main_menu li.red a:hover { color: #B6121B; background: url(../images/red_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.red div { background: url(../images/red_border.gif) left bottom repeat-x; }

.requiredAst { color: #B6121B; font-weight: bold; }

.green #main_menu li.green a { background: url(../images/green_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.green a { background: url(../images/green_arrow.gif) 132px 0px no-repeat; }
#main_menu li.green a:hover { color: #8DBB54; background: url(../images/green_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.green div { background: url(../images/green_border.gif) left bottom repeat-x; }

.purple #main_menu li.purple a { background: url(../images/purple_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.purple a { background: url(../images/purple_arrow.gif) 132px 0px no-repeat; }
#main_menu li.purple a:hover { color: #60469D; background: url(../images/purple_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.purple div { background: url(../images/purple_border.gif) left bottom repeat-x; }

.turq #main_menu li.turq a { background: url(../images/turq_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.turq a { background: url(../images/turq_arrow.gif) 132px 0px no-repeat; }
#main_menu li.turq a:hover { color: #01AFBA; background: url(../images/turq_arrow_on.gif) 132px 0px no-repeat; }
#main_menu li.turq div { background: url(../images/turq_border.gif) left bottom repeat-x; }
*/

.e-croydon .header_banner { width: 750px; height: 250px !important; }
.header_banner { width: 749px; height: 142px; }
#sub_bar { background-color: #b10037; height: 20px; clear: both; margin: 1px 1px 2px; }
/*
.green #sub_bar { background-color: #A0CF67 !important; }
.red #sub_bar { background-color: #B6121B !important; }
.purple #sub_bar { background-color: #60469D !important; }
.turq #sub_bar { background-color: #01AFBA !important; }

.green h2 { color: #8DBB54 !important; }
.red h2 { color: #B6121B !important; }
.purple h2 { color: #60469D !important; }
.turq h2 { color: #01AFBA !important; }

*/

#sub_menu, #sub_menu ul { padding: 0px; list-style-type: none; }
#sub_menu { background: url(../images/sub_menu.gif) left bottom repeat-x; margin: 0px 0px 4px; }
#sub_menu ul { background: url(../images/sub_menu.gif) left top repeat-x; margin: 0px; }
#sub_menu ul li { background: none; padding-left: 10px; margin: 0px;  }
#sub_menu li { margin: 0px; padding: 0px; background: url(../images/sub_menu.gif) left top repeat-x; color: #000000; }
#sub_menu a, #sub_menu a:visited { color: #00489F; display: block; } 
#sub_menu div, #sub_menu a, #sub_menu a:visited { margin-left: 8px; padding: 8px 0px; }

.green #left_column a:hover { color: #A0CF67; } 
.red #left_column a:hover { color: #B6121B; } 
.purple #left_column a:hover { color: #60469D; } 
.turq #left_column a:hover { color: #01AFBA; } 

#left_column { width: 153px; float: left; }
#left_column .internal { margin: 0px 4px 20px 1px; }
#centre_content { width: 444px; }
#centre_w_content { width: 597px; }
#centre_content, #centre_w_content { float: left; margin: 0px 0px 20px; position: relative; height: auto !important; height: 350px; min-height: 350px; }
#right_column { width: 153px; float: left; }
#right_column .internal { margin: 0px 1px 20px 4px; }
#right_column img, #left_column img { margin-bottom: 2px; }

#page_image { height: auto !important; height: 147px; min-height: 147px; color: #ffffff; background-color: #aaaaaa !important; }
/*.red #page_image { background-color: #B6121B !important; }
.green #page_image { background-color: #8DBB54 !important; }
.purple #page_image { background-color: #60469D !important; }
.turq #page_image { background-color: #01AFBA !important; }*/

#quote { width: 169px !important; height: auto !important; height: 137px; min-height: 137px; padding: 5px; }
blockquote { margin: 0px; font-weight: bold; }
#quotename { padding: 4px 0px 0px 10px; background: url(../images/quote_name.gif) left 6px no-repeat; }
textarea#quote { font-weight: bold; padding: 0px !important; }
input#quotename { width: 169px !important; padding-left: 10px !important; font-size: 89% !important; }
#quoteposition { padding-left: 10px; font-size: 89%; }

#sponsored { background: url(../images/footer_bottom.gif) left bottom repeat-x; text-align: center; clear: both; margin: 0px 1px; }
#sponsored ul { list-style-type: none; white-space: nowrap; margin: 0px; padding: 0px; background: url(../images/footer_top.gif) left top repeat-x; }
#sponsored ul li { display: inline; margin: 0px; padding: 0px; }
#sponsored ul li img { margin: 10px; vertical-align: middle; }

#footer { margin: 12px 1px 8px; color: #98999D; list-style-type: none; padding: 0px; }
#footer li { margin: 0px; float: left; padding-right: 20px; }
#footer a, #footer a:visited { color: #98999D; font-weight: bold; }

.news-item, .event-item, .case_study_small { margin: 0px 0px 20px 0px; padding-bottom: 10px; background: url(../images/footer_bottom.gif) left bottom repeat-x; }
.archived-news-item, .archived-event-item { margin: 10px 0px 10px 0px;  border-bottom: 1px solid #e0e0e0; }
.archived-event-item .event-date { font-size: 80%; font-weight: normal; }
.news-item h2, .archived-news-item h2, .event-item h2, .archived-event-item h2  { margin: 0px 0px 5px 0px; }
.news-date, .search-date { font-size: 80%; }
.event-date { font-weight: bold; }
.news-title, .event-title { margin: 10px 0px; }
#news-image, #event-image { float: right; margin-left: 10px; margin-bottom: 10px; }
#case_studies { margin-top: 20px; }

.search-result { padding-bottom: 5px; }

.map-category { list-style-type: none; margin: 0px; padding: 0px; width: auto !important; width: 48%; min-width: 48%; float: left; }
.map_page { padding-bottom: 10px; }
#map-footer { clear: both; padding-top: 10px; }
#enquiry { clear: both; padding-top: 20px; }

.flt_left { float: left; width: 48%; margin-right: 1%; }

.warning, .success { color: #ffffff; font-weight: bold; padding: 4px; margin-bottom: 8px; }
.warning { background-color: #B6121B; }
.success { background-color: #9BCC5F; }

.form_row  { height: auto !important; height: 1.6em; min-height: 1.6em; margin-bottom: 8px; clear: both; }
.form_label { width: auto !important; width: 19.5em; min-width: 19.5em; float: left; }
.row_gap { padding-top: 10px; }
#submit_grant { float: right; }

.clr_both { clear: both; height: 1px; position: relative; top: -1px; overflow: hidden; }