body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-repeat: repeat-y;
	background-position: top;
	margin-top: 10px;
	background-image: url(../images/decorative/body_bg2.gif);
}
#wrapper {
	width: 780px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
}

/*Branding area at top of page */

#branding {
	float: left;
	background-color: #006584;
	width: 277px;
	margin: 0px;
	height: 10.9em;
}
#branding img{
	margin: 0px;
	padding: 0px;
}
/*Creates rollover box over logo*/
#branding a:hover, #branding a:focus, #branding a:active {
	border:1px solid #d1bb3f;
	display:block;
	position:relative;
	top: -1px;
	left: -1px;
	height: 68px;
	width: 277px;
	
}

#masthead {
	background-color: #006685;
	margin: 0px;
}
/*Styling for top-right of page. Background image on separate 'brand' stylesheets*/
#headerimage {
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	height: 10.9em;
	width: 503px;
	float: left;
	background-color: #006584;
}
#headerimage form{
	float: right;
	clear: none;
	margin: 0px;
	padding: 3px 5px 2px 2px;
	font-size: .8em;
	font-weight: bold;
	width: 210px;
}
#headerimage img{
	margin: 0px;
	padding: 0px;

}
#headerimage a{
	color: #000000;
}

/*Styling for search form at top of page*/
.search {
	margin-top: 5px;
	margin-right: 0px;
	
}
.text_button {
	background:none;
	border:0;
	font-weight:bold;
	font-size:1.4em;
	color:#333;
	cursor:pointer;
	float: right;
	position: absolute;
}
.text_button_hover {
	background:none;
	border:0;
	font-weight:bold;
	font-size:1.4em;
	text-decoration:underline;
	color:#000;
	cursor:pointer;
	float: right;
	position: absolute;
}
/*area that operates the style sheet switch links*/
.resize {
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 7px;
	margin-right: 0px;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}
.big {
	font-size: 1.4em;
	padding-left: 5px;
}
.big a {
	text-decoration: underline;
}
.big a:hover {
	text-decoration: none;
	color: #000000;
}
.skip {
	float: left;
	margin-top: 5px;
}
/*breadcrumb formatting */
#breadcrumbs {
	font-size: 0.8em;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 12px;
	clear: both;
	margin-bottom: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #006685;
}

/*Navigation bar containing links to 'about us', 'our work' etc*/

#mainnav {
	margin: 0px 0px 7px;
	padding: 0px;
}
#mainnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #E7D784;
	width: 780px;
	float: left;
}
	
#mainnav li {
display: inline;
	float: left;

}
#mainnav ul a {
	padding-right: .7em;
	padding-left: .7em;
	color: #333333;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	background-image: url(../images/decorative/divider_gold.gif);
	background-repeat: repeat-y;
	background-position: right top;
	display: block;
}
#mainnav ul a:hover, #mainnav ul a:focus, #mainnav ul a:active { background-color: #D1BB3F; text-decoration: underline;}

#content {
	margin: 0em;
	padding: 0px;
	width: 600px;
	float: right;
}
#content3col {
}
#maincontent {
	width: 420px;
	float: left;
	margin-bottom: 20px;
}
#twocolcontent {
	float: left;
	margin-bottom: 20px;
}

/*Used in utilities pages such as links, privacy, accessibility statement etc*/
#narrowcol {
	width: 500px;
	margin-left: 100px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #999999;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	margin-bottom: 20px;
	padding-left: 20px;
}
/*left hand side navigation*/

#subnav {
	float: left;
	width: 170px;
	margin: 0px;
	padding: 0px;
}
#subnav img {
	border: 0;
}
/*controls base atttributes of content and navigation on right hand side of pages*/

#secondnav {
	float: right;
	width: 170px;
	padding-left: 3px;
}


/*White text near top of page*/
.tagline{
	font-size: 1.5em;
	font-weight: normal;
	color: #FFFFFF;
	padding: 6px 6px 6px 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

h1{
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0px;
	color: #333333;
	margin-bottom: 15px;
}

h2{
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}

h3 {
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 0px;
	color: #666666;
	margin-bottom: 0px;
	margin-top: 0px;
}

p, ul {
	font-size: 0.9em;
	margin-top: 10px;
	margin-bottom: 5px;
}

a {
	text-decoration: none;
	color: #006685;
}
a:hover {
	text-decoration: underline;
}
a:active, a:focus {
	text-decoration: underline;
	background-color: #E3D57F;
}
/*styles for our work section main content and corporate documents*/

#reports {
	margin-bottom: 15px;
}
#reports h2 {
	margin-bottom: 0px;
	color: #464646;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 7px;
	padding-bottom: 6px;
	margin-top: 15px;
}

