@import url('colour-variations-alt.css');

/*
	
Document   : renfrewshire-site-style.css
Created on : March 31st 2011, 14:07 PM
Author     : Ronnie Brown
Description: CSS for new site.

*/

body {
	/*padding-top: 3em;*/
	xbackground: #fff url(../_img/18bg.png) top left repeat;
	/* Original font stack (Trebuchet) */
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size: 75%;
	/*background-color: #fcfcfc;*/
	color: #1f1f1f;
}

#hd {
	height: 7.5em;	
	margin-bottom:10px;
}

#bd {
	/*padding-top: 0.749997em;*/
}

#custom-doc {
	xbackground-color: #FFFFFF;
}

#spotlightPhoto {
	width: 491px; 
	height: 270px;
}

ul.panelList li a, #rhs li a {
	color: #707070;
	text-decoration: none;
}

#primaryNavContainer {
	padding: 0.75em 0 1.5em 0;
}

#greyPanel {
	padding: 1.499994em;
	background-color: #707070;
	color: #fff;
	margin-bottom: 1em;
}

#greyPanel p a {
	color: #fff;
	text-decoration: underline;
	font-style: italic;
}

#greyPanel p a:hover {
	text-decoration: none;
}

.colouredLink a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 2em;
}

.colouredLink a:hover {
	text-decoration: underline;
}

.colouredLink {
	padding: 1.75em 1em 0.75em 1em;
	height: 58px;
}

strong {
	font-weight: bold;
}

#emergencyPanel {
	background-color: #f1e60e; 
	margin: 0 0 1em 0;
	padding: 0.750006em;
	border: 0.041667em solid #e7dc04;
	width: 464px;
}

#emergencyPanel h2 {
	margin: 0 !important;
	line-height: 1em;
}

#emergencyPanel h2 a {
	color: #1f1f1f;
}

.clear {
	clear: both;
}

#featureItems .featureItem { 
	width: 236px;
	float: left;
	padding-right: 6px;
}

#featureItems .featureItem p { 
	padding-right: 0.4em;
}

.featurePhoto {
	width: 236px; 
	height: 130px; 
	margin-top: 2.5em;
	
}

/*
.spotlightImage a img, a.featurePhoto img, .thumbnails dt a img {
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	-khtml-opacity: 0.90;
}

.spotlightImage a:hover img, a.featurePhoto:hover img, .thumbnails dt a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0; 
}
*/

#inyourarea {
	background-color: #707070;
	color: #fff;
}
	
#inyourarea p {
	padding: 0 0.416665em;
}

#atoz {
	margin: 0;
	padding: 0;
}

#atoz li {
	display: inline;
}

#atoz li a {
	text-decoration: none;
	background-color: #ebebeb;
	width: 1em;
	display: inline-block;
	font-size: 2em;
	padding: 0.2em;
	margin: 0.2em;
	text-align: center;
	position: relative;
	top: -2px;
}

#atoz li a:hover {
	
	color: white;
}

h3.atozHeader a {
	color: #000 !important;
}

h3.atozHeader a:hover {
	text-decoration: none;
}


/* Main pages (i.e. *not* home page)
----------------------------------------------------------------*/
div.singleContent {
	padding: 0 0.5em ;
	margin: 0;
	padding-top:20px;
}

div.singleContent img {
    /*padding: 0 2em 1em 0;*/
	/*padding: 0 2em 0 0;*/
}

div.singleContent p a, div.singleContent ul li a, div#rhs p a, dl dd a, div.singleContent table td a {
	text-decoration: underline;
	color: #333;
}

div.singleContent p a:hover, div.singleContent ul li a:hover, div#rhs p a:hover, dl dd a:hover, div.singleContent table td a:hover {
	text-decoration: none;
	color: #333;
}

div#rhs {
/*	padding-top: 5.666644em;*/
}

div#rhs img {
	margin-bottom: 1.5em;
}

div#rhs p {
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin-bottom: 0.818182em;
	padding: 0 0.416665em;
}

/* Table
--------------------------------*/
/*.singleContent table {
	width: 100%;
	margin: 1.666672em 0;
}*/

/*.singleContent table tr:nth-child(even) {
  background-color: #f3f3f3;
}
*/

.singleContent table thead tr th {
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: top;
}

