/*
Theme Name: OBMH
Author URI: http://www.oxfordhealth.nhs.uk
Description: Official Oxford Health website theme.
Author: Tim Bowes
Version: 1
*/

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
#                                                                                  #
#   COPYRIGHT (c) Oxford Health NHS Foundation Trust, 2011. All Rights reserved.   #
#	Author: Tim Bowes, Oxford Health Informatics                                   #
#                                                                                  #
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */


/* ===== Browser Reset ===== */

*, 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, strong, sub, sup, tt, var, b, u, i, center, 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; vertical-align: baseline; background: transparent; } body{line-height:1;text-align:left;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} :focus {outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} .alignleft {float: left;} .alignright {float: right;} .center {margin: 0 auto;} .textleft {text-align: left;} .textright {text-align: right;} .text-center {text-align: center;}

/* ===== @FONT FACE ===== */

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('fonts/Lato-BoldItalic-webfont.eot');
    src: url('fonts/Lato-BoldItalic-webfont.eot?iefix') format('eot'),
         url('fonts/Lato-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Lato-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-BoldItalic-webfont.svg#webfontFaSudPkB') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('fonts/Lato-Bold-webfont.eot');
    src: url('fonts/Lato-Bold-webfont.eot?iefix') format('eot'),
         url('fonts/Lato-Bold-webfont.woff') format('woff'),
         url('fonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('fonts/Lato-Bold-webfont.svg#webfontWChoG53K') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLightItalic';
	src: url('fonts/Lato-LightItalic-webfont.eot');
    src: url('fonts/Lato-LightItalic-webfont.eot?') format('eot'),
         url('fonts/Lato-LightItalic-webfont.woff') format('woff'),
         url('fonts/Lato-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-LightItalic-webfont.svg#webfont9EREcdyY') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoLight';
	src: url('fonts/Lato-Light-webfont.eot');
    src: url('fonts/Lato-Light-webfont.eot?') format('eot'),
         url('fonts/Lato-Light-webfont.woff') format('woff'),
         url('fonts/Lato-Light-webfont.ttf') format('truetype'),
         url('fonts/Lato-Light-webfont.svg#webfontbUmjvwph') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/Lato-Regular-webfont.eot');
    src: url('fonts/Lato-Regular-webfont.eot?iefix') format('eot'),
         url('fonts/Lato-Regular-webfont.woff') format('woff'),
         url('fonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('fonts/Lato-Regular-webfont.svg#webfontwlOsaZaJ') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('fonts/CartoGothicStd-Book-webfont.eot');
    src: url('fonts/CartoGothicStd-Book-webfont.eot?iefix') format('eot'),
         url('fonts/CartoGothicStd-Book-webfont.woff') format('woff'),
         url('fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('fonts/CartoGothicStd-Book-webfont.svg#webfont1l1oLWSU') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStdItalic';
    src: url('fonts/CartoGothicStd-Italic-webfont.eot');
    src: url('fonts/CartoGothicStd-Italic-webfont.eot?iefix') format('eot'),
         url('fonts/CartoGothicStd-Italic-webfont.woff') format('woff'),
         url('fonts/CartoGothicStd-Italic-webfont.ttf') format('truetype'),
         url('fonts/CartoGothicStd-Italic-webfont.svg#webfontwfIPNIfh') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('fonts/CartoGothicStd-Bold-webfont.eot');
    src: url('fonts/CartoGothicStd-Bold-webfont.eot?iefix') format('eot'),
         url('fonts/CartoGothicStd-Bold-webfont.woff') format('woff'),
         url('fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'),
         url('fonts/CartoGothicStd-Bold-webfont.svg#webfontjp82WRel') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStdBoldItalic';
    src: url('fonts/CartoGothicStd-BoldItalic-webfont.eot');
    src: url('fonts/CartoGothicStd-BoldItalic-webfont.eot?iefix') format('eot'),
         url('fonts/CartoGothicStd-BoldItalic-webfont.woff') format('woff'),
         url('fonts/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/CartoGothicStd-BoldItalic-webfont.svg#webfontCWJpTiZr') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* # # # # # # # # # # #
#                      #
#   GENERAL SETTINGS   #
#                      #
# # # # # # # # # # # */

html {font-size:100.01%;}

body {font: 13px/20px  'CartoGothicStdBook', Arial, Helvetica, sans-serif; color: #000; background: #EEEEEE url(images/bg.png) no-repeat  center -10px;  padding: 0;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;} 

/* Headings */

h1, h2, h3, h4, h5, h6 {color: #222222;	font-family: 'LatoLight', Arial, Helvetica, sans-serif;	font-style: normal;	margin: 30px 0 15px; line-height: 1; font-weight: normal;}
h1 {font-size: 28px; margin-bottom: 25px; }
h2 {font-size: 26px; margin: 30px 0 20px;}
h3 {font-size: 26px; margin-bottom: 15px; font-weight: 300; color: #333366; }
h4 {margin-bottom: 15px; font-weight: 400; font-size: 16px; line-height: 20px; }
h5 {margin-bottom: 15px; font-weight: 400; font-size: 16px;	}
h6 {margin-bottom: 15px; font-weight: 400; font-size: 16px; }

h2 em.description {
	display: block;
	font-weight: 300;
	color: #043667;
	margin: -8px 0 0;
	font-family: 'LatoLight', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 24px;
	padding: 0 0 0 10px;
	border-left: solid 5px #F0F0F0;
	text-transform: none;
	}

h4.contact {background: url(images/ul/contact.gif) no-repeat left top; padding: 4px 0 0 35px; height: 30px; margin:0 0 0px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #222}

.meta {font-size:.8em;font-weight:normal; text-transform: uppercase; color:#666666; letter-spacing: .1em; margin-bottom: 1.5em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} 

/* Text */

p {margin:0 0 .8em; text-align: left }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#0066cc;text-decoration:none;}

strong {font-weight: bold; font-family: 'CartoGothicStdBold', Arial, Helvetica, sans-serif;}
em, dfn {font-style:italic; font-family: 'CartoGothicStdItalic', Arial, Helvetica, sans-serif;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
caption {background:#eee;}
iframe {border: 1px solid #fff;}
hr { background: #fff url(images/hr.gif) no-repeat center; margin: 30px 0 10px; width: 100%; clear: both; height: 10px; }
pre {display: block; padding: 15px 20px; background-color: #eaeaea; border: solid 1px #cecece; margin: 15px auto; overflow: auto;}
blockquote {display: block;width: 75%;padding: 15px 20px 5px;margin: 15px auto;font-size: 1.05em;font-style:italic; 
font-family: 'CartoGothicStdItalic', Arial, Helvetica, sans-serif;line-height: 24px;background: #eaeaea;border-bottom: solid 1px #cecece;}

/* Tables */

table {	border-collapse: collapse; margin-bottom: 30px;}
table th, table td {padding: 10px;}
table tr:hover td {background-color: #f7f7f7;}
table th {text-align: left;	border: solid 1px #fff; color: #fff; background-color: #3079A3;	font-family: 'CartoGothicStdBold', Arial, Helvetica, sans-serif;}
table td {background-color: #eaeaea; border: solid 1px #fff;}
table.blank {	border-collapse: collapse; margin-bottom: 30px;}
table.blank th, table.blank td {padding: 0px;}
table.blank tr:hover td {background-color: #ffffff;}
table.blank th {text-align: left;	border: solid 1px #fff; color: #fff; background-color: #fff;	}
table.blank td {background-color: #fff; border: solid 1px #fff;	padding: 0;}

/* Lists */
ul {list-style-position:inside; list-style-type: none; margin: 0 0 0 20px; }
ol {list-style-position: outside; list-style-type: decimal; margin: 0 0 0px 30px;}
ul ul, ol ol {margin-left: 20px;}
ul.reset_style, ol.reset_style {margin: 0;list-style: none}
li {padding-bottom:10px;}
ul.no-margin {margin: 0;}
ol.ordered-decimals {list-style: decimal outside;}
ol.ordered-alphabet {list-style: lower-alpha outside;}
ul.unordered {margin: 0 0 10px 0; list-style-position:inside; list-style-type:none; }
ul li {background: url(images/menu/ulul.png) no-repeat  left 7px;padding-left: 20px; list-style-position:inside; list-style-type:none;}
ul li li {margin: 20px 0 0 0;}
ul.unordered-person li {background: url(images/ul/person.gif) no-repeat  left 3px;list-style-position:inside; list-style-type:none;}
ul.unordered-doc li {background: url(images/ul/doc.gif) no-repeat  left 3px;list-style-position:inside; list-style-type:none;}
ul.unordered-info li {background: url(images/ul/info.gif) no-repeat  left 7px;list-style-position:inside; list-style-type:none;}
ul.unordered-x li {background: url(images/ul/x.gif) no-repeat  left 7px;list-style-position:inside; list-style-type:none;}
ul.unordered-ok li {background: url(images/ul/ok.gif) no-repeat  left 5px; list-style-position:inside; list-style-type:none;  }
ul.unordered-quote li {background: url(images/ul/quote.gif) no-repeat  left 7px;list-style-position:inside; list-style-type:none;}
ul.unordered-external li {background: url(images/ul/external.gif) no-repeat  left 7px;list-style-position:inside; list-style-type:none;}
ul.unordered-contact li {background: url(images/ul/ph.gif) no-repeat left 3px; list-style-position:inside; list-style-type:none;}
ul.sitemap {margin: 0 10px 0; padding: 0; line-height: 2em;}
ul.sitemap li {margin: 0 0 5px -10px; padding: 0 0 0 20px; background: url(images/ul/doc.gif) no-repeat  left 3px; }
ul.sitemap li li {background: url(images/ul/tree.gif) no-repeat  left 3px; padding: 0 0 0 25px; margin: 0 0 5px -15px; }
ul.sitemap li li li {background: url(images/ul/tree.gif) no-repeat  left 3px; padding: 0 0 0 25px;}

/* Highlights */

span.highlight,span.warning,span.notice,span.information,span.document {
	display: block;	
	padding: 10px 10px 10px 60px;
	margin: 20px 0 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: solid 1px #CCCCCC;
	color: #000;
	text-align: left;
	min-height: 35px;
}
span.highlight {background: #D9EAFD url(images/messages/highlight.gif) no-repeat 8px 8px;}
span.warning {background: #FFCCCC url(images/messages/warning.gif) no-repeat 8px 8px;}
span.notice {background: #EAFFAA url(images/messages/notice.gif) no-repeat 8px 8px;}
span.information {background: #D2F4FF url(images/messages/information.gif) no-repeat 8px 8px;}
span.document {background: #F0F0F0 url(images/messages/doc.gif) no-repeat 12px 8px;}

/* Edit link */

.edit {float: right; background: url(images/edit.png) top center no-repeat; width: 100px; height:25px; text-align: center; padding-top:3px; margin-bottom: 20px; font-size: 13px;}
.edit a {color: #0066cc;}
.edit a:hover {color:#000;}

/* Print & Share */

.article_foot {padding: 0;  margin: 20px 0 0; height: 20px; }
.print_link {float: left; height: 16px; }
.social_links {float: right; height: 16px;}

/* Images */

img {margin: 0 0 0; height: auto; max-width: 610px;}
h6 {position: relative; left: -30px;}
.attachment img {max-width: 610px;}
.alignnone, img.alignnone {clear: both; display: block; margin-bottom: 15px;}
.alignleft, img.alignleft {display: inline; float: left; margin-right: 15px; margin-top: 4px;}
.alignright, img.alignright {display: inline; float: right; margin-left: 15px; margin-top: 4px;}
.aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
img.alignleft, img.alignright, .content img.aligncenter {margin-bottom: 15px;}
.wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {color: #888; font-size: 12px; margin: 5px;}
.wp-smiley {margin: 0;}
.gallery {margin: 0 auto 18px;}
.gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 190px;}
.gallery .gallery-item img {max-width: 190px; border: none !important; margin-bottom: 0;}
.gallery .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px;}
.gallery dl {margin: 0;}
.gallery br+br {display: none;}
.attachment img {display: block; margin: 0 auto;}


/* # # # # # # # # # # #
#                      #
#        HEADER        #
#                      # 
# # # # # # # # # # # */

.wrapper {width: 940px; margin: 0 auto 0;}

.header {height: 100px; overflow: hidden;}

.logo {width: 260px; height: 100px; padding: 25px 0 0 0; overflow: hidden; float: right;}
.logo img {height: 52px; width: 251px;}
.slogan {width: 300px; padding: 35px 0 0 10px; overflow: hidden; float: left;}
.slogan h1 {color:#fff; font-size: 22px; font-weight: 300; line-height: 1.3em; margin:0; } 
.slogan h1 a {color: #fff; text-decoration: none;} 

#page {background:#FFFFFF; padding: 0px;}


/* # # # # # # # # # # #
#                      #
#      NAVIGATION      #
#                      # 
# # # # # # # # # # # */

/* Top level navigation */

#navbar {background: url(images/nav.png) no-repeat top center; height: 40px;}
.navbar_left {float: left; width: 700px; height: 40px; padding:0 0 0 0px;}
.nav {height: 40px;}    
.nav ul {padding:0; margin:0;}                    
.nav li {float: left; display: block; text-align: left; font-size: 13px; margin:0; padding:0; line-height:15px; background: none;}
.nav li a {color: #fff; text-decoration: none; display: block; padding: 12px 0; margin: 0 25px 0 0; white-space: nowrap;}
.nav li a:hover {text-decoration: underline; background: url(images/nav_a.png) no-repeat top center;}
.nav li.nav_hover {background: url(images/nav_a.png) no-repeat top center;}
a.nav_hover:hover {text-decoration: none !important;}

.navbar_right {float: right; width: 200px;}
.search {width: 200px; float: right; margin: 9px 8px 0 0;}
.search fieldset {width: 200px; height: 22px; background: url(images/s_bg.png) no-repeat top right;}
.search input {width: 168px; border: none; background: none; padding: 3px 0 0 5px; color: #000; vertical-align: top; font-size: 13px; }
.search button {width: 15px; height: 15px; background: url(images/s.gif) no-repeat; border: none; vertical-align: middle;}

/* Breadcrumb navigation */

.breadcrumb {clear:both;width:100%;overflow:hidden; margin-top:30px; border-bottom:2px solid #fff;  background: #043667; height: 21px; padding:0;}
.breadcrumb ul {padding: 0; margin-left:0; display: inline; }
.breadcrumb li {padding: 0px 15px 0 8px; float: left;  margin: 0; background:url(images/bc.png) no-repeat right -16px;  color:#fff; list-style-type:none; list-style-position:inside; font-size: 12px; }
.breadcrumb li a {color: #fff;}
.breadcrumb li a:hover {color: #fff; text-decoration: underline;}

/* Submenu - left column */
/* Level 1 */

#submenu {width: 210px; min-height:400px; padding:0; float: left; margin:0; background: url(images/submenu.jpg) repeat-x top left #fff;}

#submenu ul {list-style:none; margin:20px 0 0 10px; padding:0 ;}
#submenu ul li {margin:0 0 0px 0; padding: 0; background: none;}
#submenu ul li a {            
            display:block;
			color: #000;
			padding: 5px 0 18px 10px;
	    	text-decoration:none;
	    	margin: 0 0 0px 1px;
            font-size: 16px;
			font-family: 'LatoLight', Arial, Helvetica, sans-serif;
			background: url(images/menu/menu_head.png) no-repeat top center;
			border: none;
			width: 169px;
			}
			
#submenu ul li a:hover {background: url(images/menu/menu_head_h.png) no-repeat top left;   }

/* Level 2 */

#submenu ul ul {list-style:none; margin:-10px 0 3px 0; background: url(images/menu/menu_list.png) no-repeat bottom left;
 width: 180px; padding: 10px 0 15px; display:block;  }
#submenu ul ul li a {
			display:block;
			color: #333333;
	    	text-decoration:none;
			padding: 0 0 0 15px;
	    	margin: 0 20px 10px 15px;
            font-family: 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
            font-size: 13px;
			background: url(images/menu/ulul.png) no-repeat  left 7px;
			width: 140px;
			border: none;
			}

#submenu ul ul li a:hover {color:#000; text-decoration: underline; background: url(images/menu/ulul_h.png) no-repeat  left 7px; color:#0066CC; border: none;}


/* Level 3 */
#submenu ul ul ul { margin:0;padding:0; border: none; background: none;}
#submenu ul ul ul li a {
   			display:block;
			color: #666666;
	    	text-decoration:none;
	    	padding-left: 15px;
	    	margin-left: 25px;
            font-size: 14px;
			width: 120px;
			background: url(images/menu_h.png) no-repeat  left 6px;
			}
			
#submenu ul ul ul li a:hover {text-decoration:underline; background: url(images/menu_h.png) no-repeat  left 6px; color:#0066CC;}

/* Paging */

.prev a {width: 60px; height: 30px; padding: 5px 0px 0; float: left; text-align: center; background: url(images/next.gif) no-repeat; display: block; color: #000000;}
.prev a:hover {background: url(images/next_h.gif) no-repeat; color: #FFFFFF;}

.next a {width: 60px; height: 30px; padding: 5px 0px 0; float: right; text-align: center; background: url(images/next.gif) no-repeat; display: block; color: #000000;}
.next a:hover {background: url(images/next_h.gif) no-repeat; color: #FFFFFF;}

.pagination {text-align: center;}


/* # # # # # # # # # # #
#                      #
#       HOMEPAGE       #
#                      # 
# # # # # # # # # # # */

#homepage {background:#FFFFFF; padding: 30px;}

/* Feature */                

#feature, .feature {height: 300px; width: 880px; overflow: hidden; position: relative; }
.slider {height: 300px; width: 840px; background: url(images/slider.png) no-repeat top right #3079A3;}
.slider img {display: block; float: left; width: 600px; height: 300px; position: relative; top: -20px; left: -30px;}
.slider {padding: 20px 30px 0; color:#FFFFFF; text-decoration: none; }
.slider a {color:#fff;}
.slider h2 {margin: 20px 0 20px;}
.slider h2, .slider h2 a {color: #fff; font-size: 26px; font-weight: 300; text-decoration: none;}
.slider h2 a:hover {text-decoration: underline;}
.slider p {margin: 0 30px 15px 0; color:#fff; text-align:left;}
.slider h3 {font-size:2.5em; font-weight: normal; color: #fff; position: absolute; top: 30px; left: 30px; width: 270px; font-weight: 300; line-height: 1.2em; margin:0;}
.slider h4 {font-size:1.4em; font-weight: bold; color: #D6EAFE; position: absolute; bottom: 30px; left: 30px; width: 300px; }

#l, #r {display: block; width: 20px; height: 300px; position: absolute; bottom: 0px !important; opacity: 0.2; z-index: 99 !important;}
#l {background: #043667 url(images/l.png) bottom center no-repeat; left: 0 !important;}
#r {background: #043667 url(images/r.png)  bottom center no-repeat; right: 0 !important;}
#l:hover, #r:hover {opacity: 1;}  

/* Key Message */

#key_message {width: 915px;} 

.key_message .keyimg { margin:30px 30px 0 0 }
.key_message { float: left; display: block; position: relative; }
.key_message p {color:#000;}
.key_message h4, .news h5, .news h6 { color: #000; margin: 20px 0 0; padding: 10px 0 0 0; }

.box { width: 270px; height: 200px; overflow: hidden; padding: 0px 0; margin-right: 35px; }
.box h2 {font-size:22px; font-weight: 300; position: absolute; top: 136px; left: 0px; height: 30px; width: 270px; background: url(images/news_h2.png) repeat top left; padding: 5px 8px; }
.box h2 a {color:#fff;} 
.box img {width: 270px; height: 200px; }
.box, .keyimg { width: 270px; height: 200px; }


/* # # # # # # # # # # #
#                      #
#     NORMAL PAGES     #
#                      #
# # # # # # # # # # # */

#content {width: 460px; float: right; padding:0 250px 0 20px; margin:0; }
#content_wide {width: 680px; float: right; padding:0 30px 0 20px; margin:0;}

.pagehead {height: 80px; width: 450px; overflow: hidden; position: relative; margin:0 0 20px; background-color:#0B487D}
.pagehead h2 {font-weight: 300; font-size:2.4em; color: #fff; position: absolute; top: 0px; left: 0px; width: 430px; height: 80px; margin:0; background: url(images/page.png) top right repeat-y; padding: 30px 0 0 20px; }
.pagehead h2 a {color: #fff;}
.pagehead h2 a:hover {color: #fff; text-decoration: underline;}

.pageheadwide {height: 80px; width: 680px; overflow: hidden; position: relative; margin:0px 0 20px; background-color:#0B487D}
.pageheadwide h2 {font-weight: 300; font-size:2.5em; color: #fff; position: absolute; top: 0px; left: 0px; width: 100%; height: 80px; margin:0; background: url(images/page.png) top left repeat-y; padding: 30px 0 0 20px;}
.pageheadwide h2 a {color: #fff;}
.pageheadwide h2 a:hover {color: #fff; text-decoration: underline;}

.pageheadprofiles {height: 95px; width: 680px; overflow: hidden; position: relative; margin:0px 0 20px; background-color:#0B487D}
.pageheadprofiles h2 {font-weight: 300; font-size:2.5em; color: #fff; position: absolute; top: 0px; left: 0px; width: 100%; height: 95px; margin:0; background: url(images/felt.jpg) top left repeat-y; padding: 30px 0 0 20px;}
.pageheadprofiles h2 a {color: #fff;}
.pageheadprofiles h2 a:hover {color: #fff; text-decoration: underline;}

#textblock { width: 450px;  padding:0; margin:0 0 60px 0; display: block; float: left; min-height: 400px;}
#textblock p, #textblock ul, #textblock ol {font-size: 1.1em; line-height: 1.5em; color:#333333; }
#textblock ul ul {font-size: 1em; line-height: 1.6em; padding: 10px 0 0; margin-bottom: 0;  }

p.readmore a { color: #0066CC; margin: 0; padding:0;text-decoration:none;}
p.readmore a:hover {text-decoration: underline;}

/* Right margin */

#sidebar_right {width: 200px; float: right; color: #777777; margin: 30px 0px 30px 0;}
#sidebar_right h2 {margin-top: 120px;}
#sidebar_right h3 {margin-top: 30px; color: #000000;}
#sidebar_right ul {list-style-type: none; padding: 0; margin: 0;}
#sidebar_right li {margin: 0; padding:0 0 10px 0px; }
#sidebar_right li.unordered-date {margin: 0 20px 10px 0px; background: url(images/ul/date.gif) no-repeat; padding-left: 40px; }
#sidebar_right li.unordered-time {margin: 0 0 10px 0; background: url(images/ul/time.gif) no-repeat; padding-left: 40px;}
#sidebar_right li.unordered-venue {margin: 0; background: url(images/ul/venue.gif) no-repeat; padding-left: 40px;}

/* Pullquote in right margin */

p.pullquote {font-family: 'LatoLight', Arial, sans-serif;  font-size: 26px; line-height: 1.4em; margin: 120px 0 50px; border-right: 5px #F0F0F0 solid; color: #999999;  font-weight: 300; padding: 0 10px 0 0; text-align:left;}

.socialmedia img {border: 0; }

/* Governance */

/* Board of Directors */

.directors {width: 100%; height: 196px; margin: 0 0 40px; }
h3.director {margin: 30px 0 10px}
h4.director {margin: 5px 0 10px}
.directors_thumb {width: 143px; height: 96px; float: left;}
.directors_quotebox {width: 300px; height: 100%; background: #fff url(images/staff-quote.gif) no-repeat center left; float: right; display: block;}
.directors_quote {margin: 40px 30px 40px 40px; font-size: 1.1em; font-family: 'LatoLightItalic', Arial, Helvetica, sans-serif; font-style: italic; line-height: 24px;}
.directors_thumb_odd {width: 143px; height: 96px; float: right;}
.directors_quotebox_odd {width: 300px; height: 100%; background: #fff url(images/staff-quote_odd.gif) no-repeat center left; float: left; display: block;}
.directors_quote_odd {margin: 40px  45px 40px 30px; font-size: 1.1em; font-family: 'LatoLightItalic', Arial, Helvetica, sans-serif; font-style: italic; line-height: 24px;}
p.directors {height: 96%;}

/* Board Papers */

#boardpapers   {width: 680px; float: right; padding: 0 30px; margin:0;}

table.boardmeta {	border-collapse: collapse; margin-bottom: 0px; width: 100%;}
table.boardmeta th, table.boardmeta td {padding: 2px 5px 8px;}
table.boardmeta tr:hover td {background-color: #f7f7f7;}
table.boardmeta th {text-align: left;	border: none; color: #000; background-color: #fff;	}
table.boardmeta td {background-color: #fff; border: none;}

.papers_download {font-size: 11px;float: left; display: block; width: 100px; height: 150px; position: relative; color: #000; background: url(images/bp.png) no-repeat; text-align:center; padding:10px; font-family:Arial, Helvetica, sans-serif; padding-top: 20px; }
.papers_download:hover {color: #000; background: url(images/bp_h.png) no-repeat; text-align:center;}

.papers_info {float: right; display: block; width: 320px; height: 150px;}
.papers_info h3 {margin-top: 10px;}
table.fileinfo {border-collapse: collapse; margin-bottom: 30px; width: 100%;}
table.fileinfo th, table.fileinfo td {padding: 2px 5px;}
table.fileinfo tr:hover td {background-color: #f7f7f7;}
table.fileinfo td {background-color: #fff; border: none; }

.papers_home {width: 104px; float: left; margin: 0 4px 20px 4px;}
.papers {display: block; width: 84px; height: 125px; position: relative; color: #000; background: url(images/papers_thumb.png) no-repeat; text-align:center; padding:25px 10px 0; font-size: 12px;}
.papers:hover {background: url(images/papers_thumb_h.png) no-repeat; }

/* HR */

/* Staff Profiles */

.profile_container {margin:0; padding: 0;}
.profile_question {width: 640px; height: 110px; margin:20px 0 0; padding: 0 20px 0px; background: url(images/profile_question.png) no-repeat top right #F8F8F6;}
.profile_question p {width: 240px; margin: 10px; padding: 20px 0 0 0; font-weight:bold;}
.profile_answer {width: 640px; margin:0px 0; padding: 0 20px 40px; background: url(images/profile_answer.png) no-repeat bottom right #F8F8F6;}
.profile_answer p {line-height: 1.5; font-size: 1.1em; }
img.profile {display: inline; float: right; margin-left: 15px; margin-top: 4px; text-align: right; position:relative;}


/* # # # # # # # # # # #
#                      #
#    NEWS AND EVENTS   #
#                      #
# # # # # # # # # # # */

#news   {width: 880px; float: right; margin: 0 30px 30px ;}

/* Left Column */

.news_left {float:left; width: 560px; }
.news_left h2 {margin: 0 0 20px; font-weight: 300;}

.news_left li.unordered-date {list-style-type: none;  margin: 0 20px 10px 0px; background: url(images/ul/events.gif) no-repeat; padding-left: 60px; font-size: 22px; font-weight: 300; line-height: 22px;}

/* Latest News */
	
.news_latest {width: 520px; background: #FCFCFC; border: 1px solid #EEEEEE; padding: 20px 20px 10px; margin-bottom: 20px;}
.news_latest h2 {margin: 0 0 10px; }	
.news_latest p {font-size: 1.1em; line-height: 1.5em;}		
.news_meta {padding: 8px 10px; clear: both; border: 1px #CCCCCC solid; background: #FFFFFF; margin-bottom:15px;}
.news_meta p {font-size: 12px; margin:0; color: #333333;}	
.news_date {display: block; width: 63px; height: 81px; background: url(images/date.png) no-repeat; position: relative; right: 0px; top: -30px; float: right;}
.news_date span {display: block; line-height: 14px; text-align: center; text-transform: uppercase; color: #000; font-size: 12px; }
.news_date span.month {padding: 20px 0 0 3px;}
.news_date span.year {padding: 5px 0 0 3px;}

/* More News */

.news_extra {width: 520px; background: #FCFCFC; border: 1px solid #EEEEEE; padding: 20px 20px 10px;	height: 280px; margin-bottom: 20px;}
.news_extra_left {float:left; width: 250px; }
.news_extra_left h2 {margin:0; padding: 0; font-size: 1.2em; line-height: 1.3em; overflow: hidden; height: 40px; font-family: 'CartoGothicStdBold', Arial, Helvetica, sans-serif; }
.news_extra_left p {overflow: hidden; height: 60px; margin-bottom: 20px;}
.news_extra_right { float:right; width: 250px; height: 220px; overflow: hidden;}
.news_extra_right ul {margin:0 0 0px; padding: 0; list-style: none; font-size: 1em; font-family: 'CartoGothicStdBold', Arial, Helvetica, sans-serif; }
.news_extra_right ul li {background: none;}		

/* News Categories */
	
.news_categories {width: 560px; height: 300px; margin: 0; }
.news_categories h4 {margin:0; padding: 0; font-size: 1.2em; font-weight: 400; overflow: hidden; height: 60px;}
.news_categories p {margin: 10px 0;}
.news_category_one { width: 180px; float: left; margin-right:10px;}
.news_category_two { width: 180px;  float: left;  margin-right:10px;}
.news_category_three { width: 180px;  float: left}
.news_categories_thumbnail {border: 1px solid #CCCCCC; width: 170px; height: 100px; background:#EAEAEA; display:block; margin-bottom: 10px; position: relative;}	

/* News Archives */
	
.news_archives {width: 560px; height: 220px; }
.news_archives_thumbnail {border: 1px solid #CCCCCC; width: 270px; height: 130px; background:#EAEAEA; display:block; margin-bottom: 10px; position: relative;}				
.news_archives_left {float:left; width: 270px;  }
.news_archives_left h2 {margin:0; padding: 0; font-size: 1.2em; font-weight: bold; overflow: hidden; height: 40px;}
.news_archives_left p {}
.news_archives_right {float:right; width: 270px; }
.news_archives_right h2 {margin:0; padding: 0; font-size: 1.2em; font-weight: bold; overflow: hidden; height: 40px;}
.news_archives_right p {}

/* Right Column */

.news_right {float:right; width: 290px; margin-top: 60px;}
.news_right ul {list-style-type: none; padding: 0; margin: 0;}
.news_right li {margin: 0; padding:0 0 10px 0px; }
.news_right li.unordered-date {margin: 0 20px 10px 0px; background: url(images/ul/date.gif) no-repeat; padding-left: 40px; }
.news_right li.unordered-video {margin: 0 0 5px 0; background: url(images/ul/vid.gif) no-repeat; padding: 0px 0 0 40px; height: 27px; line-height: 25px; overflow:hidden;}
.news_right li.unordered-post {margin: 0 20px 10px 0px; background: url(images/ul/post.gif) no-repeat; padding-left: 40px; width: 200px; font-size: 16px; font-weight: 300; }
div.hr {background: #fff url(images/hr-side.gif) no-repeat center; margin: 30px 0 0px; width: 100%; clear: both; height: 10px;}
div.hr hr {display: none;}
.news_newmedia { width: 290px; margin: 20px 0 30px;}
.news_newmedia h2 {color: #000000; margin: 0; padding: 10px;}

.news .newsimg { margin:  0 0 10px;}
.news {float: left; display: block; position: relative; }
.news p {color:#000;}
.news h4, .news h5, .news h6 { color: #000; margin: 20px 0 0; padding: 10px 0 0 0; }

.newstop {width: 660px; margin:30px 0 0; padding: 0 10px 20px; background: url(images/g_sh.png) no-repeat bottom right #FCFCFC;border-top: 1px solid #EEEEEE;}

.top {width: 680px; height: 350px; padding: 20px 20px 30px 0;}
.top_right {position: absolute; top: 15px; left: 340px; font-weight: 300;}

.newstop_date {background: url(images/date.png) no-repeat bottom right; color: #fff; float: right; width: 60px; padding: 10px; height: 80px; text-align: center;}

.narrow { width: 125px; height: 125px; overflow: hidden; padding: 0; margin: 0 6px 12px; background: #fff; border: 1px #f5f5f5 solid;}
.narrow:hover { background: #EEEEEE; border: 1px #999999 solid;}

.narrow_date {background: #EEEEEE; color:#000; padding: 2px 5px;}
.narrow h2 {font-size:14px; font-weight: normal; height: 100px; line-height: 1.4em; padding: 2px 5px; }
.narrow h2 a {color: #000000;}
.narrow h2 a:hover {color:#0066CC;}

/* New Media */

.newmedia   {width: 650px; height: 380px; margin:30px 20px; padding:5px ; background: url(images/g_sh.png) no-repeat bottom right #FCFCFC;border-top: 1px solid #EEEEEE;}

.twitter {background:  url(images/twit_bg.jpg) no-repeat top left; width: 290px; height: 250px;}
.twitter_title {font-size: 20px; padding: 65px 15px 10px; color: #FFFFFF; line-height: 28px;}
.twitter_title a {color: #FFFFFF;}
.twitter_strapline { padding: 0 15px; font-size: 13px; line-height: 14px; color: #000;}
.twitter_strapline a {color: #000033; }
.twitter_strapline a:hover {color: #000033; text-decoration: underline;}

.facebook {background:  url(images/fb_bg.jpg) no-repeat top left; width: 290px; height: 250px;}
.facebook_title {font-size: 10px; padding: 90px 0 0 10px;}
.facebook_signup {padding: 20px 0 0 20px;}
.facebook_strapline {float: right; padding-right: 30px;}
.facebook_login {float: right; padding: 20px 20px 0 0;}

.youtube {background:  url(images/tube_bg.jpg) no-repeat top left; width: 290px; height: 250px;}
.youtube_title {padding: 80px 0 0 20px; font-size:24px; line-height: 28px;} 
.youtube_title a {color:#fff;}
.youtube_strapline {padding: 20px; color: #fff;}

/* CEO's Blog */

.blog-header h3 {margin: 0 0 10px; color: #333;font-size:2em; }
.blog-header h3 a {color: #333;}
.blog-header p {font-size: .9em;color: #777;}
.blog {width: 520px; margin:20px 0; padding: 0 20px 40px; background: url(images/news_bg.png) no-repeat bottom right #FCFCFC;border-top: 1px solid #EEEEEE;}
.blog p {line-height: 1.5; font-size: 1.1em; }
.blog h3 {margin: 20px 0;}
.post_date {display: block; width: 63px; height: 81px; background: url(images/date.png) no-repeat; position: relative; right: 0px; top: -10px; float: right;}
.post_date span{display: block; line-height: 14px; text-align: center; text-transform: uppercase; color: #000; font-size: 12px; }
.post_date span.month{padding: 20px 0 0 3px;}
.post_date span.year{padding: 5px 0 0 3px;}
.blog-meta {padding: 8px 10px; clear: both; border: 1px #CCCCCC solid; background: #FFFFFF;}
.blog-meta p {	font-size: 12px; margin:0; color: #333333;}
.blog-meta ul {	list-style-type: square;}
.blog-meta li {	font-size: .9em;line-height: 1.5;color: #777;}
h2.jw {height: 62px; width: 290px; margin: 0; padding: 0; text-align: center; background: url(images/jw.gif) no-repeat top; }

/* Blog Comments */

#comments{ width: 100%;}
#comments h3,h3#respond{color: #333333; margin-bottom:20px;}
ol.commentlist {margin:0; padding:0;}
.commentlist li {list-style: decimal; margin: 15px 0 0px 25px;}
.commentlist a:link, .commentlist a:visited {color:#0066cc;	}
.commentlist a:hover, .commentlist a:active {text-decoration:underline;}
.commentlist .author {}
.commenttext {color: #333333;font-size:12px; line-height: 18px; margin: 10px 0; }
.commenttext p {margin-bottom: 10px;}
.commenttext blockquote{background-color: #F4F4F4; border: 1px solid #CCCCCC; color:#000; padding: 10px 12px 0; 
text-indent: 0; font-style: italic; margin: 0 10px 10px 10px; width: 90%;  }
ol.pingslist{font-size:11px;margin:2em;}
.pingslist li{list-style: decimal; color:#CCC; margin: 15px 0 20px 25px;}
.pingslist a:link, .pingslist a:visited {color:#0066cc;	}
.pingslist a:hover, .pingslist a:active {text-decoration:underline;}
#author,#email,#url,#comment{border:1px solid #EEEEEE; background: #fff url(images/hr.gif) no-repeat center -2px ; font-size: 14px; line-height: 20px; padding:5px;}
#author,#email,#url{height: 22px; width:250px;overflow:auto;}
#comment{width:510px; height: 100px; overflow:auto; margin-bottom: 15px; }
#commentform p {padding: 5px 0px;}

table.commentform {	border-collapse: collapse; }
table.commentform td {padding: 5px 0;}
table.commentform tr:hover td {background-color: #fff;}
table.commentform td {background: none; border: none;}

#commentform code {margin: 10px 0; width: 100%; font-size:10px;}
.submit,.submit input:focus,.button,.button:focus{padding: 5px 8px; margin-left: 1px; border: 1px solid #CCCCCC; float: right; background:#EEEEEE;}
.submit:hover {background: #66CC00; border: 1px solid #669900; color: #FFFFFF;}
p.subscribe-to-comments {float: left;}

/* Videos */

.video_latest { width: 520px; background: #FCFCFC; border: 1px solid #EEEEEE; padding: 20px 20px 10px; margin-bottom: 20px;}
.video_latest h2 {margin: 0; padding: 0; }	
.video_latest p {font-size: 1.1em; line-height: 1.5em;}	
.video_categories {width: 560px; height: 300px; margin: 0; }
.video_categories h4 {margin:0; padding: 0; font-size: 1.2em; font-weight: 400; overflow: hidden; height: 60px;}
.video_categories p {margin: 10px 0;}
.video_category_one { width: 180px; float: left; margin-right:10px;}
.video_category_two { width: 180px;  float: left;  margin-right:10px; }
.video_category_three { width: 180px;  float: left; }
.video_category_scroll {overflow: auto; height: 300px;}
.video_categories_thumbnail {border: 1px solid #CCCCCC; width: 170px; height: 100px; background:#EAEAEA; display:block; margin-bottom: 10px; position: relative;}	
.all_videos {width: 520px; background: #FCFCFC;	border: 1px solid #EEEEEE; padding: 20px 20px 10px;	height: 250px; margin-bottom: 20px;	overflow:auto;}
.all_videos h4 {margin:0; padding: 0;  }
.video_list { width: 270px; height: 500px;background: #FCFCFC; border: 1px solid #EEEEEE; padding: 10px; margin: 22px 0; overflow: auto;}
.single_video_box {margin-bottom: 10px; background:  #ffffff; border: 1px solid #EEEEEE; padding: 10px; width: 230px;}
.single_video_box:hover {background: #EEEEEE; border: 1px solid #CCCCCC;}
.single_video_thumbnail {float: left; width: 100px; height: 80px; border: 1px solid #EEEEEE; background: #333333;}
.single_video_info {float: right; width: 50%; height: 80px; }  
.single_video_title {font-size: 1em; font-family: 'CartoGothicStdBold', Arial, Helvetica, sans-serif;}  
.single_video_title a {color: #000000 }  
.single_video_date {font-size: .9em; color: #666666; margin-bottom: 4px; }  

.watch_on_youtube {background: url(images/youtube.png) no-repeat right; padding-right: 100px;color: #FF0000; height: 42px; witdh: 280px;}
.watch_on_youtube a {color: #000;}

#video_page {width: 915px;} 

.video .videoimg { margin:0px 0 10px }
.video { float: left; display: block; position: relative; }
.video p {color:#000;}
.video h4, .video h5, .video h6 { color: #000; margin: 20px 0 0; padding: 10px 0 0 0; }

.screen { width: 170px; height: 200px; overflow: hidden; padding: 0px 0; margin: 0 15px 0px 0;}
.screen h2 {font-size:22px; font-weight: 300; height: 48px; width: 270px;  padding: 0; margin: 10px 0; }
.screen h2 a {color:#000;} 
.screen img {width: 170px; height: 100px; }
.videoimg { border: 1px solid #CCCCCC; width: 170px; height: 100px; background:#EAEAEA; display:block; margin-bottom: 10px; }


/* # # # # # # # # # # #
#                      #
#     OUR SERVICES     #
#                      #
# # # # # # # # # # # */

/* Service Directory */

#directory   {width: 680px; float: right; margin:0 30px 30px 0; min-height: 500px;}
.directory .directoryimg { margin:  0 0 10px; }
.directory { float: left; display: block; position: relative; }
#directory p {color:#000; font-size: 1.1em; }
#directory ul {color:#000; font-size: 1.1em; }
.directory h2 { margin: 20px 0;}
#directory h4, #directory h5, #directory h6 { color: #000; margin: 20px 0 0; padding: 10px 0 0 0; }

.directory_pagehead {height: 70px; width: 100%; overflow: hidden; position: relative; margin:0px 0 20px; background-color:#0B487D}
.directory_pagehead h2 {font-size:26px; color: #fff; margin:1px 0 0 0; font-weight: 300; padding: 18px 0 0 20px;}
.directory_pagehead h2 a {color: #fff;}
.directory_pagehead h2 a:hover {color: #fff; text-decoration: underline;}

/* Directory Search */

.directory_search {width: 225px; float: right; }
.directory_search fieldset {width: 200px; height: 22px; background: url(images/s_bg.png) no-repeat top left; margin: 22px 0 0;}
.directory_search input {width: 168px; border: none; background: none; padding: 3px 0 0 5px; color: #000; vertical-align: top; font: 1em 'Lato', Arial, Helvetica, sans-serif; }
.directory_search button {width: 15px; height: 15px; background: url(images/s.gif) no-repeat; border: none; vertical-align: middle;}

/* Service Listings */

li.categories {margin: 0; padding:0; }  
li.cat-item {list-style-type: none; margin: 0 0 0 -20px; display:block; background: none; }
li.cat-item a {background: url(images/listing.png) no-repeat bottom left; border-top: 1px solid #ccc;
 height: 60px; padding: 5px 0 0 10px; color: #000; display:block; font-size: 1.2em; } 
li.cat-item a:hover {color: #0066cc; text-decoration: underline; background: url(images/listing_h.png) no-repeat bottom left; }
.cat-item ul li {background: none; margin: 0;}
.cat-item ul li a  {background: none; border: 1px solid #ccc; width: 98%; height: 40px; font-size: 1.1em;}
.cat-item ul li a:hover  {background-color: #f5f5f5; background-image: none; }
.cat-item ul ul {margin-top: 10px;}
.cat-item ul ul li a  {background: none; border: 1px solid #ccc; width: 98%; height: 40px; font-size: 1em;}
li.cat-item img { margin: 0; padding: 0; border: none;}

.listing_full {border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0 20px 20px; }
.listing_full p {padding: 10px 0 0; margin:0;}
.listing_full h3 {margin: 20px 0 0; padding: 0;}
.listing_full ul {margin: 10px 0 10px 20px; list-style-position:inside; list-style-type:none;  }
.listing_full li {padding-left: 20px;}
.listing_full li.phone {background: url(images/ul/ph.gif) no-repeat left 2px; }
.listing_full li.fax {background: url(images/ul/fa.gif) no-repeat left 2px; }
.listing_full li.email {background: url(images/ul/em.gif) no-repeat left 2px; }
.listing_full li.bus {background: url(images/ul/bus.gif) no-repeat left 2px;}
.listing_full li.rail {background: url(images/ul/rail.gif) no-repeat left 2px;}

.listing_full_foot {background: url(images/listing.png) no-repeat bottom center #fff; height: 20px;}

.listing {background: url(images/listing.png) no-repeat bottom center #fff; padding-bottom: 15px;}
.listing ul {margin: 0 0 10px 0; list-style-position:inside; list-style-type:none;  }
.listing li {padding-left: 20px; background: url(images/ul/ph.gif) no-repeat left 2px;  }
.listing li.phone {background: url(images/ul/ph.gif) no-repeat left 2px; }
.listing li.fax {background: url(images/ul/fa.gif) no-repeat left 2px; }

.listing_header {width: 678px; height: 50px; background: #F5F5F5; border: 1px solid #ccc; }
.listing_header_left {width: 75%; float: left; height: 50px;}
.listing_header h2 { padding: 0; font-size:1.2em;margin: 5px 0 0 10px; color: #000; font-weight: normal; line-height: 1.3em;}
.listing_header h2 a {color: #000;}
.listing h3 {margin:15px 0;}
.listing_details a{width: 80px; float:right; background: url(images/view_details.gif) no-repeat top right; margin: 12px 10px 0 10px; font-size: 12px; padding: 6px 0 8px 25px; text-align:left; color: #fff; line-height: 12px;}
.listing:hover   {}

.listing_column {float: left; width: 200px; margin: 0 0px 20px 20px; } 
.listing_content {float: left; width: 640px; margin: 0 22px 20px 20px; } 
.listing_img {float: right; margin-top: 30px;}
.listing p {margin: 10px 0; font-size: 10px;}
.postcode p {margin: 0px;}
.listing_summary {float: right; width: 420px; height: 100%;}
.listing_readmore a {float: right; background: url(images/bc_title.gif) no-repeat center right; color: #fff; padding: 5px 20px 5px 10px; margin-top: 20px;}

#directions {width: 680px; height: 300px; margin: 20px 0 30px;}
#location   {width: 240px; height: 260px; float: right; background: url(images/slider.png) no-repeat top left #3079A3; color: #fff; padding: 20px;}
#location p {color: #fff;}
#location p.address {margin: 0; color: #fff;}
#location p a {color: #fff;}
#location p a:hover {text-decoration: underline;}
.map   {width: 640px; margin:30px 0; padding:20px 20px 40px 20px ; background: url(images/g_sh.png) no-repeat bottom right #FCFCFC;border-top: 1px solid #EEEEEE;}
.map {font-size: 1.1em;}
.map ol {margin: 10px 0;}

.mapp-directions table td {}
.mapp-directions table input {background: #fff; width: 100px; line-height: normal; border:1px solid #EEEEEE; background: #fff url(images/hr.gif) no-repeat center -2px ; font-size: 14px; line-height: 20px; padding:5px;}

#service_information {}
#service_information h4 {margin-top: 0px}

.directory_thumb {border: 1px #CCCCCC solid; float: right; height: 200px; width: 250px; margin-left: 20px;}
.findus_thumb {border: 1px #CCCCCC solid; float: left; height: 200px; width: 300px; margin-bottom: 20px;}

.trip_planner {float: right; width: 300px; padding: 0px 10px 40px 15px; background: url(images/rf_sh.png) no-repeat bottom right #FCFCFC; margin: 25px 0 20px 20px; border-top: 1px solid #EEEEEE; }
.trip_planner h3 {margin-top: 10px;}
.public_transport a {background: url(images/bc_title.gif) no-repeat center right; color: #fff; padding: 5px 20px 5px 10px; margin: 15px 0 0px 10px; width: 200px; display: block; }

.directory_information {float: left; width: 45%; margin: 0 0 20px;}
.directory_contacts {float: left; width: 45%; margin:  0 0 20px;}


/* # # # # # # # # # # #
#                      #
#     PUBLICATIONS     #
#                      #
# # # # # # # # # # # */

#publications   {width: 880px; float: right; padding: 30px 30px; margin:0; min-height: 500px;}
#publications h1 { margin-top: 0; font-weight: 300; }
#publications h3 { margin-top: 0;}

/* Tabs */

ul.tabs {background: url(images/tab_bg.gif) repeat-x; width: 99%; height: 32px; border-left: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; margin: 0; padding: 0 0 0 1px;  list-style: none;}
ul.tabs li {float: left; margin: 0;	padding: 0;	height: 32px; line-height: 32px; overflow: hidden;	position: relative;	margin: 0 2px; background: none;}
ul.tabs li a {text-decoration: none; color: #000; display: block; font-size: 1em; padding: 0 8px; }
ul.tabs li:hover {background: url(images/tab_hover.gif) no-repeat center bottom; color: #fff; margin: 0 2px; }
ul.tabs li:hover a {color: #fff;}
ul.tabs li.active {background: url(images/tab_selected.gif) no-repeat center bottom; color: #fff; margin: 0 2px; padding: 0 3px ;}
ul.tabs li.active a {color: #fff; }

.tab_container { overflow: hidden;	clear: both; float: left; width: 100%;	background: #fff;}
.tab_content {padding: 20px 0;	font-size: 1em;}
.tab_container h3 {margin-top: 0;}

/* Thumbnails */

.publication_home {width: 165px; float: left; margin: 0 11px 30px 0;}
.cover {display: block; width: 165px; height: 240px; position: relative; color: #fff; background: url(images/thumbnail.png) no-repeat; text-align:center; padding:2px}
.cover img {display: block;}
.cover span {display: block; width: 165px; height: 240px; position: absolute; top: 0; left: 0;}
.publication_home h2 {font-size: 11px; font-weight: bold; padding: 0; margin:0; text-align: center; font-family:Arial, Helvetica, sans-serif;}
.publication_home h2 a {color: #000; text-decoration: none;}
.publication_home h2 a:hover {color: #0066cc;}
.publication_home p {font-size: 11px; padding: 0; margin:0; text-align: center;}

.leaflet {display: block; width: 165px; height: 130px; position: relative; color: #fff; background: url(images/leaflet_thumb.png) no-repeat; text-align:center; padding:1px}
.leaflet img {display: block;}
.leaflet span {display: block; width: 165px; height: 130px; position: absolute; top: 0; left: 0;}


/* # # # # # # # # # # #
#                      #
#        FOOTER        #
#                      #
# # # # # # # # # # # */

#info {width: 100%; height: 400px; background: #0B477D url(images/blue.png) no-repeat center bottom; color: #FFFFFF; font-size: 12px; }

/* Footer Styles */

#info a {color: #FFFFFF; }
#info a:hover {text-decoration: underline;}
#info h2 {margin: 20px 0 10px; color: #FFFFFF; font-size: 16px; }
#info p {font-size: 12px; line-height: 16px;}
#info li {padding: 0 0 0 20px; }
#info ul {margin: 0 0 10px 0; list-style-position:inside; list-style-type:none;  }

li.ph {background: url(images/ul/ph.gif) no-repeat left center; }
li.fa {background: url(images/ul/fa.gif) no-repeat left center; }
li.em {background: url(images/ul/em.gif) no-repeat left center; }
li.fb {background: url(images/ul/fb.png) no-repeat left center;}
li.tw {background: url(images/ul/tw.png) no-repeat left center;}
li.yt {background: url(images/yt.gif) no-repeat left center;}
li.subscribe {background:  url(images/ul/rss.png) no-repeat left center;}
li.subscribe-events {background: url(images/ul/ev.png) no-repeat left center;}

/* Key Information */

#info_top	{width: 100%; height: 320px;  margin: 0 30px; }
.info_column {float: left; width: 270px; height: 280px; margin-right: 35px;} 
.info_lastcolumn {float: left; width: 270px; height: 280px; }
.info_websites {float: left; height: 60px; width: 80px; margin: 0 10px 8px 0;}
.info_follow {float: left; width: 38%;}
.info_rss {float: right; width: 50%;} 

/* Key Links */

#info_middle {width: 900px; padding: 25px 0 15px; margin: 0 20px; color: #999999;}

#info_middle a {color: #000000;}
#info_middle_left {width: 48%; float: left; text-align: left;}
#info_middle_right {width: 48%; float: right; text-align: right;}

/* Copyright, etc. */

#info_copyright {background: #333333 url(images/copyright.png) no-repeat center bottom; width: 100%; height: 80px;}
#info_bottom {width: 900px; padding: 0px 0 10px; margin: 0 20px; color:#cccccc;  }
#info_bottom a {color:#CCCCCC;}
#info_bottom_left {width: 48%; float: left; text-align: left;}
#info_bottom_right {width: 48%; float: right; text-align: right;}


/* # # # # # # # # # # #
#                      #
#     MISCELLANEOUS    #
#                      #
# # # # # # # # # # # */


/* Turn-on JavaScript Message */
#message {position: absolute;top: 10px;left: 20px;display: block;width: 500px;text-decoration: none;}   
#message a {color: #000099; text-decoration: underline;}