/*Colour Palatte - Used to kkep track of the colours in use on the site, and quickly make changes during construction. 
top navigation grey		#515151
content link blue		#0175b2
cpni 'provided by' grey	#bfbfbf
heading scarlet			#670134
content heading background grey #F8F8F8
content heading border top grey #cacaca */



/*reset css - after Eric Meyer's reset, though this was built from scratch as an exercise in understanding browser preferences, before resetting them. This explains the lack of completeness usually required for an effective reset. */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,table {
line-height:1em;
margin:0;
padding:0
}

h1,h2,h3,h3,h4,h5,h6 {
font-weight:400;
font-size:1em
}

li {
list-style:none
}

a {
text-decoration:none
}

a img {
border:none;
vertical-align:top
}

/* Structural elements styling */
body {
text-align:center;
font:100% Verdana, Arial, sans-serif;
color:#000;
background-color:#FFF;
height:100%
}

#page-wrap {
text-align:left;
width:60em;
height:auto;
position:relative;
font-size:100%;
margin:0 auto;
padding:0 0.3125em
}

/* END Structural elements styling */



/* individual global styles */

/* a very simple 'clearfix' to be applied to an empty div within a container that includes floats. Not sematially sound, in future a class that can be applied directly to the parent will be employed */
.clear {
clear:both
}


:link,:visited,:link:active,:visited:active {
color:#0175b2;
border-bottom:1px dotted
}

:link:focus,:visited:focus {
color:#0175B2;
border-bottom:1px solid
}

:link:hover,:visited:hover {
color:#0175b2;
border-bottom:1px solid
}

.imagelink a,.imagelink a:focus,.imagelink a:hover,.imagelink a:visited {
border:0
}

/* A Serif 'font stack' was chosen for headings, to constrast againt the sans of the text. */
h1 {
font:1.5em Georgia, Times, serif;
letter-spacing:0.05em;
text-transform:capitalize;
color:#FFF;
background:#670134 url(../images/assets/contentheadingfade.jpg) repeat-y top right;
padding:0.5em
}

h2 {
font:1.4em Georgia, Times, serif;
color:#670134;
padding:1em 1em 0.5em
}

h3 {
font:1.3em Georgia, Times, serif;
color:#670134;
padding:1em 1em 0.5em
}

h4 {
font:1.1em Georgia, Times, serif;
color:#670134;
padding:1em 1.2em 0.5em
}

ul h3,ul h4 {
margin:0.5em 0
}


/* END individual global styles */




/* Header element styling */
#header {
width:auto;
height:6.25em;
position:relative;
margin:0.625em 0
}

/* text replacement logo */
#logo {
float:left;
margin-right:3.125em;
width:253px;
height:100px;
background:url("../images/assets/warpLogoAnimated.gif");
text-indent:-9999px
}


#cpnilogo {
float:left;
display:block;
width:101px;
height:43px;
margin:1.5em 3.125em 0 0;
}

#cpnilogo span {
display:block;
font:0.8em Arial, sans-serif;
color:#bfbfbf;
margin-bottom:0.625em
}

/* Search Styling */
#search {
float:right;
width:29.0625em;
height:6.25em;
background:url(../images/assets/searchboxbg.jpg) no-repeat right top;
clear:right;
}

#search form {
float:right;
padding:1.25em 1.25em 0 0
}

/* Search label included to imperove acessability for non-visual readers, hidden when styled with CSS  */
#search label {
display:none
}

/* margin for Iframe inside content area on embedded Google Search return page. Not Header styling, but grouped here with search form styles */
iframe {
margin: 0.5em 1em 0.5em 1.4em
}


/* END HEADER STYLING --------------------------------------- /*





/* top navigation */
#top-nav {
position:relative;
height:2.5em;
background:url(../images/assets/mainnavbg.jpg) repeat-x left;
margin:0 0 1.25em;
padding:0 1.25em
}

#top-nav ul li {
float:right;
height:auto;
padding:0
}

#top-nav .separate {
float:left
}

#top-nav ul li a {
color:#515151;
display:block;
border-top:0;
border-bottom:0;
border-left:1px;
border-right:0;
font-size:0.9em;
text-transform:capitalize;
border-color:#FFF;
border-style:solid;
padding:0.8em 0.6em 0.9em
}

