﻿a { text-decoration: none; }
a:link { text-decoration: none;}
a:active {text-decoration: none;}

body.home #home_image {
	float: left;
	width: 960px;
	height: 310px;
	position:relative;
    overflow: hidden;
    margin-top: -45px;
}

body.home div.footback
{
  
  background-position: center bottom;
  background-repeat: no-repeat;
    }
    


body.home #home_image #LochaberHeading1, body.home #home_image #LochaberHeading2 {
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}

body.home #container {
	float: left;
	position: relative;
	height: 308px;
	width: 288px;
	font-size: 1px;
	 z-index:20;
}
body.home #container h2 {
	position: absolute;
	left: 20px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin:0;
	padding:0;
}
body.home #container span {
	position: absolute;
	left: 20px;
	color: #fff;
}
body.home #map {
	width: 288px;
	height: 368px;
	position: absolute;
	top: -26px;
	left: 34px;
}
#caption {
	font-size: 1.2em;
	color: #000;
	padding: 0 ;
}
#header_fade, #content_fade {
	height: 10px;
	width: 958px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;

	float: left;
	font-size: 1px;
}

#header_search {
	float: left;
	width: 960px;
	height: 60px;
	margin-top: 20px;
	margin-bottom: 0px;
}




/* Home Page content
----------------------------------------------- */

#content {
	float: left;
	width: 958px;
	border: 1px solid #ccc;
	 border-top-width: 5px;
}
.hometext {
	float: left;
	margin: 0 6px;
	display: inline;
}



.microsites {
	padding: 2px;
	width: 255px;
	float: left;
	margin-left: 20px;
	display: inline;
	margin-bottom: 20px;
}

.events {
	width: 250px;
	float: left;
	margin-left: 5px;
	display: inline;
	margin-bottom: 10px;
}

.events ul li{
	margin-bottom: 20px;
}

.events a{
	font-weight: bold;
	font-size:1.1em
}

.events p.date{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
    font-weight: bold;
	font-size:1.0em;
	margin-bottom: 5px;}

.events p{
	line-height: 130%;
}

.hometext .inner {
	width: 351px;
	float: left;
	padding: 5px 5px 20px 0;
	position: relative;
}
.microsites .inner, .events .inner {
	background: url(/images/page/2nd_cols_back.jpg) 0 -1px no-repeat;
		border: solid 1px #4ba1d5;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 250px;
	float: left;
	padding: 5px 0 10px 10px;
	position: relative;

}

.microsites .inner p
{
    min-height: 50px;
    }

.microsites h2, .events h2 {
	margin-left: 10px;
}

.microsites span a:hover, .events span a:hover{
	color: #999999;
	text-decoration: none;
}

a.readmore{
	display: inline;
	font-weight: normal;
	font-size: 1.0em;
	
}

.featured_align {
	min-height: 60px;
}
#lower_content {
   border: 1px solid #ccc;
   border-top: none;
	float: left;
	width: 958px;
	margin: 0 0 20px 0;
	padding: 0 0 1px 0;
	display: inline-block;
	background-color: #327cab;
}
#lower_content h2 {
	font-size: 15px;
	font-weight: bold;
	color: #001F6E;
	margin: 1em 0 0.6em 0;
}


#linkset_BBC {
	width: 348px;
	float: left;
	margin-left: 19px;
	display: inline;
}
#linkset_LN {
	width: 246px;
	float: left;
	margin-left: 20px;
	padding-left: 10px;
	display: inline;
}
#linkset_OT {
	width: 246px;
	float: left;
	margin-left: 20px;
	padding-left: 10px;
	display: inline;
}
#footer_links h4 {
	color: #666;
}
#footer_links ul {
	margin: 1em 0;
}
#footer_links ul li {
	color: #999;
	margin: 0.5em 0;
}
#footer_links ul li a, #footer_links ul li a:link,#footer_links ul li a:visited {
	color: #008CB6;
}
#footer_links ul li a:hover {
	color: #008CB6;
	text-decoration: underline;
}




ul#twitter_update_list li
{
    margin: 10px 0;
    }
    
.popular-links a
{
    font-size: 1.2em;
    font-weight: bold;
    }

/* Home page featured boxes
----------------------------------------------- */

.featured_box_home {
	float: left;
	width: 100%;
	margin-bottom: 1em;
	clear: left;
}
.featured_box_home img {
	float: left;
	margin-right: 10px;
	clear: left;
}
.featured_box_home .box_content {
	margin: 0;
	float: left;
	width: 156px;
}
.featured_box_home .box_content p {
	margin:0;
}
.featured_box_home h4 {
	float: left;
	width: 156px;
}


/* Carousel
----------------------------------------------- */

#carousel {
	float: left;
}


#carousel_container {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 905px;
    height: 100%
}
#carousel_container #gallery_carousel img {

	margin: 0 3px;
}
a.carousel_prev {
	width: 15px;
	float: left;
	height: 150px;
	display: block;
	text-indent: -9999px;
	margin-right: 2px;
	background: url(/images/buttons/car_left_blue.png) top right no-repeat;
	cursor: pointer;
	margin-top: 20px;
    margin-bottom: 20px;
}
a.carousel_next {
	width: 15px;
	float: left;
	height: 150px;
	display: block;
	margin-left: 2px;
	text-indent: -9999px;
	background: url(/images/buttons/car_right_blue.png) top right no-repeat;
	cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
}

.home a.carousel_next 
{
 background: url(/images/buttons/car_right.png) top right no-repeat;   
}

.home a.carousel_prev
{
 background: url(/images/buttons/car_left.png) top right no-repeat;   
}

div#gallery_carousel {
	float: left;
	margin-top: 20px;
    margin-bottom: 20px;
}


.subloader {
	width: 348px;
	height: 300px;
	background: url(/images/spinner.gif) center center no-repeat;
	display: block;
	position: absolute;
	z-index: 0;
}

/* GalleryList
----------------------------------------------- */

#gallery_container
{
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 930px;
    height: 100%
    }
#gallery_container #gallery_list img {

	margin: 0 12px;
}


#gallery_container #gallery_list ul,#gallery_container #gallery_list ul li
{
    display: inline;
        }

div#gallery_list {
	float: left;
    margin-bottom: 20px;
}

      
 img.microsite
 {
     float: right;
     margin: 10px 5px 5px 5px;
     }
     
 #homecontainer
 {

     }
     
 #homecontainer .col1{margin-left: 8px; float:left; width: 405px}   
 #homecontainer .col2{float:left; margin-left: 10px;width: 255px}
 #homecontainer .col3{margin-right: 10px;float:right;width: 255px}
 

#homecontainer div.blockbox{
	width: 90%;
}

#homecontainer div.blockbox.small{
	margin-left:0;
		margin-right:0;
	width: 255px;
}

#homecontainer div.blockbox.wide{
	width: 930px;
	clear: both;
	margin: 0 14px 14px 14px;
}