/*
.singleContent table tbody tr td, .singleContent table tbody tr th {
	border-bottom: 1px solid #ebebeb;
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: top;
}
*/



/* Lists
----------------------------------------------------------------*/
/* Side Panel
--------------------------------*/
/*
ul.panelList li a.strongPanelLink {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
*/





/* Footer
--------------------------------*/
#ft {
	padding: 1.166662em 0 0 0;
}

#ft ul {
	text-align: center;
	padding: 0.833330em 0;
}

#ft ul#topFooter a {
	color: #717171;
	font-weight: bold;
}

#ft ul#bottomFooter {
	padding-bottom: 2.083325em;
}

#ft ul#bottomFooter a {
	color: #fff;
}

#ft ul li {
	display: inline;
	margin: 0 1em;
}

#ft ul li a {
	text-decoration: none;
}

#ft ul li a:hover {
	text-decoration: underline;
}

/* Breadcrumbs
--------------------------------*/



/* login
--------------------------------*/
ul#login {
	margin: 0;
	margin-bottom: 1em; 
	float:right;
}

ul#login li {
	display: inline;
	color: #999;
}

ul#login li a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

ul#login li a:hover {
	color: #999;
	text-decoration: underline;
}

/* Side navigation 
--------------------------------*/
ul#level1, ul#level1 li, ul#level2, ul#level2 li  {
	margin: 0 0 1px 0;
	padding: 0;
	display: block;
}

ul#level1 li a {
	background-color: #707070;
}

ul#level2, ul#level2 li, ul#level3, ul#level3 li {
	display: inline;
}

ul#level1 li {
	width: 100%;
}

ul#level1 li a {
	padding: 0.5em;
	color: #fff;
	display: block;
	text-decoration: none;
}

ul#level2, ul#level2 li {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul#level2 li a {
	padding: 0.5em;
	background-color: white;	
	text-transform: none;	
	color: #000;
	display: block;
	text-decoration: none;
}

ul#level2 li a:hover {
	/*background-color: #e0e0e0;*/
}

ul#level3, ul#level3 li {
	margin: 0;
	padding: 0;
}

ul#level3 li a {
	/*
	padding: 0.8em;
	background-color: white;	
	text-transform: none;	
	color: #555;
	display: block;
	text-decoration: none;
	font-size: 0.9em;
	*/
	margin-left: 20px !important;
}

ul#level3 li a:hover {
	/*
	text-decoration: none;
	background-color: white;
	padding-left: 10px;
	*/
}

/* General lists
--------------------------------*/


div.singleContent ul li ul {
	margin-bottom: 0;
}

div.singleContent ul li {
	list-style-type: disc;
	margin-bottom: 0.333332em;
}

div.singleContent ol {
	margin-left: 1.333328em;
	margin-bottom: 1.5em;
}

div.singleContent ol li {
	list-style-type: decimal;
	margin-bottom: 0.333332em;
}

div.singleContent ul.inline li {
	display: inline;
}

div.singleContent ul#breadcrumb {
	/*margin-bottom: 1.333328em;*/
}

/* Definition Lists (thumbnails)
--------------------------------*/
/* thumbnails v1 and v2 */

dl.thumbnails dt {
	width: 121px;
	height: 66px;
	float: left;
	margin-bottom: 2em;
	margin-right: 1em;
}

dl.thumbnails dd {
	margin-left: 121px;
}
}


dl.thumbnails_v2 {
	margin-top: 2em;
}
					
dl.thumbnails_v2 dt {
	float: left;
}

dl.thumbnails_v2 dd {
	margin-left: 131px;
}

dl.thumbnails_v2 dd, dl.thumbnails_v2 dt {
	border-bottom: 1px solid #ccc;
	height: 130px;
	margin-bottom: 2em;
	padding-bottom: 2em;
}
					
dl.thumbnails_v2 dd:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.clear {
	clear: both;
}
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

/* Forms
----------------------------------------------------------------*/

/* Search
--------------------------------*/
#search {
	float: right; 
	position: relative; 
	top: 4px; 
	left: 6px;
}

#search img {
	position: relative; 
	top: 9px; 
	left: -6px; 
	cursor: pointer;
}

#search input[type=image] {
	position: relative; 
	top: 9px; 
	left: -4px;
}

