/* General 
-------------------------------------------------------------------------------------------- */
html{background: #ededed;}
body{margin:0; padding:0; font:normal 0.625em arial; background:#ededed url(body-bg.jpg) repeat-y top center; color:#2f2f2f;}

#wrapper{margin:0 auto; width:990px; background:#fff; overflow:hidden;}

.screenreader{position: absolute; top: -999px; left: -999px;}
img{border: 0;}
.floatleft, .imgleft {float:left;}
.floatright, .imgright {float:right;}
.floatwide {width:95%;}
.imgleft img{margin: 0 20px 20px 0;}
.imgright img{margin: 0 0 20px 20px;}
.imageleft img{float:left; padding: 0 15px 15px 0;}
.imageright img{float:right; padding: 0 0 15px 15px;}
.clearleft {clear: left; float:left;}
div {zoom: 1;}
.donotprint {border:0!important}

#content-column h2,#content-column h3, #content-column h4,#content-column h5,legend{color:#0171BF;}
	
/* Main navigation
-------------------------------------------------------------------------------------------- */
.top-navigation {background:#f1f1f1 url(nav_bg.gif) left top repeat-x; overflow:hidden; clear:left; margin: 0 5px;}
.top-navigation ul {margin:0; padding:0; display:block;}
.top-navigation ul li{margin:0; padding:0; float:left; padding: 1px 6px; list-style:none; border-right: 1px solid #aaaaaa; /*#006bb7*/}
.top-navigation ul li a{color:#0171bf; font-size:1.22em;font-weight:normal; text-decoration:none;  display:block;}
.top-navigation ul li p{margin:0; padding:0;}
.top-navigation a:hover {color:#605f5f; text-decoration:underline;}

.top-navigation .top{background:url(topnav-top.gif) left top repeat-x;}
.top-navigation .tl{background:url(topnav-tl.gif) left top no-repeat;}
.top-navigation .tr{background:url(topnav-tr.gif) right top no-repeat;}
.top-navigation .bottom{background:url(topnav-bottom.gif) left bottom repeat-x;}
.top-navigation .bl{background:url(topnav-bl.gif) left bottom no-repeat;}
.top-navigation .br{background:url(topnav-br.gif) right bottom no-repeat; overflow:hidden; padding: 10px;}

.top-navigation .selected a{color: #fff !important; background: url(nav-tl.gif) left top no-repeat;padding:0;}
.top-navigation .selected a:hover{color: #fff;}
.top-navigation .selected p{background: #006bb7 url(nav-tr.gif) right top no-repeat;}
.top-navigation .selected strong{background:url(nav-bl.gif) left bottom no-repeat; display:block; margin:0;}
.top-navigation .selected span{background:url(nav-br.gif) right bottom no-repeat;}
.top-navigation li.selected a:link{padding: 0;}
.top-navigation li.selected span{display: block;  padding: 0px 7px;}
.top-navigation .last{border:0;}

#top {background:#5e5c5c url(gradient1.jpg) repeat-x top left; width:98%; border-bottom:3px; float:left; margin:0 0 0 10px; display:inline; overflow:hidden;}

.site-tools-holder, .accessibility-holder{float:right; overflow:hidden;}	
.site-tools-holder{float:left; width: 75%; padding-left: 1em;}

.accessibility-holder{padding:1.5em 0 0 0;}
	
#site-tools {margin:0; padding:10px 0 9px; list-style:none; font:bold 1.1em arial; float:right;}
#site-tools a {color:#fff; text-decoration:none; padding:0 7px 0 0;}
#site-tools a:hover {color:#fff; text-decoration:underline;}
#site-tools li {float:left;  margin:0 11px 0 0; white-space:nowrap;}

#accessibility {float:right; padding:0; list-style:none; margin:0;}
#accessibility li {float:left; margin:0 10px 0 0; background:#7e364e url(accessibility-corner1.gif) no-repeat top left; padding:0 0 0 9px; height: 2em; height: auto !important; min-height: 2em;}
#accessibility a {font:bold 1.1em arial; color:#fff; text-decoration:none; background:#7e364e url(accessibility-corner2.gif) no-repeat top right; display:block; padding:5px 9px 1px 0;}
#accessibility .current {background:#fcc625 url(accessibility-corner3.gif) no-repeat top left;}
#accessibility .current a {background:#fcc625 url(accessibility-corner4.gif) no-repeat top right; color:#000;}

#decrease-text a {font-size: .9em !important;}
#increase-text a {font-size:1.2em; line-height:100%;}

.small #decrease-text { _border-bottom: 3px solid #F9BD20 !important; _display:block;}
.small #standard-text { _border-bottom: 0px solid #7E364E !important; _display:block;}
.small #increase-text { _border-bottom: 2px solid #7E364E !important; _display:block;}

.medium #decrease-text { _border-bottom: 2px solid #7E364E !important; _display:block;}
.medium #standard-text { _border-bottom: 0px solid #F9BD20 !important; _display:block; margin-bottom: -1px;}
.medium #increase-text { _border-bottom: 1px solid #7E364E !important; _display:block;}

.large #decrease-text { _border-bottom: 5px solid #7E364E !important; _display:block;}
.large #standard-text { _border-bottom: 0px solid #7E364E !important; _display:block; margin-bottom: -1px;}
.large #increase-text { _border-bottom: 2px solid #F9BD20 !important; _display:block;}

/* Header
-------------------------------------------------------------------------------------------- */
#header {background:#f9bd20; clear:both; float:left; width: 98%; margin:0 0 0 10px; display:inline;}
#logo {width:419px; height:103px; margin:3px 0 0 13px; padding:0 0 2px 0; float:left; display:inline;}

	/* Main navigation
-------------------------------------------------------------------------------------------- */
#main-navigation {text-align:center; padding:15px 0 0 0; clear:both; width:67%; margin:0 auto; background:url(secondary-navigation-top-bg.jpg) no-repeat top left;}
#main-navigation ul {margin:0; padding:0 0 11px 0; list-style:none; background:url(secondary-navigation-bottom-bg.jpg) left bottom no-repeat;}
#main-navigation li {display:inline; padding:0 10px 0 6px; background:url(separator.jpg) no-repeat center right;}
#main-navigation li.last {background:none;}
#main-navigation a:link, #main-navigation a:Visited {text-decoration:none; font:bold 1.3em arial; color:#006bb7;}
#main-navigation a:hover {color:#605f5f; text-decoration:underline;}


/* Intro content
-------------------------------------------------------------------------------------------- */
#intro-content {background:#ffd22b; width:98%; margin:0 auto; border-top:1px solid #e0e0e0; border-right:1px solid #e1ded5; border-left:1px solid #e1ded5; position:relative; z-index:100; top:-1px; overflow:hidden;}
#intro-caption {width:290px; background:url(transparent-area.png) repeat top left; margin:107px 0 0 0; padding:19px 0 19px 9px; font:bold 2.2em arial; color:#fff; line-height:145%; float:left;}
#intro-caption a {text-decoration:none; color:#fff;}
#intro-caption a:hover {text-decoration:underline;}
#intro-sidebar {float:right; width:300px; background:url(gradient2.jpg) repeat-x top left; overflow:hidden; right: 0;}
#intro-sidebar h3 {margin:0; padding:24px 20px 0 25px; font:bold 2em arial; color:#7f364f;}

#adviceguide-link {background:url(box-gradient-bg.jpg) repeat-x top left; display:block; width:252px; font:bold 1.7em arial; color:#fff; padding:0; margin:28px 0 23px 26px; cursor:pointer; z-index:100;}
#adviceguide-link:hover {background:#58ac19;}
#adviceguide-link {text-decoration:none;}
#adviceguide-link .link-wrapper {display:block; padding:5px 0 0 42px; background:url(adviceguide-link-bg.gif) no-repeat 12px 6px;}
#adviceguide-link:hover .link-wrapper {background-image:url(adviceguide-link-hover-bg.gif);}
#adviceguide-link strong {font:normal 0.7em arial; display:block; padding:0; margin:6px 0 7px 0;}
#adviceguide-link .ml {display:block; background:url(box-middle-bg.gif) repeat-y top left;}
#adviceguide-link:hover .ml {background-image:url(box-middle-hover-bg.gif);}
#adviceguide-link .mr {display:block;background:url(box-middle-bg.gif) repeat-y top right;}
#adviceguide-link:hover .mr {background-image:url(box-middle-hover-bg.gif);}
#adviceguide-link .top {background:url(box-top-bg.jpg) repeat-x top left; display:block; height:4px; position:relative;}
#adviceguide-link:hover .top {background-image:url(box-top-hover-bg.jpg);}
#adviceguide-link .tl, #adviceguide-link .tr, #adviceguide-link .bl, #adviceguide-link .br {display:block; position:absolute; width:6px; height:6px;}
#adviceguide-link .tl {top:0; left:0; background:url(box-tl-bg.gif) no-repeat top left;}
#adviceguide-link:hover .tl {background-image:url(box-tl-hover-bg.gif);}
#adviceguide-link .tr {top:0; right:0; background:url(box-tr-bg.gif) no-repeat top right;}
#adviceguide-link:hover .tr {background-image:url(box-tr-hover-bg.gif);}
#adviceguide-link .bottom {background:url(box-bottom-bg.jpg) repeat-x bottom left; display:block; height:6px; position:relative;}
#adviceguide-link:hover .bottom {background-image:url(box-bottom-hover-bg.jpg);}
#adviceguide-link .bl {background:url(box-bl-bg.gif) left bottom no-repeat; bottom:0; left:0;}
#adviceguide-link:hover .bl {background-image:url(box-bl-hover-bg.gif);}
#adviceguide-link .br {background:url(box-br-bg.gif) no-repeat bottom right; bottom:0; right:0;}
#adviceguide-link:hover .br {background-image:url(box-br-hover-bg.gif);}

#local-bureau {margin:0 0 0 26px; padding:0; width:252px; background:url(box-gradient-bg.jpg) repeat-x top left;}
#local-bureau .ml {background:url(box-middle-bg.gif) repeat-y top left;}
#local-bureau .mr {background:url(box-middle-bg.gif) repeat-y top right;}
#local-bureau .top {height:5px; background:url(box-top-bg.jpg) repeat-x top left; position:relative;}
#local-bureau .tl, #local-bureau .tr {position:absolute; width:6px; height:6px;}
#local-bureau .tl {background:url(box-tl-bg.gif) no-repeat top left; top:0; left:0;}
#local-bureau .tr {background:url(box-tr-bg.gif) no-repeat top right; top:0; right:0;}
#local-bureau .bottom {height:6px; position:relative; background: url(box-bottom-bg.jpg) left bottom repeat-x ; overflow:hidden;}
#local-bureau .bl, #local-bureau .br {position: absolute; height:6px; width:6px;}
#local-bureau .bl {top:0; left:0; background: url(box-bl-bg.gif) no-repeat top left;}
#local-bureau .br {top:0; right:0; background: url(box-br-bg.gif) no-repeat top left;}
#local-bureau fieldset {margin:0; padding:0 0 5px 0; border:none; width:252px;}
#local-bureau legend {margin:0; padding:0; color:#fff; font:normal 1.7em arial;}
#local-bureau legend strong {white-space:normal; display:block; width:210px; padding:7px 0 8px 42px; background:url(local-bureau-legend-bg.gif) no-repeat 12px 7px;}
#local-bureau label {position:absolute; left:-9999px;}

.postcode {margin:0 5px 0 40px; padding:2px 0 0 5px; border:none; width:132px; height:18px; background:url(postcode-bg.jpg) no-repeat top left; color:#5b5b5b; font:normal 1.1em arial; float:left;}

#local-bureau-sbmt {float:left; position:relative;}

/* Latest news
-------------------------------------------------------------------------------------------- */
#latest-news {background:#eee url(gradient3.jpg) repeat-x top left; width:98%; margin:0 auto; overflow:hidden; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-bottom:1px solid #e3e3e3; padding-bottom: 10px;}
#latest-news h4 {margin:0;padding:18px 0 10px 9px; color:#006bb7; font:bold 1.1em arial; float:left;}
.indexbox #latest-news h4 {width:100%}
#latest-news img {border:none;}
#latest-news .news-control {position:relative; top:18px; left:7px; margin:0 2px 0 0;}

#news-entry-new{float:left; margin:15px 0 0px 12px; background: #fff url(news_tb.gif) top left repeat-x; width:80%; font:normal 1.1em arial; overflow:hidden;}
#news-entry-new .news-bottom{background:url(news_tb.gif) bottom left repeat-x; }
#news-entry-new .news-br{overflow:hidden; background:url(news_br.gif) bottom right no-repeat; padding:5px 12px 5px 12px;}
#news-entry-new .news-bl{background:url(news_bl.gif) bottom left no-repeat; }
#news-entry-new .news-tl{background:url(news_tl.gif) top left no-repeat; }
#news-entry-new .news-tr{background:url(news_tr.gif) top right no-repeat; }
#news-entry-new .news-left{background:url(news_lr.gif) top left repeat-y; }
#news-entry-new .news-right{background:url(news_lr.gif) top right repeat-y; }
#news-entry-new ul{margin: 0; padding:0; list-style:none;}
#news-entry-new ul li{margin: 0; padding:0; list-style:none;}
#news-entry-new .news-date {color:#006bb7; font:bold 1em arial;}
#news-entry-new li a {display: block; color:#333333 !important; text-decoration:none; font-weight:normal;}
#news-entry-new li strong{ font-weight:bold !important; color:#006bb7 !important; }
#news-entry-new li a:hover {display: block; color:#605f5f;}
.ticker-controls { margin: 20px 5px 0 0; padding:0;}
.ticker-controls li{ margin: 0; padding:0 3px 0 3px;}
#news {min-height: 1em;}

#news-entry-other{float:left; margin:25px 0 0px 12px; background: #fff url(news_tb.gif) top left repeat-x; width:90%; font:normal 1.1em arial; overflow:hidden;}
#news-entry-other .news-bottom{background:url(news_tb.gif) bottom left repeat-x; }
#news-entry-other .news-br{overflow:hidden; background:url(news_br.gif) bottom right no-repeat; padding:5px 0 5px 12px;}
#news-entry-other .news-bl{background:url(news_bl.gif) bottom left no-repeat; }
#news-entry-other .news-tl{background:url(news_tl.gif) top left no-repeat; }
#news-entry-other .news-tr{background:url(news_tr.gif) top right no-repeat; }
#news-entry-other .news-left{background:url(news_lr.gif) top left repeat-y; }
#news-entry-other .news-right{background:url(news_lr.gif) top right repeat-y; }
#news-entry-other ul{margin: 0; padding:0; list-style:none;}
#news-entry-other ul li{margin: 0; padding:0; list-style:none;list-style-image:none; background-image:none;}
#news-entry-other .news-date {color:#006bb7; font:bold 1em arial;}
#news-entry-other li a {color:#333333 !important; text-decoration:none; font-weight:normal;}
#news-entry-other li strong{ font-weight:bold !important; color:#006bb7 !important; }
#news-entry-other li a:hover {color:#605f5f;}
.indexbox .ticker-controls { margin: 20px 5px 0 0; padding:0;}
.indexbox .ticker-controls li{ margin: 0; padding:0 3px 0 3px; background-image:none;}


/* First column
-------------------------------------------------------------------------------------------- */
#first-column {float:left; width:31.3%; margin-right: 2.5%;}
#first-column h2 {clear:left; margin:0 0 10px 0; padding:7px 0 17px 1px; font:normal 1.8em arial; color:#0171bf; border-top:3px solid #0171bf; background:url(quote-border.gif) left bottom no-repeat;}
#first-column h2 a:hover{color:#605f5f;}

#mission {margin:0; padding:7px 0 30px 2px !important; font:normal 1.8em arial; border-top:3px solid #0171bf; line-height:120%; float:left; background-image:none !important;}
#mission a:link, #mission a:visited {text-decoration:none; color:#006bb7; font:normal 0.6em arial; display:block; float:left; margin:21px 0 0 0;}



/* Secodary column
-------------------------------------------------------------------------------------------- */
#second-column {float:left; width:31.3%;}
#second-column a:hover {color:#605f5f;}

#campaigns {background:#f9f9f9 url(gradient4.jpg) repeat-x top left; border-top:1px solid #e9e9e9; border-right:1px solid #e8e8e8; border-bottom:1px solid #e7e7e7; border-left:1px solid #f0f0f0; margin:0 0 5px 0;}
#campaigns li {margin:0 0 5px 0; border:0;}
#campaigns img {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dadada; border-bottom:1px solid #dadada; float:left; margin:10px 8px 6px 8px; display:block;}
#campaigns h3 {color:#006bb7; font:bold 1.1em arial; padding:7px 0 3px 0; margin:0;}
#campaigns p {padding:0;}
.campaigns-controls img {border:none;}

#donate {padding-right:40px; background:#f9f9f9 url(donate-block-bg.jpg) no-repeat bottom right; margin-top:25px;}
#donate-button {font:bold 1.1em arial; text-transform:uppercase; text-decoration:none; color:#fff; background:#016fbd; display:block; width:118px; height:40px; line-height:40px; text-align:center; position:relative; margin:-10px 0 5px 12px; padding:0;}
#donate-button .image{position:absolute; top:0; left:0; width:100%; height:100%; background:url(donate-button-bg.jpg) no-repeat top left;}
#donate-button:hover .image{background-position:bottom left;}

#tell-story {background:#f9f9f9 url(tell-story-block-bg.jpg) no-repeat bottom right; padding-bottom:12px;}
#tell-story p {margin:0; padding:0; font-size:1em;}

#volunteer a {padding-left:0; font-size:1em;}
#volunteer {background:#f9f9f9 url(volunteer-block-bg.jpg) no-repeat bottom right; padding-bottom:14px;}

.block {margin:0 0 18px 0; padding:0 5px 0 0; border:1px solid #e0e0e0;}
.block h3 {margin:0; padding:12px 0 0 14px; font:bold 1.5em arial; color:#006bb7;}
.block p {margin:0; padding:5px 5px 14px 15px; font:normal 1.1em arial; line-height:150%;}
.block blockquote {margin:5px 0 0 15px; padding:0 0 14px 15px; font:normal 1.1em arial; background:url(quote-bg1.jpg) no-repeat left 3px; line-height:160%;}
.block blockquote span {background:url(quote-bg2.jpg) no-repeat bottom right; padding:0 13px 0 0;}
.block a{color:#006bb7;text-decoration:none; font:normal 1.1em arial; padding:0 0 0 16px;}

/* Third column
-------------------------------------------------------------------------------------------- */
#third-column {float:right;width:31.3%}
#third-column a:hover {color:#605f5f;}

#blog-publish-date {float:left;}
#blog {padding:0 0 19px 55px;}
#blog img {float:left; margin:0 0 0 2px;}
#blog h3 {margin:0; padding:0 0 6px 0; font:bold 1.1em arial;}
#blog p {margin:0; padding:0; font:normal 1.1em arial; line-height:150%;}
#blog ul {margin:0; padding:15px 0 8px 0; list-style:none; font:bold 1.1em arial;}
#blog li {margin:0 0 8px 0;}
#blog ul a:link, #blog ul a:visited {text-decoration:none; color:#2f2f2f;}
#blog ul a:hover {color:#605f5f;}
#blog ul span {float:right; font-weight:normal; color:#999999;}
#blog a{color:#006bb7; font-size:1.1em; text-decoration:none;}

.social-media-block {margin:0 0 10px 0; padding: 5px 0 13px 0; background:url(border.jpg) repeat-x bottom left;}
.social-media-icon {float:left; margin:0 0 0 3px;}
.social-media-block h4 {font:bold 1.1em arial; margin:0 0 4px 56px; padding:0;}
.social-media-block p {font:normal 1.1em arial; margin:0 0 7px 56px; padding:0;}
.social-media-block img {border:none; vertical-align:middle;}
.social-media-block a:link, .social-media-block a:Visited {color:#006bb7; text-decoration:none;}
	
#newsletter h4 {font-weight:normal;}

/* Footer
-------------------------------------------------------------------------------------------- */
#footer {clear:both; width:990px; margin:0 auto; background:#898787; overflow:hidden; position:relative;}
#footer a{color:#fff;}
#footer a:hover {text-decoration:underline;}

.centerlink{display:block; text-align:center;}
#back-to-top {}

#main {width:60%; float:left; padding:0 0 0 24px;}
#footer #main h2 {margin:0 0 10px 0; padding:18px 0 6px 0; color:#fff; font:normal 1.1em arial; width:622px; border-bottom:1px solid #b6b5b5;}
#main p {margin:0; padding:0; font:normal 1.1em arial; color:#fff; line-height:180%;}


#main a {text-decoration:none; color:#fff; margin:0;}
#tools, #services, #disclaimer{}

#secondary {width:336px; float:right;}

#secondary .first {background:url(footer-block-bg1.gif) no-repeat 17px 24px;}
#secondary .first p {margin:0; padding:32px 70px 6px 80px; color:#fff;}
#secondary .last {background:url(footer-block-bg2.gif) no-repeat 17px 24px; color:#fff; padding:23px 0 0 0;}
#secondary .last p {margin:0; padding:0 0 10px 80px;}

/* Contentpage
-------------------------------------------------------------------------------------------- */
.yellowbar{background-color: #f9bd20; font-size:.5em; margin:0 10px}

#content-column {width: 67%; float:left; margin-left:20px; font-size:1.2em;}
#content-column h1 {margin:0px 0 20px 0px; padding:7px 0 17px 1px; font:bold 2em arial; color:#0171bf; background:url(quote-border.gif) left bottom no-repeat; clear:both;}
#content-column h2 {font:bold 1.7em arial;}
#content-column h3 {font:bold 1.2em arial;}
#content-column	img {border: none;}
#content-intro-img {float:right; margin:0 60px 0 0; border:1px solid #d5d5d5;}
#content-column p.imgfloat {margin-right:270px;}
#content-column	p {line-height:1.5em;}
#content-column	a{color:#0171bf;}
#content-column	a:hover{color:#605f5f;}
#underline-link a{color:#006bb7; text-decoration:underline;}
.blue-bullet {margin:0; padding: 1.5em 0; }
.blue-bullet li {list-style:none; margin:0 0 5px 0; padding-left: 15px; background:url(bullet.gif) no-repeat left}
.blue-bullet li a{color:#0171bf; font-size:1em; text-decoration:underline;}
.blue-bullet li a:hover{color:#605f5f; text-decoration:underline;}

.sharelinks {margin:0; padding:0; float: right;}
.sharelinks li{margin:0; float:left; list-style:none; padding: 5px 10px 5px 20px;}
.sharelinks li a{color:#0171bf; font-size:.9em;font-weight:bold; text-decoration:none; display:block;}
.sharelinks a:hover{color:#605f5f; text-decoration:underline;}
.sharelinks li p{margin:0; padding:0;}

.sharelinks .twitter{background:url(twitter.gif) no-repeat left 50%;}
.sharelinks .facebook{background:url(facebook.gif) no-repeat left 50%;}
.sharelinks .bookmark{background:url(bookmark.gif) no-repeat left 50%;}
.sharelinks .share{background:url(share.gif) no-repeat left 50%;}
.sharelinks .email{background:url(email.gif) no-repeat left 50%;}
.sharelinks .print{background:url(print.gif) no-repeat left 50%;}

/* Breadcrumb
-------------------------------------------------------------------------------------------- */
.breadcrumb {background:#f1f1f1 url(nav_bg.gif) left top repeat-x; overflow:hidden; clear:left; margin: 10px 8px;}
.breadcrumb ul {margin:0; padding:0;}
.breadcrumb ul li{margin:0; padding:0; float:left; padding: 1px 7px; list-style:none; background: url(breadcrumbarrow.gif) right 50% no-repeat; padding: 5px 20px 5px 15px;}
.breadcrumb ul li a{color:#0171bf; font-size:1.1em;font-weight:normal; text-decoration:none;  display:block;}
.breadcrumb ul li a:hover {color:#605f5f; text-decoration:underline;}
.breadcrumb ul li p{margin:0; padding:0;}

.breadcrumb .top{background:url(topnav-top.gif) left top repeat-x;}
.breadcrumb .tl{background:url(topnav-tl.gif) left top no-repeat;}
.breadcrumb .tr{background:url(topnav-tr.gif) right top no-repeat;}
.breadcrumb .bottom{background:url(topnav-bottom.gif) left bottom repeat-x;}
.breadcrumb .bl{background:url(topnav-bl.gif) left bottom no-repeat;}
.breadcrumb .br{background:url(topnav-br.gif) right bottom no-repeat; overflow:hidden;}

.breadcrumb .selected {background: none;  padding: 5px 25px 5px 5px;}
.breadcrumb .last{border:0;}

/* Sidebar
-------------------------------------------------------------------------------------------- */
#sidebar {margin-right:10px; margin-bottom:50px; float:right; width:27%; position:relative;}
#sidebar h2 {margin:0 0 5px 0; padding:7px 0 17px 1px; font:normal 1.8em arial; color:#0171bf; border-top:3px solid #0171bf; background:url(quote-border.gif) left bottom no-repeat;}
.icons {margin: 10px 0 20px 0; padding:0; float: left; width: 60%;}
.icons li{margin:0; padding:0; float:left; list-style:none; }
.icons li a{color:#0171bf; font-size:1.1em;font-weight:bold; text-decoration:none; display:block; padding: 10px 10px 15px 40px;}
.icons li a:hover{color:#605f5f; text-decoration:underline;}
.icons li p{margin:0; padding:0;}

.icons .donate a{background:url(coins.gif) no-repeat left 50%;}
.icons .advice a{background:url(question-mark.gif) no-repeat left 50%;}
.icons .campaign a {background:url(pen-paper.gif) no-repeat left 50%;}
.icons .volunteer a{background:url(heads.gif) no-repeat left 50%;}
.icons .story a{background:url(speech-bubble.gif) no-repeat left 50%;}

#social-sidebar, #tags{clear:left;}
#tags p {float: left; font-size: 1.1em; padding-left: 12px;}

#twitter.social-sidebar-block{margin-top: 20px;}
#social-sidebar h2, #tags h2 {margin:0 0 5px 0; padding:7px 0 17px 1px; font:normal 1.8em arial; color:#0171bf; border-top:3px solid #0171bf; background:url(quote-border.gif) left bottom no-repeat; clear:left;}
.social-sidebar-block {margin:0 0 20px 0; padding:0px 0 0 0;}
.social-sidebar-icon {float:left; margin:0 0 0 3px;}
.social-sidebar-block h4 {font:bold 1.1em arial; margin:0 0 4px 56px; padding:0;}
.social-sidebar-block p {font:normal 1.1em arial; margin:0 0 7px 56px; padding:0;}
.social-sidebar-block img {border:none; vertical-align:middle;}
.social-sidebar-block a:link{color:#006bb7; text-decoration:underline;}
.social-sidebar-block a:hover{color:#605f5f; text-decoration:underline;}
	
.socialmedia {margin:0; padding:5px;width: 100%; }
.socialmedia li{margin:0; padding:0; float:left; padding: 0; list-style:none; width: 32%;}
.socialmedia li a{color:#0171bf; font-size:1em; text-decoration:none;  display:block; padding: 15px 13px 30px 30px; font-weight:bold;}
.socialmedia li a:hover{text-decoration:underline;}
.socialmedia li p{margin:0; padding:0;}

.socialmedia .twitter a{background:url(twitter-small.gif) no-repeat left 50%; color: #2c8aba;}
.socialmedia .facebook a{background:url(facebook-small.gif) no-repeat left 50%; color: #5475ab;}
.socialmedia .youtube a{background:url(youtube-small.gif) no-repeat left 50%; color: #c34256;}
.socialmedia .podcasts a{background:url(podcasts-small.gif) no-repeat left 50%; color: #ac50e4;}
.socialmedia .blog a{}
.socialmedia .news a{background:url(news.jpg) no-repeat left 50%;}
.socialmedia .date a{background:url(date-top.gif) no-repeat left 50%;}

.socialmedia .blog .top{background: #016fbd url(date-top.gif) top no-repeat; width:23px; float:left; margin-top:17px}
.socialmedia .blog .bottom{background:url(date-bottom.gif) bottom no-repeat; text-align:center; color: #fff; padding: 1px 0;}
.socialmedia .blog span{font-size: 0.9em; font-weight:bold;}
.socialmedia .blog a{color:#0171bf;font-size:1em;text-decoration:none;}

#blogentry {float:left; clear:left; overflow:hidden;}
.blog-text {float:left;width:210px; padding-left: 29px;}
.blog-text p.intro{margin-top:0 !important;}
#blogentry .top{background: #016fbd url(date-top.gif) top no-repeat; width:23px; float:left; margin-left: 3px; }
#blogentry .bottom{background:url(date-bottom.gif) bottom no-repeat; text-align:center; color: #fff; padding: 1px 0;}
#blogentry span{font-size: 0.9em; font-weight:bold;}
#blogentry a{color:#0171bf;font-size:1.1em;text-decoration:underline;}
#blogentry a:hover{color:#605f5f; text-decoration:underline;}
#blogdate {float:left; clear:left; overflow:hidden;}
#blogdate .top{background: #016fbd url(date-top-big.gif) top no-repeat; width:31px; float:left;}
#blogdate .bottom{background:url(date-bottom-big.gif) bottom no-repeat; text-align:center; color: #fff; padding: 3px 0;}
#blogdate span{font-size: 1.1em; font-weight:bold;}

a#more-community {clear:both; display:block; float:left; font-size:1.1em; color:#006bb7; background:url(arrow3.gif) no-repeat left ; padding:10px 0 10px 11px; margin-left:8px; /*white-space:nowrap;*/}
a:hover#more-community {color:#605f5f; text-decoration:underline;}

.indexboxrow{margin-bottom: 20px;width:100%}
.indexbox {width:46%; }
.indexbox h2 {margin:0px 0 10px 0px; padding:7px 0 17px 1px; border-top:3px solid #0171bf; font:normal 1.6em arial; color:#0171bf; background:url(quote-border.gif) left bottom no-repeat;}
.indexbox h3 {margin:20px 0 10px 0px; font:normal 1.6em arial; color:#0171bf;}	
.indexbox ul {margin:0; padding:0}
.indexbox li {list-style:none; margin:0 0 5px 0; padding-left: 11px; background:url(bullet.gif) no-repeat left}
.indexbox li a{color:#0171bf; font-size:1em; text-decoration:underline;}
.indexbox li a:hover{color:#605f5f; text-decoration:underline;}

.indexbox .nobullet li {padding-left:0; background-image:none;}

.multirow li div, .multirow li img{float:left;}
.multirow li div {width:65%;padding-left:15px}
.multirow li p {margin:0 0 10px 0;}
.multirow li h3 {padding-top:0 !important;}
.multirow h3 {font-size:1em; font-weight:bold; margin:0 !important; }
.multirow {margin:0; padding:0}
.multirow li {list-style:none ; margin:10px 0 5px 0; padding-left: 0px; overflow:hidden; background-image:none;}
.multirow li a{color:#0171bf; font-size:1em; text-decoration:underline;}

/* Home Content
-------------------------------------------------------------------------------------------- */
#home-content{overflow:hidden;padding: 10px;}
#home-content h2 {margin:0 0 12px 0; padding:7px 0 17px 1px; font:normal 1.8em arial; color:#0171bf; border-top:3px solid #0171bf; background:url(quote-border.gif) left bottom no-repeat;}	
#home-content a:hover {text-decoration: underline !important}	

.search form{padding:0; margin:0; width:100%;overflow:hidden;}
.search{float:right; padding:37px 25px 0px 0px;width:253px;}
.search .top{background:url(search-top.gif) left top repeat-x;}
.search .tl{background:url(search-tl.gif) left top no-repeat;}
.search .tr{background:url(search-tr.gif) right top no-repeat;}
.search .ml{background:#fff url(search-middle-l.gif) left top repeat-y; }
.search .mr{background:url(search-middle-r.gif) right top repeat-y;}
.search .bottom{background:url(search-bottom.gif) left bottom repeat-x;}
.search .bl{background:url(search-bl.gif) left bottom no-repeat;}
.search .br{background:url(search-br.gif) right bottom no-repeat; overflow:hidden; padding: 5px;}
.search *{vertical-align:middle;}
.search .searchinput {float:left; margin:0; padding:0; border:#FFF solid 1px; height:1.3em; width:65%}
.search .imagebutton {float:right;}

.getadvice, .findbureaux {background: url(bureau_grad.gif) left top repeat-x;}
.mouse_icon { padding: 10px 0 0 10px;}
.getadvice {margin-top: 25px;}
.getadvice .top{background:url(bureau-top.gif) left top repeat-x;}
.getadvice .tl{background:url(bureau-tl.gif) left top no-repeat;}
.getadvice .tr{background:url(bureau-tr.gif) right top no-repeat;}
.getadvice .ml{background:url(bureau-middle.gif) left top repeat-y; }
.getadvice .mr{background:url(bureau-middle.gif) right top repeat-y;}
.getadvice .bottom{background:url(bureau-bottom.gif) left bottom repeat-x;}
.getadvice .bl{background:url(bureau-bl.gif) left bottom no-repeat;}
.getadvice .br{background:url(bureau-br.gif) right bottom no-repeat; overflow:hidden; padding: 5px;}
.clear {clear:both;}	
.banner {float: left; background: #dedede url(intro-content-bg.jpg) no-repeat top left; width: 670px; min-height:280px; height:auto!important; height:280px;}
.arrow {background:url(arrow.gif) left no-repeat;}


/*---- break ----*/


/* Boxes
-------------------------------------------------------------------------------------------- */

.highlightbox {background-color: #ecf4fa;	padding: 10px;	width: 97%; margin-bottom: 20px;}
.highlightbox h2.highlightheading{ background: #006bb7 url(highlightbox.gif) bottom left no-repeat; color: #fff !important;  padding: 5px 5px 16px 5px; margin:0 0 10px 0;}
.highlightbox .hightlightcontent{ padding: 0 5px }

.calloutbox {background-color: #ecf4fa; margin-bottom: 20px; width:30%;}
.calloutbox p.calloutheading{ background: #006bb7 url(highlightbox.gif) bottom left no-repeat; color: #fff !important;  padding: 5px 5px 16px 5px; margin:10px 10px 0px 10px; font-size: 1.2em; font-weight:bold;}
.calloutbox .calloutcontent{ padding: 0 5px 10px 0 }
.calloutbox.floatleft {margin: 0 10px 10px 0; }
.calloutbox.floatright {margin: 0 0 10px 10px; }


/*------------------------------------------------------------------------------
RSS template
------------------------------------------------------------------------------*/
#rsstemplate {clear:both; float:right; margin:10px 4px; padding-left:20px; text-align:right; width:auto;}

/*------------------------------------------------------------------------------
Sitemap 
------------------------------------------------------------------------------*/
#sitemap h2,#sitemap h3,#sitemap h4,#sitemap h5{margin: 0 !important;}
#sitemap ul{margin-top: 0!important; margin-left: 10px!important;}
#sitemap h2{font-size: 1.3em;}
#sitemap h3{font-size: 1.1em;}
#sitemap li{color:#ff7200 !important; list-style-image:none !important; list-style-position:outside; list-style-type:square !important;}
/*------------------------------------------------------------------------------
The expanding site map
------------------------------------------------------------------------------*/
#expandingsitemap { margin-bottom:1em;  margin-top:1em; }
#expandingsitemap ul {border-left:1px dashed #dddddd; padding:0; margin:0 0 0 3em;}
#expandingsitemap li {list-style:none !important; padding: 2px 0 0 0.5em; background-color:#FFF;}
#expandingsitemap ul li a {font-weight:bold;}
#expandingsitemap ul li li a {font-weight:normal;}
#expandingsitemap a {text-decoration:none;}
#expandingsitemap a:visited {text-decoration:none;}
#expandingsitemap a:hover {text-decoration:underline;}
#expandingsitemap .contract, #expandingsitemap .expand {position:absolute;}
#expandingsitemap .contract a, #expandingsitemap .expand a { background-color:#FFF; font-weight:bold; position:relative; left: -1.28em; text-decoration:none; vertical-align: middle; line-height: 1em}
.sitemapdummylink { color:#000080; font-weight:bold; text-decoration:none; }

/*------------------------------------------------------------------------------
Ticker
------------------------------------------------------------------------------*/

#Ticker {margin: 0 auto; overflow: hidden;}
#Ticker h2, #Ticker #news{float: left;}
.ticker-controls {float:right;}
.ticker-controls  li{display:inline;}
#Ticker{display:block; width: 50%; background-color: #EFEFEF; font-family: Arial, Helvetica, sans-serif; padding: 10px; overflow:hidden; }
#Ticker h2{ font-size: .9em; font-weight: bold; margin:0; padding:0;  padding-right: 10px;}
#Ticker ul,  #Ticker ul li{list-style:none; margin: 0; padding:0; }
#Ticker ul,  #Ticker ul li a{color: #333; }
#Ticker li{font-size: .9em;}


/*------------------------------------------------------------------------------
page tools
------------------------------------------------------------------------------*/
#pt_form {position:relative;}
#pt_form .clear0 {clear: both; font-size: 0px; line-height: 0px;}
#pt_form .email-sender {padding-bottom: 1em;}
#pt_form .pagetools-comment-block {background-color: #f7f7f7; display: none; height: 100px; width: 500px;}
#pt_form .email-buttons .pt-button {background: #bfd5ec; color:#003366;	cursor: pointer; margin: 0 0 0 1em;	border: 1px solid #7F9DB9; float: right; height: 2em; width: 10em;}
#pt_form img {border: 0px; vertical-align: middle;}
#pt_form .pt-tab-container {background-color: #f7f7f7; border: 1px solid #cccccc; display: none; padding: 1em; position:relative;}
#pt_form .pt-tab-container .validation-error {color: #ff0000; display: none;}
#pt_form .pt-tab-container label {display: block; padding-bottom: .5em; white-space: nowrap;}
#pt_form .pt-tab-container textarea, #pt_form .pt-tab-container input {font-size: 1em;}
#pt_form .email-buttons {float: right; padding: 0; width:100%;}
#pt_form .email-info {margin-bottom: 1em; padding-right: 0.7em; position:relative;}
*+html #pt_form .email-info {padding-right: 0.3em !important; width:100%;}
*html #pt_form .email-info {padding-right: 0.3em !important; width:98%;}
#pt_form .email-info .email-to, #pt_form .email-info .email-to-confirm {float: left; padding-right: 1%; width: 48%;}
#pt_form .email-info .email-name, #pt_form .email-info .email-address {float: right; padding-left: 1%; width: 48%;}
#pt_form .email-sender input, #pt_form .email-info input {width: 100%; padding:1px; border: 1px solid #7F9DB9; color: #777;}

/*---------------------------------------------------------------------------------------------
Paging styles
---------------------------------------------------------------------------------------------*/
p.paging span.current { font-weight:bold; padding:0 0.5em; }
p.paging a { color:#FF0000; font-weight:bold; padding:0 0.5em; }
p.paging a:visited { color:#FF0000; }
p.paging a:hover { color:#B00; }
.resultnav, .paging{background-color: #ECF4FA; padding: 10px; display: block; margin: 10px auto; width:92%;}

#webinatorresults .result {margin: 5px auto 10px auto; width: 94%;}

/*Search term in search title*/
span.searchterm { font-style:italic; }

.red, .error {border: 1px solid #DD7777; color: #A30000; background-color: #FFCCCC; margin: 0.75em 0; padding: 0.5em 1em;}
.info {border: 1px solid #00AA00; color: #008000; background-color: #DDFFDD; margin: 0.75em 0; padding: 0.5em 1em;}
.msg {border: 1px solid #006bb7; color: #006bb7; background-color:#dbeaf4; margin: 0.75em 0; padding: 0.5em 1em;}

/*Table used on the find my bureau page*/
table.resultstable { border:none; width:100% !important; margin:1.5em auto; }
table.resultstable th { background:#005194; color:#FFF; padding:0.3em; text-align:left; }
table.resultstable td { padding:0.3em; vertical-align:top;}
table.resultstable tr.lightbluerow td { background:#E7EBF7; }
table.resultstable tr.notrecruiting td { color:#777; }
table.resultstable tr td span.emailadvice { float:right; }

table.resultstable caption { font-weight:bold; padding:0.5em 0; text-align:left; }
table.resultstable col.bname { width:60%;}
table.resultstable col.btown { width:25%; }
table.resultstable col.bdistance { width:15%; }

/*---------------------------------------------------------------------------------------------
Datatable
---------------------------------------------------------------------------------------------*/
.datatable {border: 0;}
.datatable,.sortable, .formtable  {width: 95%; margin: 0 auto; }
.datatable tfoot td, .sortable tfoot td, .formtable tfoot td{ background-color: #EEE;  padding: 5px; font-size: .9em; border-collapse: collapse; }
.datatable tbody td, .sortable tbody td, .formtable tbody td{ border-bottom: 1px solid #ccc !important;border-collapse: collapse;  }
.datatable td *, .sortable td *, .formtable td *{margin-top:-2px;padding-top:0;}
.datatable thead th, .sortable thead th, .formtable thead th,
.datatable tbody td, .sortable tbody td, .formtable tbody td,
.datatable th, .sortable th, .formtable th,
.datatable td, .sortable td, .formtable td{text-align: left; padding: 5px;  vertical-align: top; text-align:left; border-collapse: collapse; }
.datatable thead th, .datatable th {background-color: #C7DEEF !important;}
.datatable th, .sortable th, .formtable th{ vertical-align: bottom;}
.fullwidth tbody td p{margin:0;}
.datatable td a {color:#0171BF;}
.datatable th a {color:#000000 !important;}
.datatable a:hover {color:#666666;}

/*---------------------------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------------------------*/
#content-column form,
#content-column form{}
#content-column form legend,#content-column form legend{font-weight:bold; padding: 5px; font-size: 1.3em}
#content-column form fieldset, #content-column form fieldset{margin-bottom: 20px; border: 1px solid #d7d7d7; overflow:hidden;}
#content-column form fieldset .fieldrow,#content-column form fieldset .fieldrow,
#content-column form fieldset .fieldinfo,#content-column form fieldset .fieldinfo{clear:left;padding: 0 10px 10px; overflow:hidden; float:left; width: 100%; display:block; padding: 10px 5px;}
#content-column form fieldset .fieldinfo,#content-column form fieldset .fieldinfo{border-bottom: 0; padding: 5px 5px;}
#content-column fieldset p {margin:0 5px;}
.fieldrow .label p, .fieldinfo p{ margin:0; padding:0;}
.fieldrow .label, .fieldrow .label p {font-weight:bold; line-height: 1.3em!important;}
.fieldrow .label {float:left; width:35%; display:block; }
.fieldrow .labelwide {float:left; width:95%; display:block;}
.fieldrow .field {float:left; width:60%; display:block; padding-left: 10px;}
.fieldrow .field textarea, .fieldrow .labelwide textarea{width:70%; font: normal 1.1em arial;}
.fieldrow .fieldbuttons{float:right; width: 100%; text-align:right; padding: 0 20px 20px 0;}
.fieldrow select{width:72%;}
.fieldrow input{width:auto;}
.fieldrow input[type="text"]{width:70%;}
.fieldrow input[type="password"]{width:70%;}
.fieldrow .fieldbuttons input{width:auto !important;}

.fieldlist{margin:0; padding:0;width: 95%; overflow: hidden;}
.fieldlist li{margin:0 0 10px 0; padding:0; list-style: none; width:49%; float: left;}


/*Accordion */


#accordion .group {background:#fff url(quote-accordion.gif) left bottom no-repeat; padding-bottom: 9px;}
#accordion .group .inner{padding-top: 10px;}
#accordion h4 {font:bold 1.5em arial; margin:0 0 0 15px; padding: 0 0 3px 0; color:#0171BF; cursor:pointer;}
#accordion h4:hover {text-decoration: underline !important; color:#605f5f;}
#accordion .accordionContent{padding: 0 0 10px 25px; font-size: 1.1em;}
#accordion .inner {background: url(arrow-left.gif) 2px 14px no-repeat;}

#accordion .accordionContent ul {margin:10px 0 10px 0; padding:0;}
#accordion .accordionContent ul li {list-style:none; margin-bottom: 10px;}
#accordion .accordionContent ul a {color: #0171BF; text-decoration:none;}
#accordion .accordionContent ul a:hover { color:#605f5f; text-decoration:underline;}
#accordion .accordionContent a:hover {color:#605f5f;}
#accordion .on{background: #f9f9f9 url(arrow-down.gif) 2px 14px no-repeat ; border: 1px solid #dfdfdf; border-bottom:0; margin-top:-9px;}
#accord1box .on{margin-top:0;}


/*campaign */
#campaigns {width: 260px !important; background:#f9f9f9 url(gradient4.jpg) repeat-x top left; border-top:1px solid #e9e9e9; border-right:1px solid #e8e8e8; border-bottom:1px solid #e7e7e7; border-left:1px solid #f0f0f0; margin:0 0 5px 0;}
#campaigns li {margin:0 0 5px 0; border:0; list-style: none; overflow:hidden; padding: 0 !important; background-image: none !important; }
#campaigns li.block a {padding: 0 0 0 0px;}
#campaigns .itemimage{float:left; margin-right: 10px; display:block;}
#campaigns .itemcontent{float:left; margin-right: 10px; width: 60%; padding-bottom: 10px;}
#campaigns img {border:1px solid #dbdbdb; float:left; margin:10px 8px 6px 8px; display:block; width: 80px; height: 80px;}
#campaigns a{padding:0 !important; color:#2f2f2f !important;}
#campaigns h3 a{color:#006bb7 !important; font:bold 1.1em arial; padding:7px 0 3px 0; margin:0;}
#campaignsnav{margin-bottom: 10px; overflow:hidden;}
.campaigns-controls img {border:none;}
.campaignleft, .campaignright{cursor: pointer; float:left; margin: 0 10px 0 0; background:#5bc40f url(greenGrad.gif) repeat-x bottom left; color: #fff; font-size: 1.2em; padding: 2px 8px 4px 8px; display: inline; -moz-border-radius: 3px; border-radius: 3px;}
.campaignleft a, .campaignright a{text-decoration: none; color:#ffffff !important;}
.campaignleft a:hover, .campaignright a:hover{font-weight:bold; color:#ffffff !important;}
#campaignspaging{float:left;}
#campaignspaging a:hover{font-weight:bold; color:#fff;}
#campaignspaging a{float:left; background-image: none; background-color: #7ec0ef; color: #173e5a; margin: 0 10px 0 0; color: #fff !important; text-decoration: none; font-size: 1.2em; padding: 3px 8px !important; display: inline; -moz-border-radius: 3px; border-radius: 3px;}
#campaignspaging a.activeSlide {cursor: pointer; background:#0686e1 url(blueGrad.gif) repeat-x bottom left; }

.indexbox #campaigns .itemcontent {font-size:1em !important;width:50%;}
.indexbox #campaigns h3{font-size:1em !important;}
.indexbox .itemcontent {font-size:1em !important;}
.indexbox .itemcontent a{text-decoration: none;}
.indexbox #campaigns a{padding:0 !important; color:#2f2f2f !important;}
.indexbox #campaigns h3 a{color:#006bb7 !important;}

.indexbox.floatwide{width:99%;}
#campaigns.fullwidth{width:100% !important; background:none !important; border:0; margin:0; padding:0;}
#campaigns.fullwidth li{ width: 100%; float:left;}
#campaigns.fullwidth .floatleft, #campaigns.fullwidth .floatright{width:48%; margin-bottom: 15px; border-top: 1px solid #dadada; padding-top: 15px; }
#campaigns.fullwidth .floatleft {clear:both;}
#campaigns.fullwidth li .itemimage{float:right; border:0;}
#campaigns.fullwidth li .itemcontent{float:left; width: 54% !important;}
#campaigns.fullwidth .itemimage {margin-left: 10px;}
#campaigns.fullwidth img {border:0; margin:0;}
#campaigns.fullwidth .itemcontent{}
#campaigns.fullwidth h3 a{/*font:bold 1.25em arial*/;}
#campaigns.fullwidth h3 a:hover{text-decoration:underline;}
#campaigns.fullwidth p {font-size: 1em; line-height: 130%;}
#campaigns.fullwidth p a{color: #006bb7 !important;}
#campaigns.fullwidth p a:hover, #campaigns.fullwidth  div a:hover{text-decoration:underline !important;}
#campaigns.fullwidth img {float:left; margin:10px 8px 6px 8px; display:block; width: 89px; height: 125px; border:0;}

.topcell {border-top: none !important; padding-top: 0 !important;}

#policysort{float:right; margin: 0; padding: 0;}
#policysort p {font-size: 1.2em;}

/*---------------------------------------------------------------------------------------------
Accessibility
---------------------------------------------------------------------------------------------*/
.accessibilitylinks{width:90%; margin:0 auto; text-align:center; border: 1px solid #e2e2e2; padding: 1%; overflow: hidden;}
.accessibilitylinks p{width: 28.5%; padding: 1%; margin: 1%; border: 1px solid #000; float:left;}
.legend{font-size:1em; padding-left: 1%; margin:0; text-align:left;}
.accessibilitylinks a {text-decoration:none;}
.accessibilitylinks .small,.accessibilitylinks .medium,.accessibilitylinks .large{background-color:#fff;}
.accessibilitylinks .small a span{font-size: .9em; margin-right:1em; font-weight:bold;}
.accessibilitylinks .medium a span{font-size: 1em; margin-right:1em; font-weight:bold;}
.accessibilitylinks .large a span{font-size: 1.1em; margin-right:1em;font-weight:bold;}
.accessibilitylinks .standard a, .accessibilitylinks .standard a:hover {color:#0567B2 !important; }
.accessibilitylinks .standard {background-color: #fff;}
.accessibilitylinks a:hover{ color:#000 !important;}
.accessibilitylinks .blue a {color:#000 !important; }
.accessibilitylinks .blue  {background-color: #C7DEEF;}
.accessibilitylinks .high a {color:#FEBA03  !important; }
.accessibilitylinks .high  {background-color: #000;}


/*---------------------------------------------------------------------------------------------
Share 1.007
---------------------------------------------------------------------------------------------*/

#sharelinks li.google a{background:url(sbm_google.gif) left center no-repeat;}
#sharelinks li.facebook a{background:url(sbm_facebook.gif) left center no-repeat;}
#sharelinks li.delicious a{background:url(sbm_delicious.gif) left center no-repeat;}
#sharelinks li.digg a{background:url(sbm_digg.gif) left center no-repeat;}
#sharelinks li.stumbleupon a{background:url(sbm_stumbleupon.gif) left center no-repeat;}
#sharelinks li.reddit a{background:url(sbm_reddit.gif) left center no-repeat;}
#sharelinks li.twitter a{background:url(sbm_twitter.gif) left center no-repeat;}

#sharelinks {margin:0; padding:0; width: 100%; overflow:hidden;}
#sharelinks li {width: 24%; float:left; margin: 0 0 10px 0; ; list-style: none;}
#sharelinks li a{color: #0171BF; text-decoration:none; width: 100%; padding-left: 20px; font-weight:bold;}

.newwindowlink,.downloadlink{margin-right: 4px;}

/*---------------------------------------------------------------------------------------------
Gray out disabled home page box in edit mode
---------------------------------------------------------------------------------------------*/
.boxDisabled { /*filter:alpha(opacity=50); opacity:0.5;*/ }
form.boxhideshowform { margin:0; }
form.boxhideshowform input { margin:0; padding:0; position:relative; /*Stops the button being displayed as see through (in IE at least)*/ }

.hideEditIcons a img {display: none !important;} /* Stops Site Manager displaying edit icons */
span.url {display:block; color: #006bb7;}

/* Add <wrb> support to Opera see http://www.quirksmode.org/oddsandends/wbr.html */
wbr:after {content: "\00200B";}




/*---------------------------------------------------------------------------------------------
Tagging
---------------------------------------------------------------------------------------------*/
#searchResults .datatable, #moderateResults .datatable{width: 100%;}

.getreports {margin:0 0 20px 0; padding:0; list-style:none; float:left; width: 33%;}
.getreports li{margin: 0 0 0 0; padding:0 20px 0 20px; background: url(admin_tag_reports.gif) left 4px no-repeat;}
.getreports li a{font-size: 1em;}
.getreports li.noimage{padding:0 0px 0 0px; background-image:none;}

.tags ul{list-style:none; margin:0; padding:0;}
.tags ul li{margin: 0; padding:0 0 5px 10px;}
.tags ul li a{margin: 0; padding:0 0 0 20px;}

#tagview {margin-bottom: 10px; overflow:hidden;}
#tagview.taglist {padding:20px 0 0 5px;margin-left:0;margin-top:0;clear:left;}
#tagview.tagcloud {display:block; padding: 20px 0; margin-top:0;margin-left:0;clear:left;}
#tagview.tagcloud li{list-style:none; float:left;}
#tagview.tagcloud li a{color:#006BB7;background-image:none !important; padding: .15em .25em .5em .5em !important; border: 0 !important; display: inline !important;text-decoration: none;}
#tagview.tagcloud li a:hover{color:#666666;}
#cloudtab, #listtab {float:left;display:block; width:40%;color:#fff;background-color:#006BB7; text-decoration: none; font-size: 1.1em; padding:3px; margin: 0 5px 0 5px;font-weight:bold;}
.tagcloud .rvlow {font-size: .5em !important;}
.tagcloud .rlow {font-size: .75em !important;}
.tagcloud .rmedium {font-size: 1em !important;}
.tagcloud .rhigh {font-size: 1.25em !important;}
.tagcloud .rvhigh {font-size: 2em !important;}
#whatisthis {text-align:right;}

#tagview.taglist li{margin:0;background:url(arrow3.gif) no-repeat left; color:#006BB7; float:left; list-style:none; width: 42%;padding-left:12px;margin-bottom:5px}
#tagview.taglist a{font-size:1.1em; color: #006BB7;text-decoration: none;}
#tagview.taglist a:hover{color:#666666;}

.tagcloud r1, .tagcloud r2, .tagcloud r3, .tagcloud r4, .tagcloud r5, .tagcloud r6, .tagcloud r7, .tagcloud r8, .tagcloud r9, .tagcloud r10{font-weight: bold !important; border: 0 !important;}

#tagview.tagcloud li a {white-space:nowrap;}
#tagview.tagcloud li.r1{font-size: 1em; padding-bottom:5px;margin-left:0;}
#tagview.tagcloud li.r2{font-size: 1.1em}
#tagview.tagcloud li.r3{font-size: 1.2em}
#tagview.tagcloud li.r4{font-size: 1.3em}
#tagview.tagcloud li.r5{font-size: 1.5em}
#tagview.tagcloud li.r6{font-size: 1.7em}
#tagview.tagcloud li.r7{font-size: 1.8em}
#tagview.tagcloud li.r8{font-size: 1.9em} 
#tagview.tagcloud li.r9{font-size: 2em}
#tagview.tagcloud li.r10{font-size: 2.1em}

/*
#tagview.tagcloud li.r1 a{color: #707070 !important;}
#tagview.tagcloud li.r2 a{color: #707070 !important;}
#tagview.tagcloud li.r3 a{color: #686868 !important;}
#tagview.tagcloud li.r4 a{color: #686868 !important;}
#tagview.tagcloud li.r5 a{color: #606060 !important;}
#tagview.tagcloud li.r6 a{color: #606060 !important;}
#tagview.tagcloud li.r7 a{color: #2f2f2f !important;}
#tagview.tagcloud li.r8 a{color: #2f2f2f !important;} 
#tagview.tagcloud li.r9 a{color: #262626 !important;}
#tagview.tagcloud li.r10 a{color: #262626 !important;}
*/

.DialogTaglist{font-size:.9em;}
.DialogTaglist{margin:0; padding:0; list-style:none; overflow:hidden;}
.DialogTaglist li{margin:0 20px 0 0; padding:0 0 5px 0; list-style:none; float:left; white-space:nowrap;}
.DialogTaglist li a{text-decoration: none;}
.DialogTaglist li a:hover{text-decoration: none;}
.dialogheader {font-size: 1em; font-weight:bold!important; padding-top: .5em;}

#editTagsLink {width:90%; float:left;clear:left;}
#editTagsLink a{background: url(tagbottomleft.gif) left bottom no-repeat;display:block;}
#editTagsLink .ltopleft{background: url(tagtopleft.gif) top left no-repeat; display:block; padding: 2px 5px 2px 10px;}
#editTagsLink .ltopright{background: url(tagtopright.gif) top right no-repeat; display:block;}
#editTagsLink .lbottomright{background: url(tagbottomright.gif) bottom right no-repeat; display:block;}

.newtagslist {font-size: .9em; width: 100%; float: left; clear:both;}
.newtagslist ul{list-style:none; margin:0; padding:0;}
.newtagslist ul li{list-style:none; margin:0; padding:0; float:left; margin: 0 20px 0 0;}
.finishbtn{display:block; margin-top: 20px; text-align:right; clear:both;}

#editTags .errmsg, .errmsg{border: 1px solid #b22046; background-color:#f3c0cd; padding: 5px ; font-weight: bold; font-size: 1em; color: #9b1538; margin: 0 0 5px 0; _margin: 0 0 5px 0;}
form#addTags {margin-top: 10px; padding-top: 10px; border: 1px solid #fff; border-top: 1px solid #ccc; float:left; clear:both; width: 100%; _margin-top: 5px; _padding-top: 5px;}
.addtagform {border: 0; margin:0; padding: 0; vertical-align: middle; float:left; clear: left; width: 100%;}
.addtagform *{vertical-align: middle;}
.yourtags{clear:left; float:left; display:block; width: 100%;}
#tagName {border: 1px solid #006bb7; margin-right: 20px; width: 200px; }
#tagsuggest { background: #fff; border: 1px solid #ccc; width: 90%; position: absolute; padding: 10px; display:none; font-size: .9em; float:left; clear:both;}
#tagsuggest ul{list-style:none; margin:0; padding:0;}
#tagsuggest ul li{list-style:none; margin:0; padding:0 0 10px 0; float:left; margin: 0 15px 0 0;}
#tagsuggest ul li a{white-space:nowrap;  position: relative !important; z-index: 1000;}
.suggestlink{display:block;}
.tagpageview {margin:0; padding:0;}
.tagpageview li {padding:2px 0 5px 20px; list-style: none;}


/*---------------------------------------------------------------------------------------------
A to Z of tags
---------------------------------------------------------------------------------------------*/
.tagatoz{background-color: #dbeaf5 ;overflow:hidden; width: 65%; margin-bottom: 20px;}
.tagbottom{}
.tagtl{background:url(tagtopleft.gif) top left no-repeat;}
.tagtr{background:url(tagtopright.gif) top right no-repeat;}
.tagbl{background:url(tagbottomleft.gif) bottom left no-repeat;}
.tagbr{background:url(tagbottomright.gif) bottom right no-repeat;}
.tagatoz ul{list-style:none; overflow:hidden; margin: 0px; padding: 5px 5px 0px 5px; clear:left; width: 100%;}
.tagatoz ul li{list-style:none; float:left;  }
.tagatoz ul li a{font-size: 1.5em; }
.tagatoz ul li.current a:hover{color:#fff !important;}
.tagatoz ul li.current {background-color: #0567B2; }
.tagatoz ul li.current a {color: #ffffff !important;}
.tagatoz ul li a{text-decoration:none;}
.tagatoz ul li a span {display:block;}
.tagatoz li.current .aztl{background:url(tagaztopleft.gif) top left no-repeat;}
.tagatoz li.current .aztr{background:url(tagaztopright.gif) top right no-repeat;}
.tagatoz li.current .azbl{background:url(tagazbottomleft.gif) bottom left no-repeat;}
.tagatoz li.current .azbr{background:url(tagazbottomright.gif) bottom right no-repeat;}
.tagatoz li .azbr{display: block; padding: 5px 9px 5px 8px;}

a#cloudtab.taboff, a#listtab.taboff{font-size:1.1em;color:#fff !important;background-color: #999999;padding:3px;font-weight:bold;}

.objvisible{display:block !important;}

/*---------------------------------------------------------------------------------------------
Reports
---------------------------------------------------------------------------------------------*/
.reportpage{background-color: #dbeaf5 ;overflow:hidden; width: auto !important; margin-bottom: 20px; clear:left;}
.tagtl{background:url(tagtopleft.gif) top left no-repeat;}
.tagtr{background:url(tagtopright.gif) top right no-repeat;}
.tagbl{background:url(tagbottomleft.gif) bottom left no-repeat;}
.tagbr{background:url(tagbottomright.gif) bottom right no-repeat; padding-bottom: 10px;}
.reportpage ul{list-style:none; overflow:hidden; margin: 0px; padding: 10px 2px 10px 10px;float:left; clear:left;width: 100%;}
.reportpage ul li{list-style:none; float:left;  }
.reportpage ul li a, .reportpage h2 {font-size: 1em; }
.reportpage h2 {margin-top: 0; padding: .2em 2em 0 0;}
.reportpage ul li.current a:hover{color:#fff !important;}
.reportpage ul li.current {background-color: #0567B2; }
#content .reportpage ul li.current a {color: #ffffff !important;}
.reportpage ul li a{text-decoration:none;}
.reportpage ul li a span {display:block;}
.reportpage li.current .aztl{background:url(tagaztopleft.gif) top left no-repeat;}
.reportpage li.current .aztr{background:url(tagaztopright.gif) top right no-repeat;}
.reportpage li.current .azbl{background:url(tagazbottomleft.gif) bottom left no-repeat;}
.reportpage li.current .azbr{background:url(tagazbottomright.gif) bottom right no-repeat; color: #ffffff;}
.reportpage li .azbr{display: block; padding: 2px 5px 2px 5px;}
.reportpage .table{ clear: both; background-color: #fff; width: 98%; margin: 0 1% 0 1%;}
.reportpage .table .datatable{width: 100%; }
/*------------------------------------------------------
IE6 fix 
--------------------------------------------------------*/
.tagatoz ul li.current a:hover{color:#fff !important;}



/* ----- #.Table ----- */
.table-headercolumn {line-height: 1.8em; border-top: 1px solid #ddd;width:98%;}
.table-headercolumn th,
.table-headercolumn td {border-bottom: 1px solid #ddd; padding: 0.5em; vertical-align: top; }
.table-headercolumn th {/*background:#F7F3F7;*/text-align: left; padding: 0.5em;}
.table-headercolumn td {color: #333333;}
.table-headercolumn td p:first-child {margin-top: 0;}


/* ----- #.Video ----- */
.cab-video{height:216px;width:315px;}
.cab-video-wide{height:315px;width:560px;}

/* ----- #.FindMyBureau ----- */
.mapCanvas{margin:auto auto;height:400px;width:98%;}

/* ----- #.OilClubs ----- */
#map-ctr{display:block;}
#loc-list{float:left;margin-left:1%;overflow:auto;width:45%;}
#list{display:block;list-style-type:upper-alpha;}
#list li{border-bottom:1px solid #EEEEEE;cursor:pointer;padding:10px;}
#loc-list .even{background:#ecf4fa;}
.loc-name{font-weight:700;}
#map{float:left;height:500px;width:53%;}


/* ----- #.Table styles; Image with caption ----- */
div.imgCaptionleft {float:left; padding:0 15px 15px 0;}
div.imgCaptionright {float:right; padding:0 0 15px 15px;}


/* ----- #.Misc. ----- */
#content-column a[href$="bureaumap.htm?pc=N1"]{display:none;}
#content-column h4 {font:bold 1em arial;}
.indexbox li {background-position: 0px 5px;}
#newsletter{clear:both;}
.imageleft img{margin: 0 10px 10px 0;padding: 0 !important;}
.imageright img{margin: 0 0 10px 10px;padding: 0 !important;}
.clear{border:none;clear:both;display:block;font-size:0;height:0;visibility:hidden;}
#verisign-seal{float:right;width:135px;}
#verisign-seal a{color:#000000;font:bold 7px verdana,sans-serif;letter-spacing:.5px;margin:0px;padding:0px;text-align:center;text-decoration:none;}
#content-column{padding-bottom:1em;} /* had no spacing between element and footer */


/* ----- #.Home-content ----- */
#hp-news-notice p{font:1.1em/150% Arial;margin:0;padding:5px 5px 14px 15px;}
#hp-news-notice a{color:#006BB7;text-decoration:none;}
#hp-news-notice a:hover{color:605F5F;text-decoration: underline !important;}