/* CSS Document */
/* Eric Meyer's CSS Reset */
/* (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {list-style: none; margin-bottom: 0em;}
/* tables still need 'cellspacing="0"' in the markup */
table {border: 0; border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";} 


/* Global Styles
------------------------------ */
body {font-family: Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 62.5%; color: #7d7d7d; background: #fff;}
blockquote {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #1068B3;
	font-family: "trebuchet MS", Verdana, Helvetica, sans-serif;
	margin: 1.6em;
	background-image: url('/graphics/bullet.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.4em;
}

/* Colour Classes */
.darkBlue {color: #03428E;}
.darkBlueLarge {color: #03428E;}

.lightBlue {color:#1068b3;}

/* Typography
------------------------------ */
p {font-size: 1.2em; margin-bottom: 1.5em; line-height: 1.5em;}
em {font-weight: bold; font-style: normal;}
address {font-style: none;}


/* links */
a, a:link, a:visited {color: #CC0000; text-decoration: none;}
a:hover {color: #383838;}
#nav li a {color: #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display: block; padding: 5px 0 5px 30px; font-weight: bold;background: url('/graphics/arrow-blue.gif') no-repeat 5px center; border-bottom: solid 1px #88b4d9; }
#nav li a{
	*padding-bottom:6px;
}

#nav li a:hover {background: no-repeat url('/graphics/grad.gif') left center;}

#nav li a.man:hover {background: no-repeat url('/graphics/grad_man.gif') left center;}

#top li {display: inline; margin-right: 1em; padding-right: 1em; border-right: 1px solid #00529C; color: #00529C;}
#top li a {color: #00529c;}
#top li a:hover {color: #E92225;}

	/* footer */
#footer a {color: #fff; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
/* tree toggle */

/* headers */
h1, h2, h3, h4 {line-height: 1.5em;}
h1 {font-size: 2.1em; color: #04428d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 0.6em 0;clear:left;}
h2 {font-size: 1.8em; color: #EA2227; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0.7em 0 1em;}
h3 {font-size: 1.4em; color: #1752a2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 0.5em;}
h4 {
	font-size: 1.4em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
}

input, select { font-size:11px; height:13px;}
select { height:19px; padding:1px;}

/* Layout
------------------------------ */
#wrap {width: 900px; margin: 0 auto; background: #fff url('/graphics/bg.gif') repeat-y;}
#header {width:900px; float:left; height: 120px; background-color: #FFF;}
#menu {float: left; width: 900px; text-align: right; background-color: #FFF;}
#top {float: right; width: 450px; text-align: right; font-size: 1em; margin-top: 10px;}
#nav {width:190px; float:left; font-size: 1.3em;}
#customer {background-color: #1068b2; padding: 10px 0 15px 0;}
#partner {background-color: #03428E;}
#content {float:right; width: 710px; height: auto;/* background: url('/graphics/ukfn-man.gif') no-repeat 20px 150px;*/}
#ticker {border-bottom: 0.2em solid #56b6dc; margin: 0.6em 0 1.3em 0; padding:0.7em 0 0.8em;}
#ticker li {display:inline;padding:0 15px;}
#ticker li a{color:#373737;font-size:1.2em;}

#mainNarrow {
	background:url('../graphics/ukfn-figure-grey.gif') no-repeat 45px 130px;
	width:368px;
	float:left;
	height:auto;
}


/*
#mainNarrow li {
	list-style-type: none;
	font-size: 1.4em;
	line-height: 1.8em;
	margin-left: 15px;
	margin-bottom: 10px;
	font-family: "trebuchet MS", Verdana, Helvetica, sans-serif;
	background-image: url('/graphics/icon_card-yes_sml.gif');
	background-repeat: no-repeat;
	padding-left: 50px;
	height: 40px;
}
*/

#mainWide {
	background:url('../graphics/ukfn-figure-grey.gif') no-repeat 15px 130px;
	width:680px;
	float:left;
	height:auto;
	padding-bottom:20px;
}

/* Lists */

ul.red-bullet-list {
	color:#EA2227;
	list-style-type: disc;
	font-size: 1.2em;
	line-height: 1.7em;
	padding-left:20px;
	margin-bottom:1.5em;
}

ul.red-bullet-list li {
	margin:15px 0;
	padding-left:7px;
}

ul.red-bullet-list li span {
	color:#1068b3;
}

ul.red-bullet-list-alt li span {
	color:#666666;
}

ul.red-bullet-list-light-blue {
	font-size: 1.4em;
}

ul.red-bullet-list-light-blue li{
	margin:0 0 0 25px;
}

ul.red-bullet-list-light-blue li span {
	color:#1068b3;
}

#right {
	width:301px;
	float:right;
	height:auto;
}
#footer {clear: both; background: #c1c1c1; color: #fff; height:3.6em;}
#footer p {text-align: left; margin-bottom: 0px; line-height: 3em; padding: 0 10px;}
#reg {clear: both; background-color: #FFF;}
#reg p {text-align: left; margin-bottom: 0px; line-height: 3em; padding: 0 10px;}

#admin_content {
	width: 660px;
	background: none;
}
th, td {
	padding: 5px;
}
#admin_menu {
	margin: 10px 0;
}
#admin_menu li {
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 3px;
	background: #FFFFFF;
}
#admin_menu li:hover {
	background: #CCCCCC;
}
fieldset {
	border: 0px solid #E8E8E8;
	margin-top: 10px;
	padding: 8px;
	-moz-border-radius: 5px;
}
fieldset fieldset {
	margin-top: 5px;
}
legend {
	margin: 5px;
	padding: 5px;
}
#content_image_1, #content_image_2, #content_image_3, .centre-image {
	position: relative;
}
#content_image_1 span.bgimg, #content_image_2 span.bgimg, #content_image_3 span.bgimg, .centre-image span.bgimg {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#content_image_1, #content_image_2 {
	width: 179px;
	height: 109px;
	margin-bottom:15px;
}
#content_image_3 {
	width: 293px;
	height: 181px;
}
#content_image_3_gutter {
	width: 293px;
	height: 10px;
}
#centre-search-filter {
	background:#F0F0F0 url('../graphics/our-centres-bg.gif') bottom left no-repeat;
	margin:0 0 25px;
	clear:both;
}
#centre-search-filter input, #centre-search-filter select, .search_box_left input, .search_box_left select{
	border: 1px solid #999999;
	padding:1px;
}