/* Using specific ID for the body tag of each page to highlight the relevant menu link */
#top-nav ul li a:hover,#top-nav ul li a:focus,body#index #tn-index a,body#about #tn-about a,body#contact #tn-contact a,body#glossary #tn-glossary a,body#faq #tn-faq a,body#directory #tn-directory a, body#directory-listing #tn-directory a {
color:#0175b2;
display:block;
border-top:0;
border-bottom:0;
border-left:1px;
border-right:0;
font-size:0.9em;
text-transform:capitalize;
background:url(../images/assets/mainnavbgselected.jpg) repeat-x left;
border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-color:#FFF;
border-style:solid;
padding:0.8em 0.6em 0.9em
}

/* Deactivate link is current page */
body#index #tn-index a,body#about #tn-about a,body#contact #tn-contact a,body#glossary #tn-glossary a,body#faq #tn-faq a,body#directory #tn-directory a {
pointer-events: none;
cursor: default;
}


/*  END TOP NAVIGATION --------------------------------------- /*



/* Main page area */
#main {
width:auto;
margin:0 0 2em
}



/* sidebar area */
#main-sidebar {
float:left;
width:10.625em;
margin-right:0.625em;
background:#FFF
}


.menu-heading {
display:block;
height:auto;
width:auto;
background:#670134 url(../images/assets/contentheadingfade.jpg) repeat-y top right
}

.menu-heading a span {
float:left;
margin:0.2em 0.5em 0.3em
}

.menu-heading a {
position:relative;
display:block;
height:1.5em;
width:auto;
font:bold 1em Arial, sans-serif;
border:none;
text-decoration:none
}

.menu-heading a:link,.menu-heading a:visited {
color:#FFF;
border:none;
text-decoration:none
}

.menu-heading a:focus,.menu-heading a:hover,.menu-heading a:active {
color:#FFF;
background:#0175b2 url(../images/assets/sidenavheadingselected2.jpg) repeat-y top right;
border:none;
text-decoration:none
}

/* heading selected state for menu-heading in sidebar */
body#warps-explained #mh-warps-explained,body#join-a-WARP #mh-join-a-warp,body#set-up-WARP #mh-set-up-warp,body#run-a-WARP #mh-run-a-warp,body#resources #mh-resources {
background:#0175b2 url(../images/assets/sidenavheadingselected2.jpg) repeat-y top right
}

/* Deactivate link is current page */
body#warps-explained #mh-warps-explained a,body#join-a-WARP #mh-join-a-WARP a,body#set-up-WARP #mh-set-up-WARP a,body#run-a-WARP #mh-run-a-WARP a,body#resources #mh-resources a {
pointer-events: none;
cursor: default;
}


.submenu {
background:url(../images/assets/sidenav-bg-fade.jpg) no-repeat;
padding:0.5em 0 1.6em 0.6em
}

.submenu li {
margin-bottom:0.3em
}

.submenu li	a {
font:bold 0.7em Arial, sans-serif;
color:#000;
border:none;
text-decoration:none
}

.submenu a:active {
color:#0175b2;
border-bottom:1px dotted #0175b2
}

.submenu a:link,.submenu a:visited {
color:#000;
border:none;
text-decoration:none
}

/* submenu hover state for menu in sidebar */
.submenu a:focus,.submenu a:hover {
color:#0175b2;
border-bottom:1px solid #0175b2
}

/* submenu current selected state, link deactivated for browsers that interpret pointer-events*/
body#background #sm-background a,body#benefits #sm-benefits a,body#case-studies #sm-case-studies a,body#press-say #sm-press-say a,body#find-a-WARP #sm-find-a-WARP a,body#investigate-alternatives #sm-investigate-alternatives a,body#identify-community #sm-identify-community a,body#review-benefits #sm-review-benefits a,body#costs-and-funding #sm-costs-and-funding a,body#business-case #sm-business-case a,body#register-WARP #sm-register-WARP a,body#sign-up #sm-sign-up a,body#introduce-services #sm-introduce-services a,body#filtered-warnings #sm-filtered-warnings a,body#advice-brokering #sm-advice-brokering a,body#trusted-sharing #sm-trusted-sharing a,body#directory #sm-directory a,body#annual-forum #sm-annual-forum a,body#operators-forum #sm-operators-forum a,body#marketing-materials #sm-marketing-materials a,body#case-reference #sm-case-reference a,body#building-trust #sm-building-trust a,body#service-guides #sm-service-guides a,body#warp-software #sm-warp-software a {
color:#0175b2;
border-bottom:1px solid #0175b2;
pointer-events: none;
cursor: default;
}

