/* Homepage only  */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* Category Blocks */

ul.homepage_category_blocks {
	margin:1em 0 2em 0;
}

ul.homepage_category_blocks li{
	margin:0.5em 0 0.5em 0;
	list-style-type:none;
}

.homepage_category_blocks h3 {
	font-size:100%;
	color:#000;
	display:block;
	margin:0;	
	
}

.homepage_category_blocks h3 span { 
	float:left;
	width:188px;
	position:relative;
	background-position: top center;
	background-repeat:no-repeat;
}

.homepage_category_blocks li h3 a{
	border:0;
	background:#e3e3e3 url('/2010/if/bg_homepage_cat_h3.gif') no-repeat right top ;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius : 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #777;
	color:#464646;
	text-decoration:none;
	display:block;
	padding:0.3em;
	line-height:130%;

}


.homepage_category_blocks li h3 a:hover {
	background-image: url('/2010/if/bg_homepage_cat_h3_over.gif');
}
/* Benefits */


li.benefits h3 {
	background-color:#fff;
	border-bottom:6px solid #06C;
	border-top:6px solid #06C;
}

li.benefits h3 span {
	background-image:url('if/people-leisure-transx.png');
}


.homepage_category_blocks li.benefits ul li a.more_of_this_category {
	background-color:#fff;
}


/* Business */


li.business h3 {
	background-color:#fff;
	border-bottom:6px solid #01acf1;
	border-top:6px solid #01acf1;
}

li.business h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.business ul li a.more_of_this_category {
	background-color:#fff;
}

/* Care */

li.care h3 {
	background-color:#fff;
	border-bottom:6px solid #01c5af;
	border-top:6px solid #01c5af;
}

li.care h3 span {
	background-image:url('if/people-leisure-transx.png');
}


.homepage_category_blocks li.care ul li a.more_of_this_category {
	background-color:#fff;
}

/* Education */


li.education h3 {
	background-color:#fff;
	border-bottom:6px solid #08c865;
	border-top:6px solid #08c865;
}

li.education h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.education ul li a.more_of_this_category {
	background-color:#fff;
}

/* Environment */


li.environment h3 {
	background-color:#fff;
	border-bottom:6px solid #44c910;
	border-top:6px solid #44c910;
}

li.environment h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.environment ul li a.more_of_this_category {
	background-color:#fff;
}

/* Housing */

li.housing h3 {
	background-color:#fff;
	border-bottom:6px solid #f6e911;
	border-top:6px solid #f6e911;
}

li.housing h3 span {
	background-image:url('if/people-leisure-transx.png');
}


.homepage_category_blocks li.housing ul li a.more_of_this_category {
	background-color:#fff;
}

/* Jobs */


li.jobs h3 {
	background-color:#fff;
	border-bottom:6px solid #f5d700;
	border-top:6px solid #f5d700;
}

li.jobs h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.jobs ul li a.more_of_this_category {
	background-color:#fff;
}

/* Leisure */


li.leisure h3 {
	background-color:#fff;
	border-bottom:6px solid #fc891e;
	border-top:6px solid #fc891e;
}

li.leisure h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.leisure ul li a.more_of_this_category {
	background-color:#fff;
}

/* Parking */

li.parking h3 {
	background-color:#fff;
	border-bottom:6px solid #ec0000;
	border-top:6px solid #ec0000;
}

li.parking h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.parking ul li a.more_of_this_category {
	background-color:#fff;
}

/* People */

li.people h3 {
	background-color:#fff;
	border-bottom:6px solid #f6008d;
	border-top:6px solid #f6008d;
}

li.people h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.people ul li a.more_of_this_category {
	background-color:#fff;
}

/* Planning */


li.planning h3 {
	background-color:#fff;
	border-bottom:6px solid #a82dad;
	border-top:6px solid #a82dad;
}

li.planning h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.planning ul li a.more_of_this_category {
	background-color:#fff;
}

/* Council */

li.council h3 {
	background-color:#fff;
	border-bottom:6px solid #814ceb;
	border-top:6px solid #814ceb;
	
}

li.council h3 span {
	background-image:url('if/people-leisure-transx.png');
}

.homepage_category_blocks li.council ul li a.more_of_this_category {
	background-color:#fff;
}


ul.homepage_category_blocks li {
	float:left;	
	margin-right:12px;
	width:194px;
}

li.set_height {
	/*min-height:170px;*/
}