#search input[type=text] {
	border: solid 1px #ccc;
	position: relative;
	color: #ccc;
	padding: 0.416665em;
	width: 16.6em;
}

#search input[type=submit] {
	color: #1f1f1f;
    margin-top: 10px;
}

/* Carousel
--------------------------------*/
#inner {
	position: relative;
	overflow: hidden;
	margin-bottom: 1em;
}

#carousel .spotlightImage {
	width: 484px;
	float: left;
	position: relative;
	left: 2px;
}

#carousel .spotlightImage img {
	display: block;
	float: left;
	margin-bottom: 1em;
/*	border: 0.166666em solid #f1f1f1;*/
}

.pagination {
	position: absolute;
	top: 242px;
	left: 428px;
	margin: 0;
	padding: 0;
	width: 51px;
	padding: 5px 0 2px 5px;
}

.pagination a {
	background: url(../_img/sprite.png) -12px 0 no-repeat transparent;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0;
}

.pagination a.selected {
	background-position: 0 0;
	cursor: default;
}

.pagination a span {
	display: none;
}


/* Added by nishtha - to make the image button position in firefox and chrome */
#searchBtn{
margin-top:3px;
position:relative;
top:8px;
left:-3.6px;

}

#textinput{
position: relative;
	top: -1px;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#searchBtn{ 
		margin-top:3px;
		position:relative;
		top:8px;
		left:-4px; 
	
	}   
} 

/* Rate this information
--------------------------------*/




/* Images
----------------------------------------------------------------*/




/* GSA css methods  */
/*----------------------------------------------------------------*/
#gsa_bd {
	/*padding-top: 0.749997em;*/
	margin-top:-28px;
}

#primaryNavContainerGSA{
 	 /* padding: 0.75em 0 1.5em 0;*/
	 padding: 4.555em 0 1.5em 0;
}

h1#gsa_h1 {
	/* 28x */

	font-size: 2.3333em;
	line-height: 0.642857em;
	font-weight: bold;
	padding: 1.285704em 0.871424em 0.571424em 0.031424em;
	
	/* font-size: 2.2em;*/
	/* changed from GSA
	font-size: 2.333333em;
	padding: 1.285704em 0.571424em 0.571424em 0.571424em;
	*/
}

h1#gsa_h1 a {

	color:white;
	text-decoration: none;
	
	padding-left:15px;
	margin-bottom:95px;
	
	/* added extra from GSA 
	font-size: 1.1em; 
	
	display: inline;
	line-height: 0.699em;
	
	float:left;
	*/
}

h1#gsa_h1 a:hover {
	text-decoration: underline;
}

ul#gsa_primary_nav {
	font-size: 1.3em;
	line-height: 0.1em;
}

ul#gsa_primary_nav {
    /* changed for GSA */
	/* margin: 1.6666em 0 1.99994em 0; */
	float: left;
}

ul#gsa_primary_nav li {
	display: inline-block;
	/* margin: 0 1.5em 0 0;  */	
	/* Added extra for GSA */	
	
	float: left;	
	
	/* changed from wpdev
	margin: 0 1.333328em 0 0;
	margin: 0 0.666666em 0 0; 
	*/
}


ul#gsa_primary_nav li:last-child {
	/*margin-left: 10.083293em !important;*/
}

ul#gsa_primary_nav li a {
	text-decoration: none;
	color: #707070;
	padding: 0.4em;
	display: block;
	
	position: relative;
	top: -26px;
	left: -1px;

	/* changed for GSA
	padding: 0.3em;
	*/
}

/* changed for GSA*/
ul#gsa_primary_nav li a:hover, ul#gsa_primary_nav li a.on:hover {
	text-decoration: underline;
	color: #333;
	/*padding: 0.3em; */
}



ul#gsa_primary_nav li a.on {
	text-decoration: none;
}


#gsa_search {
	float: right; 	
	position: relative; 
	top: 4px; 
	left: 6px;
	
}

#gsa_search img {
    
	/* changed for GSA */
	position: relative; 
	top: 9px; 
	left: -6px; 
	cursor: pointer;
	margin-top: 11px;
}