/* submenu current selected state for directory listing and annual forum listing pages - Section 'parent' page links active again to enable navigation back to top level of directory/annual forum pages */
body#directory-listing #sm-directory a, body#annual-forum-listing #sm-annual-forum a {
color:#0175b2;
border-bottom:1px solid #0175b2;
}

/* END sidebar area */




/* main content area */
#main-content {
float:right;
width:46.8em;
background:#FFF;
clear:right;
}

#content-holder {
width:46.8em;
background:url(../images/assets/contentborderfade2.jpg) top left repeat-x;
padding:0 0 4em
}

.section-top {
position:relative;
width:46em;
border-top:10px solid #cacaca;
background:#f8f8f8 url(../images/assets/sectionheadshadow.jpg) repeat-x bottom left;
margin:0 0.4em
}

.section-top p {
font:normal 1.2em Georgia, times, serif;
padding:1em 1em 1.5em
}

.section-top img {
float:right;
height:115px;
margin:-1em 2em 1em
}

.contentbox {
font-size:0.9em;
width:auto;
background:#FFF;
margin:0 0.5em;
padding:2em 0
}

.contentbox p {
line-height:1.4em;
margin:0 3em 2em 1.4em
}

.contentbox ol li {
line-height:1.4em;
list-style:decimal;
padding:0.3em
}

.contentbox ul li {
line-height:1.4em;
list-style:disc;
padding:0.3em
}

.contentbox ol,.contentbox ul {
margin:0 3em 2em
}

.content-float-sml {
float:left;
width:70%;
margin:4em 0
}

.content-float-md {
float:left;
width:35%;
margin:4em 0
}

.img-left {
float:left;
border:0 solid #cacaca;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0.5em 1em 0.5em 1.4em
}

.img-right {
float:right;
border:0 solid #cacaca;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0.5em 1.4em 0.5em 1em
}

.content-banner img {
border:4px solid #cacaca;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0 0 1em 1em
}

address {
margin:0 0 2em 1.5em
}

address span {
display:block;
line-height:1.4em;
font-style:normal
}

/* floated for two columns */
.floating-list {
float:left;
margin-right:2em
}

/* Highlighted paragraph for conclusions */
.conclusion {
color:#670134;
font-weight:700
}

/* superscript for glossary definition links - Currently unused, but available if glossary linked to in future */
.contentbox sup {
font-size:0.5em;
color:#0175b2
}

/* next step link styling */
#next-step {
font:1.2em georgia, times, serif;
line-height:1.2em;
display:block;
color:#670134;
margin:0 3em 2em 4em
}

#next-step strong {
display:block;
text-indent:-1em;
font-weight:400;
padding:1em 0
}

/* timeline styling */
#timeline {
float:left;
border-top:1px solid #cacaca;
margin:3em 0;
padding:0
}

#timeline li {
float:left;
display:block;
height:20px;
list-style:none;
position:relative;
margin:1em 0.5em 1.5em 0
}

#timeline a {
font-size:0.8em;
min-height:24px;
min-width:1em;
max-width:6em;
display:block;
padding-left:30px;
border:0;
background:url("../images/assets/timelinearrows.png") no-repeat;
margin:0
}

#timeline a:link {
background-position:0 0;
color:#bfbfbf
}

#timeline a:visited {
background-position:0 -141px
}

#timeline .first {
background:none;
padding-left:0
}

#timeline a:focus,#timeline a:hover {
background-position:0 -280px;
color:#0175b2
}

#timeline a:focus span,#timeline a:hover span {
border-bottom:1px dotted
}