#reports p{
	margin-top: 5px;
	margin-bottom: 2px;
}
#reports ul {
	list-style-type: none;
	margin: 5px 0px 0px;
	padding-right: 3px;
	padding-left: 3px;
}
#reports li {
	padding-bottom: 4px;
	margin: 0px;
	font-weight: normal;
	color: #000000;
}
#reports a {
	color: #333333;
	text-decoration: none;
}
#reports a:hover {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #333333;
}
.health h2 {
	background-color: #dee8ea;
	background-image: url(../images/decorative/lblue_bg_rep.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.central h2 {background-color: #EFF3EF;
	background-image: url(../images/decorative/green_bg_rep.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.all h2 {
	background-position: left top;
	border: 1px solid #CCCCCC;
}
.local h2, .corp h2 {
	background-color: #FBF3CE;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/decorative/gold_bg_rep.jpg);
}

.forward h2 {
	background-color: #EAE1E8;
}

/*description of report with grey background*/
.summary {
	background-color: #E9E9E9;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 4px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-bottom: 2px;
}
.summary a{
	color: #000000;
	text-decoration: underline;
}
.summary a:hover{
	text-decoration: none;
}


/*Used on Equality page*/
.question{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: 1px solid #CCCCCC;

}

/*headline above news items on homepage*/

.latestnews{
	background-color: #EBEBEB;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #333333;
	border: 1px solid #CCCCCC;
}


/*text and image style on homepage, latest news*/
.newsitem {
	margin: 0px 0px 20px;
	text-align: left;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 4px;
	float: none;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.newsitem img{
	margin-right: 9px;
	margin-bottom: 35px;
	border: 1px solid #666666;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 15px;
	float: left;
}

.newsitem  h2 {
	margin-bottom: 12px;
	padding-top: 0px;
	margin-top: 0px;
}

.newsitem a{
	color: #333333;
}
.newsitem  a:hover{
	text-decoration: underline;
}

/*text on main article page within media section*/
#article {
	margin: 0px;
	text-align: left;
	padding: 0px;
}
#article img{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#article h2 {
	padding: 8px 0px 0px;
	margin-bottom: 10px;
}
#article a{
	color: #333333;
}

#article p{
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0px;
}

.news_date {
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.date {
	font-size: 0.7em;
	font-style: italic;
	margin-bottom: 0px;
	background-color: #EEEEEE;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*this and colour styles desctibe the navigation and content panels throughout the site*/

.infopanel h2, h3, p, ul{
	padding-left: 3px;
	padding-right: 3px;

}

.infopanel h2 {
	font-size: 1em;
	margin-bottom: 0px;
}
.infopanel h3{
	font-weight: bold;
	color: #666666;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.infopanel p{
	margin-bottom: 3px;
	padding-bottom: 0px;
	margin-top: 3px;
}
.infopanel ul{
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	font-size: 0.9em;
}
strong {
	color: #333333;
}

.infopanel li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.infopanel a {
	color: #005670;/* Changed to increase contrast for visually impaired #006685;*/
	border-bottom-style: none;
	font-weight: normal;
}
.infopanel a:hover {
	text-decoration: underline;
}

/*Boxes with coloured background headings*/

.lilac, .blue, .lblue, .gold, .green, .orange {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-left: 2px;
}
/*space around the heading*/
.lilac h2, .blue h2, .lblue h2, .gold h2, .green h2, .orange h2, .year h2, .advsearch h2 {
	margin-top: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-repeat: repeat-y;
	padding-left: 5px;
}

.blue {
	background-image: url(../images/decorative/panel_greygrad.gif);
	background-repeat: repeat-y;
}

.blue h2, .blue h2 a {
	color: #FFFFFF;
	background-image: url(../images/decorative/bg_teale.gif);
	font-weight: bold;
}

.lilac h2, .lilac h2 a/*, .year h2 */{
	color: #FFFFFF;
	background-image: url(../images/decorative/bg_lilac.gif);
	font-weight: bold;
}
.green h2, .green h2 a {
	color: #303030;
	background-image: url(../images/decorative/bg_green2.gif);
	font-weight: bold;
}
.gold h2, .gold h2 a {
	color: #303030;/*#313031*/
	background-image: url(../images/decorative/bg_goldgrad.gif);
	font-weight: bold;
}

.lblue h2, .lblue h2 a{
	color: #303030;/*#333333*/
	background-image: url(../images/decorative/lblue_bg.gif);	
	font-weight: bold;
}
.orange h2, .orange h2 a{
	color: #333333;
	background-image: url(../images/decorative/bg_orange.gif);	
}

/*navigation by year*/
.year {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	margin-bottom: 10px;
}
.year h2 {
	font-weight: normal;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}
.year a {
	color: #006685;
	text-decoration: none;
}

/*styling for search panels*/
.advsearch {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px 0px 5px;
	border: 1px solid #CCCCCC;
}
.advsearch p{
	margin-bottom: 0px;
	padding-bottom: 2px;
	color: #666666;
	font-size: 1em;
}
.advsearch h2 {
	font-size: 1.1em;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-left: 0px;
	font-weight: normal;
	background-color: #EEEEEE;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.advsearch form {
	padding-top: 4px;
	padding-left: 4px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}
/*Makes text turn teale*/
.highlight {
	color: #006584;
}

/*Used for main content on complaints page*/
#complaints {
	margin-bottom: 10px;
}
#complaints h2{
	margin: 15px 0px 5px;
	padding: 10px 0px 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}	
#complaints a{
	color: #006584;
	text-decoration: none;
}
#complaints a:hover{text-decoration: underline;}