#gsa_search input[type=text] {
	border: solid 1px #ccc;
	position: relative;
	color: #ccc;
	padding: 0.416665em;
	
	/* Added extra for GSA 
	height: 1.2em;
	width: 16.6em;
	*/	
}

#gsa_search input[type=text].focus {
	color: #000;
	
}

#gsa_search input[type=submit] {
	color: #1f1f1f;
    margin-top: 6px;
}

/* Main pages (i.e. *not* home page)
----------------------------------------------------------------*/
div.gsa_singleContent {
	padding: 0;
	margin: 0;
}

div.gsa_singleContent p a, div.gsa_singleContent ul li a, div#gsa_rhs p a {
	text-decoration: underline;
	color: #333;
}

div.gsa_singleContent p a:hover, div.gsa_singleContent ul li a:hover, div#gsa_rhs p a:hover {
	text-decoration: none;
	color: #333;
}

/* Table
--------------------------------*/
.gsa_singleContent table {
	width: 100%;
}

.gsa_singleContent table thead tr th {
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0.5em 0.5em 0;
}

.gsa_singleContent table tbody tr td {
	border-bottom: 1px solid #ebebeb;
	padding: 0.5em 0.5em 0.5em 0;
}

div.gsa_singleContent p {
	line-height: 1.5em;
	margin: 0.416668em 0 1.499994em 0;
}

.gsa_singleContent h2 {
	/* 36px */
	font-size: 2.5em;
	line-height: 1em;
	padding: 0;
	margin: 0 0 0.416670em 0;	
}

div.gsa_singleContent h3 {
	margin-bottom: 0.500004em;
}

.gsa_singleContent h4 {
	/* 16px */
	font-size: 1.333333em;
	line-height: 1.125em;
	font-weight: bold;
	padding: 0.250000em 0;
	color: #000;
	background-color: #fcfcfc;
}

.gsa_singleContent h4 a {
	color: #000;
}

.gsa_singleContent h4 a:hover {
	text-decoration: none;
}

/* General lists
--------------------------------*/
div.gsa_singleContent ul {
	margin-left: 1.333328em;
	margin-bottom: 1.5em;
}

div.gsa_singleContent ul li ul {
	margin-bottom: 0;
}



div.gsa_singleContent ul li {
	list-style-type: disc;
	margin-bottom: 0.333332em;
}

div.gsa_singleContent ul.inline li {
	display: inline;
}

div.gsa_singleContent ul#breadcrumb {
	/*margin-bottom: 1.333328em;*/
}

#gsa_rhs li a {
	color: #707070;
	text-decoration: none;
}

div#gsa_rhs p a {
	text-decoration: underline;
	color: #333;
}

div#gsa_rhs p a:hover {
	text-decoration: none;
	color: #333;
}

div#gsa_rhs {
	 
	 /* padding-top: 5.666644em; */

}

div#gsa_rhs img {
	margin-bottom: 1.5em;
}

div#gsa_rhs p {
/*
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin-bottom: 0.818182em;
	padding: 0 0.416665em;
*/
}

#gsa_rhs ul {
	margin: 0.916663em 1.499994em 1.416661em 1.499994em ;
	font-size: 1em;
	/*line-height: 1.1em;*/
	line-height: 1.3em;
}

#gsa_rhs ul li {
	margin-bottom: 0.6em;
}

/*
div #gsa_utilLinks {
	text-align: left;
	/*padding: 1.999992em 5.999976em 0 0;*/
	/*padding: 2.999988em 11.999952em 0 0;*/
	/*padding: 2.000000em 0 0 0;8 */
	
	
	/* changed for GSA
	padding: 2.222204em 0 0 0;
	*/
	/*
	padding:2.2222em 0 0;
}
*/
/*
div #gsa_utilLinks li {
	display: inline;
	margin-left: 1.5em;
}
*/
/* cookie law banner */
#cookielaw {
	width: 80%;
	margin: auto;
	text-align: left;
	margin-top: 1em;
	padding: 1em 1em 0.5em 1em;
	background-color: #f0f0f0; 
	border: 1px solid #ccc;
	display: none;
}

#cookielaw a {
	color: #333;
}

#cookielaw a:hover {
	text-decoration: none;
}
div.fb-like {
	display: block;
}
div#ttlogo {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.c_icon h1 {
    color: #950069!important;
}