* html ul.homepage_category_blocks li {
	margin-right:3px;
}

ul.homepage_category_blocks li ul {
	margin:0;
}

.homepage_category_blocks li ul li {
	float:left;
	margin:0;
}

.homepage_category_blocks li ul li a{
	display:block;
	background-color:#fff;
	font-size:90%;
	min-height:1.5em;
	text-decoration:none;
	background-color:#ebebeb;
	-webkit-border-radius : 0;
	-moz-border-radius :  0;
	border-radius : 0;
	text-decoration:none;
}

li ul li a.odd {
	background-color:#f3f3f3;
}

.homepage_category_blocks li ul li a.more_of_this_category {
	font-size:80%;	
	-webkit-border-bottom-right-radius : 0.5em;
	-webkit-border-bottom-left-radius : 0.5em;
	-moz-border-radius-bottomleft :  0.5em;
	-moz-border-radius-bottomright :  0.5em;
	
	text-align:right;
	background-color:##E7EDF0;
	color:#000;
	text-decoration:none;
}

.homepage_category_blocks li ul li a:hover, .homepage_category_blocks li ul li a:active, .homepage_category_blocks li ul li a:focus, .homepage_category_blocks li ul li a.odd:hover,  .homepage_category_blocks li ul li a.odd:focus, .homepage_category_blocks li ul li a.odd:active {
	color:#000;
	background-color:#FFDA00;
	background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFDA00), to(#e9d000)); 
	background-image : -moz-linear-gradient(left top, left bottom, from(#FFDA00), to(#e9d000));
}



/* More Homepage only classes and stuff */
/* This time for the accorian do it on-line bit */


#accordion {
	width:300px;
	margin:0 auto;
	padding-bottom:2em;
	-webkit-border-bottom-right-radius : 0.5em;
	-webkit-border-bottom-left-radius : 0.5em;
	-moz-border-radius-bottomleft :  0.5em;
	-moz-border-radius-bottomright :  0.5em;
	background-color:#005D85;
	margin-bottom:1em;
		text-align:left;
}

#accordion div {
	background-color:#fff;	
}

#accordion h3 {
	font-size:120%;
	color:#fff;
	margin:0;
}

#accordion h3 a{
	display:block;
	color:#000;
	background-color:#f4f4f4;
	background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4f4f4)); 
	background-image : -moz-linear-gradient(left top, left bottom, from(#ffffff), to(#f4f4f4));
	padding:10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #777;
	text-decoration:none;
	background-image:	url('if/showsitemap-trans.png');
	background-position:19em 9px;
	background-repeat:no-repeat;
	-webkit-border-radius : 0;
	-moz-border-radius :  0;
	border-radius : 0;
}

#accordion h3 a:hover, #accordion h3 a:focus, #accordion h3 a:active {
	background-color:#FFDA00;
	color:#000;
	background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFDA00), to(#e9d000)); 
	background-image : -moz-linear-gradient(left top, left bottom, from(#FFDA00), to(#e9d000));	
	background-image:	url('if/showsitemap-trans.png');
	background-position:19em 9px;
	background-repeat:no-repeat;
}

#accordion h3.ui-state-active a {
	background-color:#004867;
	color:#fff;
	background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004867), to(#003c56)); 
	background-image : -moz-linear-gradient(left top, left bottom, from(#004867), to(#003c56));	
	background-image:	url('if/hidesitemap-trans.png');
	background-position:19em 9px;
	background-repeat:no-repeat;
	-webkit-border-radius : 0;
	-moz-border-radius :  0;
	border-radius : 0;
}

#accordion h3.ui-state-active a:hover, #accordion h3.ui-state-active a:active, #accordion h3.ui-state-active a:focus {
	background-image:	url('if/hidesitemap-trans.png');
	background-color:#FFDA00;
	color:#000;
}

* html #accordion ul li {
	height:1%;	
}

#accordion ul li a{
	display:block;
	padding:0.8em 0;
	font-size:110%;
	background-color:#cccccc;
	text-decoration:none;
	padding-left:1em;
	border-bottom:1px solid #777;
	color:#000;
	-webkit-border-radius : 0;
	-moz-border-radius :  0;
	border-radius : 0;
}