/* Timeline selected state css-sprite arrows and text styling, deactivated link for current page */
body#warps-explained #tl-warps-explained,body#background #tl-background,body#benefits #tl-benefits,body#case-studies #tl-case-studies,body#press-say #tl-press-say,body#join-a-WARP #tl-join-a-warp,body#find-a-WARP #tl-find-a-warp,body#investigate-alternatives #tl-investigate-alternatives,body#set-up-WARP #tl-set-up-warp,body#identify-community #tl-identify-community,body#review-benefits #tl-review-benefits,body#costs-and-funding #tl-costs-and-funding,body#business-case #tl-business-case,body#register-WARP #tl-register-warp,body#run-a-WARP #tl-run-a-warp,body#sign-up #tl-sign-up,body#introduce-services #tl-introduce-services,body#filtered-warnings #tl-filtered-warnings,body#advice-brokering #tl-advice-brokering,body#trusted-sharing #tl-trusted-sharing,body#resources #tl-resources,body#directory #tl-directory,body#annual-forum #tl-annual-forum,body#operators-forum #tl-operators-forum,body#marketing-materials #tl-marketing-materials,body#case-reference #tl-case-reference,body#building-trust #tl-building-trust,body#service-guides #tl-service-guides,body#warp-software #tl-warp-software {
background-position:0 -280px;
color:#0175b2;
font-weight:700;
pointer-events: none;
cursor: default
}

/* Directory Listing and Annual Forum Listing pages have links active to enable naviagation back to 'parent' section page */
body#directory-listing #tl-directory, body#annual-forum-listing #tl-annual-forum {
background-position:0 -280px;
color:#0175b2;
font-weight:700;
}

/* As above, border-bottom for span */
body#warps-explained #tl-warps-explained span,body#background #tl-background span,body#benefits #tl-benefits span,body#case-studies #tl-case-studies span,body#press-say #tl-press-say span,body#join-a-WARP #tl-join-a-WARP span,body#find-a-WARP #tl-find-a-WARP span,body#investigate-alternatives #tl-investigate-alternatives span,body#set-up-WARP #tl-set-up-WARP span,body#identify-community #tl-identify-community span,body#review-benefits #tl-review-benefits span,body#costs-and-funding #tl-costs-and-funding span,body#business-case #tl-business-case span,body#register-WARP #tl-register-WARP span,body#run-a-WARP #tl-run-a-WARP span,body#sign-up #tl-sign-up span,body#introduce-services #tl-introduce-services span,body#filtered-warnings #tl-filtered-warnings span,body#advice-brokering #tl-advice-brokering span,body#trusted-sharing #tl-trusted-sharing span,body#resources #tl-resources span,body#directory #tl-directory span,body#directory-listing #tl-directory span,body#annual-forum #tl-annual-forum span,body#annual-forum-listing #tl-annual-forum-listing span,body#operators-forum #tl-operators-forum span,body#marketing-materials #tl-marketing-materials span,body#case-reference #tl-case-reference span,body#building-trust #tl-building-trust span,body#service-guides #tl-service-guides span,body#warp-software #tl-warp-software span {
border-bottom:1px solid
}

/* END timeline styling */







/* Homepage-specific styling */

img,#welcome-banner a:focus,#welcome-banner a:hover,#map-box a {
border:none
}


#welcome-banner {
width:46.8em;
float:right;
background:#670134 url("../images/assets/splash-bg-graphic.jpg") no-repeat top right;
color:#FFF;
margin:0 0 1.25em
}

#welcome-banner	h2 {
font:normal 2em Georgia, times, serif;
background:none;
padding:1em 0 0 1.4em;
color:#FFF;
}

#welcome-banner	h2 span {
padding-top:0.2em;
display:block;
font:italic 0.85em Georgia, times, serif
}

#welcome-banner p {
font:bold 1em/1.2em Verdana, Arial, sans-serif;
letter-spacing:0.06em;
padding:2em 13em 2em 2.7em
}

#splash-buttons {
width:200px;
height:160px;
margin:2em 4em;
padding:0
}

#splash-buttons a {
border:0;
background:url("../images/assets/splashbuttonstates.png") 0 0 no-repeat
}

#splash-buttons li {
text-indent:-9999em;
float:left;
list-style:none;
position:relative
}