/*For styling lists of links in a main content area*/
.linklist {
	list-style-type: none;
	margin: 7px 0px 0px;
	padding: 0px;
	font-size: .9em;
}
.linklist ul a{
	color: #006584;
	text-decoration: none;
}
.linklist ul a:hover{
	text-decoration: none;
}
.linklist li{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}



/*text underneath Bob and Alasdair's pictures*/
.caption {
	font-size: .9em;
	padding-right: 7px;
	padding-left: 7px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	margin-top: 0px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-bottom: 5px;
}
/*changes active link colour on main navigation bar to dark gold*/
#home #mainnav .home a, #about #mainnav .about a, 
#work #mainnav .work a, #media #mainnav .media a, 
#careers #mainnav .careers a, #contact .contact a {
	color: #333333;
	background-color: #d1bb3f;
}



/*changes active link to have arrow in side navigation*/
#health_nr .health_nr a, #health_audit .health_audit a, #health_s22 .health_s22 a, #health_imp .health_imp a, #central_nr .central_nr a, #central_audit .central_audit a, #central_s22 .central_s22 a, #central_imp .central_imp a, #local_nr .local_nr a, #local_audit .local_audit a, #bv_home .bv_home a, #bv .bv a, #bv2 .bv2 a, #bv_fire_rescue .bv_fire_rescue a, #bv_police .bv_police a, #bv_tool .bv_tool a, #bv_scrutiny .bv_scrutiny a, #local_perf .local_perf a, #local_stat .local_stat a, #local_hb .local_hb a, #local_imp .local_imp a, #improving .improving a, #strategic .strategic a, #assurance .assurance a, #schedule .schedule a, #audits .audits a, #as_people .as_people a, #as_docs .docs a, #ags_docs .ags_docs a, #as_minutes .minutes a, #as_complaints .complaints a, #ac_docs .ac_docs a, #ac_minutes .ac_minutes a, #shetland .shetland a, #members .members a, #race .race a, #str1 .str1 a, #str2 .str2 a, #str3 .str3 a, #ewp .ewp a, #ewp_q .ewp_q a, #diversity .diversity a, #ac_diversity .ac_diversity a
{
	padding-left: 12px;
	background-image: url(../images/decorative/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#bv_home li li, #bv li li, #bv2 li li, #bv_police li li, #bv_tool li li {
	font-size:12px;
	padding-left:10px;
}
#about_audit .audit a, #about_ac .ac a, #about_ags .ags a, #pr .pr a, #latest .latest a {
	padding-left: 12px;
	background-image: url(../images/decorative/arrow_g.gif);
	background-repeat: no-repeat;
	background-position: left;

}

/*used on contact us page and our work homepage*/
.left {
	float: left;
	margin-right: 10px;
	width: 170px;
}


/*text and image style on staff pages*/
.people  {
	margin: 0px 0px 15px;
	text-align: left;
	background-color: #F3F3F3;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 15px;
	padding-left: 10px;
	border-top: 1px dashed #7BAE4A;
	border-bottom: 1px dashed #7BAE4A;
	clear: both;
}
.people  p{
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 15px;
}
.people  img{
	float: left;
	border: 1px solid #666666;
	margin-right: 15px;
	margin-bottom: 30px;
}
.people   h2 {
	margin-bottom: 15px;
	padding-top: 0px;
	margin-top: 0px;
}
.people  a{
	text-decoration: underline;
	color: #333333;
}
.people  a:hover{
	text-decoration: underline;
}

.email a{
	padding-left: 19px;
	background-image: url(../images/decorative/mail.gif);
	background-repeat: no-repeat;
	background-position: 3px;
}

/*for results from keyword search*/