#accordion ul li a:hover, #accordion ul li a:focus, #accordion ul li a:active {
	background-color:#FFDA00;
	color:#000;
	background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFDA00), to(#e9d000)); 
	background-image : -moz-linear-gradient(left top, left bottom, from(#FFDA00), to(#e9d000));	
}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
margin-top:1em;
width: 610px;
background-color: #eee;
border: 1px solid #ddd;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius : 5px;}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 610px;}

#slideshow .slides ul {
	width: 2880px;
}

#slideshow .slides li {
width: 610px;
float: left;
padding: 0;
list-style-type:none;
}

#slideshow .slides li a{
	padding:0;
	line-height:100%;
}

#slideshow .slides h2 {
margin-top: 1em;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	background-color: #005c84;
	background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0e526d), to(#1b87b8)); 
	background-image : -moz-linear-gradient(left top, left bottom, from(#0e526d), to(#1b87b8));
	height:4em;
}

#slideshow .slides-nav li {
	float: left;
	list-style-type:none;
	border:0;
}

#slideshow .slides-nav li a {
	display: block;
	float: left;
	padding: 15px 20px;
	outline: none;
	-webkit-border-radius : 0 0 0.5em 0.5em;
	-moz-border-radius :  0 0 0.5em 0.5em;
	border-radius :  0;
	border:0;
	color:#fff;
	text-decoration:none;
	line-height:100%;
	}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	
	background-color: #eee;
	-webkit-border-bottom-left-radius : 0.5em;
	-webkit-border-bottom-right-radius : 0.5em;
	-moz-border-radius-bottomleft :  0.5em; 
	-moz-border-radius-bottomright :  0.5em; 
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.js #slideshow .slides-nav li.on a {
position: relative;
}

.js #slideshow .slides-nav li.on a {
 color:#000;
}

#slideshow .slides-nav li a:hover {
	color:#000;
	-webkit-border-bottom-left-radius : 0.5em;
	-webkit-border-bottom-right-radius : 0.5em;
	-moz-border-radius-bottomleft :  0.5em; 
	-moz-border-radius-bottomright :  0.5em; 
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > anchor around slide content
/* ---------------------------------------------------- */

div.page_content_container div.page_content #slideshow div.slides ul li a {
	text-decoration:none;
	min-height:240px;
}

div.page_content_container div.page_content #slideshow div.slides ul li a:hover, div.page_content_container div.page_content #slideshow div.slides ul li a:focus, div.page_content_container div.page_content #slideshow div.slides ul li a:active {
background-color:#eee;	
}


/* ---------------------------------------------------- */
/* SLIDESHOW > elements
/* ---------------------------------------------------- */

.slides h3 {
	margin-left:387px;
	display:block;
	line-height:120%;
}

.slides p {
	clear:right;
	margin-left:387px;
}

.image_container {
	background-repeat: no-repeat;
	height:200px;
	width:367px;
	float:left;
	margin:1em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius : 0.5em;
}

.slide-one {
	background-image: url('if/slides/slide-one.jpg');
}

.slide-two {
	background-image: url('if/slides/slide-two.jpg');
}

.slide-three {
	background-image: url('if/slides/slide-three.jpg');
}

.slide-four {
	background-image: url('if/slides/slide-four.jpg');
}

.slides span {
	visibility:hidden;
}

/* ---------------------------------------------------- */
/* Bing Map
/* ---------------------------------------------------- */

.map_etc {
	margin-top:2em;
	clear:left;
}

h2.where_we_are {
	font-weight:normal;
	display:block;
	padding:0.5em 0;
	margin:0;
	width:606px;
	/*background:transparent url('/2010/if/bg_whereweare_h2-trans.png') no-repeat left top;*/
	border-top:1px solid #ccc;
	background-color:#F3F3F3;
	font-size:180%;
	color:#003b54;
	font-weight:normal;
	
}

h2.where_we_are span {
	margin-left:0.2em;
	
}

#myMap {
		border:8px solid #005D85;
		
	-webkit-box-shadow : 0 5px 15px rgba(0,0,0,.2);
	-moz-box-shadow : 0 5px 15px rgba(0,0,0,.2);
	position:relative;
}

a.map_link:hover, a.map_link:focus, a.map_link:active {
	background-color:transparent;	
}

.civic_address {
	width:604px;
	padding-bottom:54px;
	text-align:center;
	font-size:14px;
	background:#fff url('/2010/if/bg_address.gif') no-repeat left bottom;
	margin-top:0.5em;
}

.civic_address p {
	border:1px solid #ccc;	
}