#splash-buttons li,#splash-buttons a {
height:40px;
display:block;
margin:0;
padding:0
}

li#splash1,li#splash2,li#splash3 {
margin-bottom:20px;
width:200px
}

#splash1 a {
background-position:-10px -10px
}

#splash1 a:active {
background-position:-430px -10px
}

#splash2 a {
background-position:-10px -70px
}

#splash2 a:active {
background-position:-430px -70px
}

#splash3 a {
background-position:-10px -130px
}

#splash3 a:active {
background-position:-430px -130px
}

li#splash3,.contentbox table ul {
margin:0
}

#splash1 a:focus,#splash1 a:hover {
background-position:-220px -10px
}

#splash2 a:focus,#splash2 a:hover {
background-position:-220px -70px
}

#splash3 a:focus,#splash3 a:hover {
background-position:-220px -130px
}


blockquote {
font: italic 1em Georgia,times,serif;
color: #670134;
}

.contentbox blockquote p {
margin: 0 2em;
}

.bqstart {
color: #dddddd;
float:left;
font-family:'Lucida Grande',Verdana,helvetica,sans-serif;
font-size:800%;
font-style:normal;
height:120px;
margin-bottom:-50px;
margin-top:-70px;
padding-top:45px;
}

.bqend {
color:#dddddd;
float:right;
font-family:'Lucida Grande',Verdana,helvetica,sans-serif;
font-size:800%;
font-style:normal;
height:25px;
margin-top:-60px;
padding-top:5px;
}

p.attribution {
color: #670134;
font:0.7em Verdana, Arial, sans-serif;
margin: 0 0 0 14em;
padding:2em 2em 2em 0; 
}

#whats-new	p {
font:0.8em Verdana, Arial, sans-serif;
padding:0 2em 2em 5em;
}

#whats-new	h3 {
background:url(../images/assets/mainnavbg.jpg) repeat-x left;
color:#515151;
margin:0 0 1.25em;
padding:0.6em 1.9em
}

/*  END home page specific styling --------------------------------------- */








/*  WARP directory styling */

.contentbox #directory-nav li {
list-style:none;
line-height:1.3em;
font-style:italic;
padding:0.5em
}

.contentbox table {
max-width:70em;
font-size:0.9em;
border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
border-collapse:collapse;
margin:0 auto 4em
}

.contentbox table caption {
font-size:1.2em;
font-weight:700;
text-align:left;
color:#FFF;
background:#670134 url(../images/assets/contentheadingfade.jpg) repeat-y top right;
margin:0;
padding:0.3em 0.5em
}

.contentbox table td {
font-size:0.9em;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
text-align:center;
background:#f7fbff;
padding:0.5em 1em
}

.contentbox table td.tbl-details {
background:#d0dafd;
padding:0
}

.contentbox	table ul li {
border-bottom:1px solid #FFF;
list-style:none;
padding:0.5em
}

.tbl-emphasis {
font-size:1.5em;
font-weight:700
}

.active {
color:#0e6c2d
}

.pending {
color:#a90000
}

.contentbox table td.tbl-description div {
text-align:left
}

.contentbox table td.tbl-description a {
float:right;
margin:1em
}

.contentbox table td.tbl-website a span {
display:block
}

.contentbox table td.tbl-website a img {
margin-bottom:0.2em;
width:150px
}


ol.upper-roman {
list-style-type:upper-roman;
margin-bottom:2em
}

ol.upper-roman li {
list-style-type:upper-roman
}







/* directory map styling */
#map-box {
width:auto;
height:auto
}

#map {
float:left;
display:block;
width:490px;
height:633px;
background:url(../images/map/map-highlight.jpg);
position:relative;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
margin:1em
}

a#map-bg,a#map-bg:visited {
display:block;
width:490px;
height:633px;
position:absolute;
left:0;
top:0;
cursor:default;
text-decoration:none
}

#map a#map-bg:hover,#map a#map-bg:focus {
background:transparent url(../images/map/map.jpg) no-repeat 0 0;
overflow:hidden;
color:#c00;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px
}

a#north-east {
display:block;
width:122px;
height:132px;
overflow:visible;
position:absolute;
left:207px;
top:23px
}