#searchresults {
	padding-top: 30px;
	padding-bottom: 50px;
}
.searchresults {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
}
#searchresults h2{
	margin-top: 3px;
	margin-bottom: 3px;
}
#searchresults h3{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #006685;
	background-color: #ffffff;
}

/*text with background images, inc. for local gov and podcasts*/

.map, .pen, .complaint, .nfi, .podcast, .fwd, .ac_box, .ags_box, .rss, .twitter, .scrutiny, .home_bv2, .bv_fire .shetland, .response, .bv_fire {
	padding-left: 70px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	padding-right: 1px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;

}
.accounts {
	padding-left: 70px;
	margin-top: 5px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding-right: 1px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 0px;

}
.accountstext {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-top:0px;
}

/*.map a, .complaint a, .nfi a, .podcast a, .fwd a, .ac_box a, .ags_box  a { 
}*/

.nfi, .ac_box, .fwd, .ags_box, .publist {
	padding-top: 14px;
	padding-bottom: 14px;
}

.map {
	background-image: url(../images/decorative/map2.gif);
	background-position: -5px;
	}
.complaint {
	background-image: url(../images/decorative/complaints.jpg);
	background-position: -20px -20px;
}
.shetland {
	background-image: url(../images/covers/2010/shetland.jpg);
	background-position: -30px -10px;
	background-repeat:no-repeat;
}
.nfi {
	background-image: url(../images/decorative/nfi.jpg);
	background-position: -25px -40px;
}
.podcast {
	background-image: url(../images/decorative/podcast.jpg);
	background-position: -25px;
}
/*.bv2 {
	background-image: url(../images/decorative/bv2.jpg);
	background-position: -15px -5px;
}*/
.bv_fire {
	background-image: url(../images/decorative/leaves.jpg);
	background-position: -102px -38px;
	margin-bottom:10px;
	background-repeat: no-repeat;
}
.response {
	background-image: url(../images/decorative/response.jpg);
	background-position: -3px 0px;
	background-repeat: no-repeat;
}
.scrutiny {
	background-image: url(../images/decorative/branch.jpg);
	background-position: -10px -17px;
}
.home_bv2 {
	background-image: url(../images/decorative/home_bv2.jpg);
	background-position: -75px 0px;
}
.accounts {
	background-image: url(../images/decorative/coins2.jpg);
	background-position: -55px 0px;
}
.pen {
	background-image: url(../images/covers/2010/pen.jpg);
	background-position: -33px -25px;
	background-repeat: no-repeat;
}
.publist {
	background-image: url(../images/decorative/pubslist.jpg);
	background-repeat: no-repeat;
	background-position: -25px -30px;
	padding-left: 70px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	padding-right: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
}
.publist a {
	color: #006685;
}
.fwd {
	background-image: url(../images/decorative/fwd_white.jpg);
	background-position: -20px -10px;
}
.ac_box {
	background-image: url(../images/decorative/ac.jpg);
	background-position: -20px -25px;
}
.ags_box  {
	background-image: url(../images/decorative/ags.jpg);
	background-position: -20px -10px;
}

.rss {
	background-repeat: no-repeat;
	background-position: 15px center;
	background-image: url(../images/decorative/rss_feed.gif);
	background-color: #EEEEEE;
}
.twitter {
	background-repeat: no-repeat;
	background-position: 20px center;
	background-image: url(http://twitter-badges.s3.amazonaws.com/t_small-a.png);
	background-color: #EEEEEE;
}
.pdf, .rtf {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}
.pdf {
	background-image: url(../images/decorative/pdf.gif);
}
.rtf {
	background-image: url(../images/decorative/rtf.gif);
}
/*back to top link with arrow graphic*/

.top {
	background-image: url(../images/decorative/top.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 0px;
}

/*Navigation in footer area */

#footer {
	float: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	padding-top: 10px;
}

.copyright {
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: .8em;
}

#utilities {
	float: right;
}
#utilities ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: .8em;
}
#utilities li { display: inline; }
#utilities ul a {display: inline; color: #006685; padding-right: 0.35em; padding-left: 0.35em; text-decoration: none; }
#utilities ul a:hover { text-decoration: underline; }
table {
	background-color: #E9E9E9;
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
	margin-top: 30px;
}
td, th {font-size: .8em; padding: 3px;}
th {
	text-align: left;
}
td {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
caption {
	text-align: left;
	font-size: .9em;
	font-weight: bold;
	color: #333333;
	padding-bottom: 5px;
}


/*.survey {
	background-image: url(../images/decorative/speaker.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 30px;
}*/
#printlogo {display: none;}
.hide {
	position: absolute;
	right: 2000px;
}
abbr {
	border-bottom:dotted 1px;
}