#centre-search-filter select, .search_box_left select{
	vertical-align:top;	
}

#centre-search-filter input, .search_box_left input {
	height:15px;
}

#centre-search-filter .filter-col h2 {
	padding: 0;
	margin: 0;
}
button {
	cursor: pointer;
}
#news-stories {
	position: relative;
}

.search_container_new {
	clear:both;
}

.new_search_form {
	background-image:url(/graphics/search_bg.png);
	width:449px;
	height:143px;
	position:relative;
	float:left;
	margin-right:12px;
}

.search_box_left {
	background-image:url(/graphics/location_activity_bg.png);
	width:234px;
	height:244px;
	position:relative;
	float:left;
	margin-right:12px;
}

.red-search-panel {
	padding:29px 0 0 15px;
    width: 219px;
	height:130px;
}

.red-search-panel-1 {
    float: left;
    height: 130px;
    padding: 29px 0 0 15px;
    width: 219px;
}

.dark-blue-search-panel {
	height: 86px;
    margin-top: 10px;
    padding: 0 0 0 15px;
    width: 219px;
}

.dark-blue-search-panel-1 {
    float: right;
    height: 86px;
    margin-top: 55px;
    padding: 0 0 0 15px;
    width: 199px;
}

.red-search-panel-1 h4 {
	color:#000;
	margin:4px 0 0 0;
}

.activity_search {
	color:#000;
	font-size:12px;
}

#new_map_container {
	height:315px;
	width:677px;
	border:1px solid #999;
	float:left;
	margin-right:7px;
}

#member_type_container {
    float: left;
    margin: 8px 0 0 0;
    width: 679px;
	height:28px;
}

U#centre-map{

	margin:20px 0 0 5px;
}
#centre-map-flash{
	margin:0px 0 0 0px;
	width:284px;
	height:394px;
}
#centre-map-search {
	margin:0px 0 0 0px;
	width:274px;
	height:59px;
	padding:15px 0 0 10px;
	background-image:url(/graphics/map-holder.jpg);
}

#centre-map-fields {
float:left;
width:235px;

}
#centre-map-button {
float:right;
display:inline;
padding:0 14px 0 0;
}

#centre-search-results-header {
	background:#FFFFFF;
	border:1px solid #cccccc;
	border-top-width:0px;
	padding:12px 0 0 10px;
	height:33px;
}

#centre-search-results-header h2{
	color:#2f368f;
	float:left;
	width:410px;
	font-weight:normal;
	margin:0;
}

#centre-search-results-tabs {
}

#centre-search-results-tabs li {
	display:block;
	float:left;
	width:340px;
	height:44px;
}



#centre-search-results-tabs li a{
	color:#666666;
	line-height:48px;
	font-size:1.5em;
	font-weight:bold;
	display:block;
	margin:0 0 14px 0;
}

#centre-search-results-tabs li.with-card a{
	background:url(../graphics/icon_card-yes_sml.gif) no-repeat center right;
}

#centre-search-results-tabs li.without-card a{
	background:url(../graphics/icon_card-no_sml.gif) no-repeat center right;
}

#centre-search-results{
	background:#FFFFFF;
	margin-bottom:25px;
}

/* Sitemap */

#sitemap .title {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

#sitemap ul {
	color:#EA2227;
	list-style-type: disc;
	font-size: 1.2em;
	line-height: 1.7em;
	padding-left:20px;
	margin-bottom:1.5em;
	border-top: 1px solid #f3f3f3;
}