a#north-east:hover,a#north-east:focus {
background:transparent url(../images/map/north-east.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#north-west {
display:block;
width:100px;
height:216px;
overflow:visible;
position:absolute;
left:153px;
top:87px
}

a#north-west:hover,a#north-west:focus {
background:transparent url(../images/map/north-west.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#yorkshire-humber {
display:block;
width:160px;
height:124px;
overflow:visible;
position:absolute;
left:221px;
top:147px
}

a#yorkshire-humber:hover,a#yorkshire-humber:focus {
background:transparent url(../images/map/yorkshire-humber.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#west-midlands {
display:block;
width:118px;
height:132px;
overflow:visible;
position:absolute;
left:177px;
top:281px
}

a#west-midlands:hover,a#west-midlands:focus {
background:transparent url(../images/map/west-midlands.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#east-midlands {
display:block;
width:144px;
height:152px;
overflow:visible;
position:absolute;
left:251px;
top:247px
}

a#east-midlands:hover,a#east-midlands:focus {
background:transparent url(../images/map/east-midlands.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#south-west {
display:block;
width:262px;
height:208px;
overflow:visible;
position:absolute;
left:19px;
top:393px
}

a#south-west:hover,a#south-west:focus {
background:transparent url(../images/map/south-west.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#south-east {
display:block;
width:210px;
height:148px;
overflow:visible;
position:absolute;
left:263px;
top:379px
}

a#south-east:hover,a#south-east:focus {
background:transparent url(../images/map/south-east.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#east-england {
display:block;
width:153px;
height:150px;
overflow:visible;
position:absolute;
left:334px;
top:295px
}

a#east-england:hover,a#east-england:focus {
background:transparent url(../images/map/east-england.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#london {
display:block;
width:48px;
height:38px;
overflow:visible;
position:absolute;
left:349px;
top:429px
}

a#london:hover,a#london:focus {
background:transparent url(../images/map/london.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#wales {
display:block;
width:164px;
height:194px;
overflow:visible;
position:absolute;
left:45px;
top:265px
}

a#wales:hover,a#wales:focus {
background:transparent url(../images/map/wales.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#scotland {
display:block;
width:107px;
height:92px;
overflow:visible;
position:absolute;
left:92px;
top:0
}

a#scotland:hover,a#scotland:focus {
background:transparent url(../images/map/scotland.png) no-repeat 0 0;
overflow:visible;
z-index:2
}

a#northern-ireland {
display:block;
width:107px;
height:102px;
overflow:visible;
position:absolute;
left:3px;
top:114px
}

a#northern-ireland:hover,a#northern-ireland:focus {
background:transparent url(../images/map/northern-ireland.png) no-repeat 0 0;
overflow:visible;
z-index:2
}



/*  Map highlights  */
#map a {
color:#000;
font-size:0.8em
}

#map a span {
position:absolute;
display:block;
width:auto;
border-left:5px solid #eeefff;
z-index:1
}

#map a span	strong {
display:block;
background:#e7c5d3;
border-top-right-radius:8px;
-moz-border-top-right-radius:8px;
-webkit-border-top-right-radius:8px;
width:150px;
padding:5px 0 0 5px
}

#map a span	em {
display:block;
background:#e7c5d3;
border-bottom-right-radius:8px;
-moz-border-bottom-right-radius:8px;
-webkit-border-bottom-right-radius:8px;
font-style:normal;
width:150px;
padding:0 0 5px 5px
}

#north-east span {
left:283px;
top:46px
}

#north-west span {
left:337px;
top:26px
}

#yorkshire-humber span {
left:269px;
top:10px
}

#west-midlands span {
left:313px;
top:-36px
}

#east-midlands span {
left:239px;
top:42px
}

#south-west span {
left:471px;
top:72px
}

#south-east span {
left:227px;
top:42px
}

#east-england span {
left:156px;
top:38px
}

#london span {
left:141px;
top:-52px
}

#wales span {
left:445px;
top:-64px
}

#scotland span {
left:398px;
top:9px
}

#northern-ireland span {
left:487px;
top:-75px
}

* html a#map-bg,* html a#north-east,* html a#north-west,* html a#yorkshire-humber,* html a#west-midlands,* html a#east-midlands,* html a#south-west,* html a#south-east,* html a#east-england,* html a#london,* html a#wales,* html a#scotland,* html a#northern-ireland {
height:0
}

/* Contrasting font colour for hover/focus state to read against background colour change in statement below. */
a#north-east:hover span strong,a#north-east:focus span strong,a#north-east:hover span em,a#north-east:focus span em,a#north-west:hover span strong,a#north-west:focus span strong,a#north-west:hover span em,a#north-west:focus span em,a#yorkshire-humber:hover span strong,a#yorkshire-humber:focus span strong,a#yorkshire-humber:hover span em,a#yorkshire-humber:focus span em,a#west-midlands:hover span strong,a#west-midlands:focus span strong,a#west-midlands:hover span em,a#west-midlands:focus span em,a#east-midlands:hover span strong,a#east-midlands:focus span strong,a#east-midlands:hover span em,a#east-midlands:focus span em,a#south-west:hover span strong,a#south-west:focus span strong,a#south-west:hover span em,a#south-west:focus span em,a#south-east:hover span strong,a#south-east:focus span strong,a#south-east:hover span em,a#south-east:focus span em,a#east-england:hover span strong,a#east-england:focus span strong,a#east-england:hover span em,a#east-england:focus span em,a#london:hover span strong,a#london:focus span strong,a#london:hover span em,a#london:focus span em,a#wales:hover span strong,a#wales:focus span strong,a#wales:hover span em,a#wales:focus span em,a#scotland:hover span strong,a#scotland:focus span strong,a#scotland:hover span em,a#scotland:focus span em,a#northern-ireland:hover span strong,a#northern-ireland:focus span strong,a#northern-ireland:hover span em,a#northern-ireland:focus span em {
color:#FFF;
}


/* Hover/Focus states for offset span contents - animated colour transition for webkit browsers. Alternative option for map WARP operator highlight transition state- animated expanding width - Currently over-ridden by statement above, allowing contrast in font colour */
a#north-east:hover span strong, a#north-east:hover span em, a#north-east:focus span strong,a#north-east:focus span em, a#north-west:hover span strong,a#north-west:hover span em, a#north-west:focus span strong,a#north-west:focus span em, a#yorkshire-humber:hover span strong,a#yorkshire-humber:hover span em, a#yorkshire-humber:focus span strong, a#yorkshire-humber:focus span em, a#west-midlands:hover span strong, a#west-midlands:hover span em,a#west-midlands:focus span strong, a#west-midlands:focus span em,a#east-midlands:hover span strong, a#east-midlands:hover span em, a#east-midlands:focus span strong, a#east-midlands:focus span em,a#south-west:hover span strong, a#south-west:hover span em,a#south-west:focus span strong, a#south-west:focus span em,a#south-east:hover span strong, a#south-east:hover span em,a#south-east:focus span strong, a#south-east:focus span em,a#east-england:hover span strong, a#east-england:hover span em,a#east-england:focus span strong, a#east-england:focus span em,a#london:hover span strong, a#london:hover span em,a#london:focus span strong, a#london:focus span em,a#wales:hover span strong, a#wales:hover span em,a#wales:focus span strong, a#wales:focus span em,a#scotland:hover span strong, a#scotland:hover span em,a#scotland:focus span strong, a#scotland:focus span em,a#northern-ireland:hover span strong, a#northern-ireland:hover span em,a#northern-ireland:focus span strong, a#northern-ireland:focus span em {
width:180px;
-webkit-transition:width .3s linear;
z-index:2;
color:#FFF;
background-color:#670134;
-webkit-transition:background-color .5s linear
}

/* END directory page styling */




/* glossary styling */
.glossary-list dt {
font:italic 1.2em Georgia, Times, serif;
color:#670134;
margin:1.5em 0 0 1.5em;
}

.glossary-list dd {
font:normal 0.7em Verdana, Arial, serif;
color:#000;
display:block;
padding:1em 1em 0 0
}

/* END glossary styling */






/* footer styling */
#footer {
font-size:0.8em;
width:auto;
background:url(../images/assets/mainnavbg.jpg);
margin:0 auto 1.25em;
padding:0.6em 1.9em
}

/* END footer styling */