/* CSS Document */


/* 

Colours

Dark Grey 		#454444
Dark Green 		#677e52
Light Green 	#b7ca79
Pale Blue 		#4a7fa6
Light Grey 		#979898
Background Grey #e1e1e0
Text 			#484645

*/

body
{
margin:0;
background:#fff;
font-family: Georgia, Times New Roman, Times, serif;
font-size:0.7em;
line-height:1.8em;
color:#484645;
}

img{
	vertical-align:middle;
}

.clear
{
clear:both;
}

p a:link,
p a:visited
{
color:#484645;
text-decoration:none;
font-weight:bold;
}

p a:hover
{
color:#4a7fa6;
text-decoration:none;
font-weight:bold;
}

.tight
{
margin:0 0 10px 0;
padding:0;
line-height:1.8em;
color:#484645;
}

.tight p{
	margin:0 !important;
}

p.lineheight
{
margin:10px 0 0 0;
padding:0;
line-height:1.2em;
color:#484645;
}

h1
{
background:url(../images/logo.gif);
width:200px;
padding:240px 0 0 0;
margin:0;
height:0px;
overflow:hidden;
float:left;
line-height:2em;
}








h2
{
width:250px;
height:80px;
margin:0;
padding:0;
font-size:2.2em;
color:#fff;
font-weight:normal;
}

h2 span
{
font-size:0.6em;
line-height:1.8em;
}

h2.middle
{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
height:78px;
}

h2 a:link,
h2 a:visited
{
color:#fff;
text-decoration:none;
display:block;
padding:15px 0 13px 20px;
}

h2.middle a:link,
h2.middle a:visited
{
min-height:52px;
/*_padding:20px 0 21px 20px;*/
}

h2 a:hover
{
color:#fff;
background-color:#9faf69;
text-decoration:none;
}








h3
{
margin:0 0 10px 0;
padding:0;
font-size:2.0em;
color:#484645;
font-weight:normal;
}
h3 a:link,
h3 a:visited
{
color:#484645;
text-decoration:none;
}
h3 a:hover
{
color:#4a7fa6;
}


h4
{
margin:0 0 0 0;
padding:0;
font-size:1.4em;
font-weight:lighter;
color:#4a7fa6;
line-height:1.2em;
}

h4 span
{
font-size:0.7em;
color:#979898;
}

h4 a:link,
h4 a:visited
{
color:#4a7fa6;
text-decoration:none;
}

h4 a:hover
{
color:#484645;
text-decoration:none;
}

h5
{
margin:0;
padding:0;
text-align:center;
color:#fff;
font-size:1.4em;
font-weight:lighter;
}




#wrapper
{
margin:10px auto 0 auto;
width:900px;
}




#navigation
{
width:900px;
height:55px;
margin:0 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #fff; /* to force margins (box model) */
position:relative;
z-index:99999;
}

#top_navbar{
	background:#454444;
	padding:5px 0 0 10px;
	height:25px;
	margin: 0;
	position:absolute;
	top:25px;
	width:890px;
}

#navigation ul
{
list-style-type:none;
}

#navigation ul li
{
display:inline;
position:relative;
}

#top_navbar li a:link,
#top_navbar li a:visited
{
color:#fff;
text-decoration:none;
padding:8px 10px;
}

#top_navbar li a:hover
{
color:#fff;
background-color:#979898;
text-decoration:none;
padding:8px 10px;
}


#navigation ul.right
{
position:absolute;
right:0;
top:0;
margin:0;
}

#navigation ul.right li
{
display:inline;
}

#navigation ul.right li a:link,
#navigation ul.right li a:visited
{
color:#454444 !important;
padding:8px 3px;
text-decoration:none;
}
#navigation ul.right li a:hover
{
text-decoration:underline;
}

#navigation ul li.navigationHover a:link,
#navigation ul li.navigationHover a:visited
{
background:#979898;
}


/* sub menus */
#navigation ul li ul
{
display:none;
z-index:999;
position:absolute;
top:22px;
left:0px;
background:#979898;
padding:0;
min-width:120px;
}
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited
{
display:block;
white-space:nowrap;
margin:0;
padding:3px 10px;
}
#navigation ul li ul li a.end:link,
#navigation ul li ul li a.end:visited
{
padding:3px 10px 10px 10px;
}

#navigation ul li ul li a:hover, 
#navigation ul li.navigationHover ul li a:hover
{
background:#454444;
}

#navigation ul li ul li ul{
	/*background:#DFDFDF !important;*/
	display:none;
	position:absolute;
	top:0px;
	left:119px;
}
#navigation ul li ul li ul a:link,
#navigation ul li ul li ul a:visited{
	/*color:#333 !important;*/
}

#header
{
width:900px;
min-height:238px;
}

#header-links
{
width:250px;
min-height:238px;
float:left;
background-color:#b7ca79;
}

#header-links h2 span {
	line-height:1em;
	margin-top:3px;
}

#header #headerRotate
{
float:left;
}

#header #headerRotate img
{
display:none;
z-index:0;
}





#content-wrapper
{
margin:20px auto 20px auto;
width:900px;
font-size:1em;
background:url(../images/dot-border.gif) repeat-y 600px top;
}

#content
{
width:570px;
float:left;
margin:0 0 0 15px;
padding:10px 15px 0 0;
display:inline;
}


#sidepanel-wrap
{
width:286px;
/*_width:278px;*/
float:left;
margin:0 0 0 10px;
display:inline;
}

.boxfill
{
width:276px;
margin:0;
padding:10px 0 10px 14px;
}

.grey
{
background-color:#e1e1e0;
}

.white
{
background-color:#fff;
}


.darkgrey
{
background:#454444;
padding:10px 0 10px 0;
width:280px;
margin:0 0 10px 0;
}

.green
{
background-color:#b7ca79;
padding:10px 0 10px 0;
width:280px;
}

.green a:link,
.green a:visited,
.darkgrey a:link,
.darkgrey a:visited
{
color:#fff;
text-decoration:none;
}

.green a:hover
{
color:#677e52;
text-decoration:none;
}
.darkgrey a:hover
{
color:#b7ca79;
text-decoration:none;
}




#today
{
width:120px;
float:left;
margin:0 20px 10px 0;
}

#today img
{
float:left;
margin:0 10px 0 0;
}

#tomorrow
{
width:120px;
float:left;
margin:0 0 0 0;
}

#tomorrow img
{
float:left;
margin:0 10px 0 0;
}

.boxfill ul
{
list-style-type:none;
padding:0;
margin:20px 30px 0 0;
font-weight:bold;
}

.boxfill ul li
{
}


.boxfill ul li a:link,
.boxfill ul li a:visited
{
color:#7b8080;
text-decoration:none;
}

.boxfill ul li a:hover
{
color:#4a7fa6;
text-decoration:none;
}

.listing
{
width:560px;
min-height:107px;
margin:10px 0 0 0;
padding:0;
float:left;
clear:both;
}


.thumbnails
{
width:107px;
min-height:107px;
float:left;
background:url(../images/img-thumb-bg.gif) no-repeat top left;
margin:0 6px 0 0;
}

.thumbnails img
{
margin:4px 0 0 4px;
}



.thumbnailsM
{
width:252px;
background:url(../images/shadow750.jpg) no-repeat right bottom;
position:relative;
float:right;
padding:12px 0 0 0;
margin:0 0 10px 20px;
}
.thumbnailsM img
{
width:240px;
position:relative;
top:-12px;
}




.thumbnailsM2
{
width:252px;
background:url(../images/shadow750.jpg) no-repeat right bottom;
position:relative;
float:right;
padding:6px 0 0 0;
margin:0 0 10px 17px;
}
/*
.thumbnailsM2 img
{
width:240px;
position:relative;
top:-12px;
}
*/



.largeimage
{
width:258px;
min-height:190px;
float:left;
background:url(../images/large-image-bg.jpg) no-repeat top left;
margin:0 6px 6px 12px;
padding:5px 0 0 5px;
}






.people
{
float:left;
width:250px;
min-height:107px;
vertical-align:middle;
margin:20px 20px 0 0;
}

#content dl
{
margin:10px 0 0 0;
padding:0;
}

#content dt
{
font-weight:bold;
}

#content dd
{
margin:0 0 10px 20px;
}

#content dl a:link,
#content dl a:visited
{
color:#484645;
text-decoration:none;
font-weight:bold;
}

#content dl a:hover
{
color:#4a7fa6;
text-decoration:none;
font-weight:bold;
}


/* footer */

#footer-wrap
{
width:900px;
background-color:#e1e1e0;
padding-top:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#footer-wrap ul
{
list-style-type:none;
padding:0;
margin:0 30px 0 0;
float:left;
}

#footer-wrap ul li
{
}

#footer-wrap ul li.first
{
font-weight:bold;
color:#6b6a6a;
}

#footer-wrap ul li.first a:link,
#footer-wrap ul li.first a:visited
{
font-weight:bold;
color:#6b6a6a;
}

#footer-wrap ul li a:link,
#footer-wrap ul li a:visited
{
color:#7b8080;
text-decoration:none;
}

#footer-wrap ul li a:hover
{
color:#6b6a6a;
text-decoration:underline;
}



#footer-wrap a:link,
#footer-wrap a:visited
{
color:#7b8080;
text-decoration:none;
}

#footer-wrap a:hover
{
color:#6b6a6a;
text-decoration:underline;
}




#footer-nav
{
width:860px;
margin:10px auto 20px auto;
text-align:left;
}



#pulse8
{
float:left;
width:400px;
margin:10px 0 10px 30px;
line-height:30px;
text-align:left;
}

#pulse8 p img
{
float:left;
vertical-align:middle;
padding:0;
margin:0;
}


#bookmarking
{
float:right;
text-align:right;
line-height:30px;
width:400px;
margin:10px 30px 10px 0;
}

#bookmarking p
{
vertical-align:middle;
}

#bookmarking img
{
margin:0 10px 0 0;

}

#bookmarking img.first
{
margin:0 10px 0 10px;
}








/*lightbox*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/*zoom: 1;*/
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}









/* formage */

form label
{
width:120px;
float:left;
clear:left;
margin:0 0 1em 0;
color:#999;
}
input, select, textarea
{
float:left;
margin:0 0 1em 0;
border:1px solid #999;
font-family:inherit !important;
font-size:inherit !important;
padding:0.25em;
}
input, textarea
{
width:400px;
}
textarea
{
height:200px;
width:400px;
}
select
{
margin:0 1em 1em 0;
}
input.autowidth
{
width:auto;
margin:0 1em 1em 0;
}

#searchForm{
	padding:10px;
	background:#B7CA79;
	text-align:center;
}

#searchForm label{
	color:#fff;
}
#searchForm label,
#searchForm input,
#searchForm select{
	display:inline;
	float:none;
	width:auto;
	margin-right:10px;
	margin-bottom:0px;
}

/* mini me */
.mini
{
font-size:0.9em;
font-family:sans-serif;
}




a img
{
border:0;
}




img.iconic
{
float:left;
margin:0 20px 20px 0;
}

.floater
{
width:500px;
float:right;
margin:0 0 20px 0;
}









/* share this stuff */

p.shareThisWrapper
{
margin:2em 0;
}








/* 

Colours

Dark Grey 		#454444
Dark Green 		#677e52
Light Green 	#b7ca79
Pale Blue 		#4a7fa6
Light Grey 		#979898
Background Grey #e1e1e0
Text 			#484645

*/



.listingTable
{
width:554px;
}
.listingTable td
{
vertical-align:top;
}
.listingTable td.tableTop
{
}

.listingTable td a:link,
.listingTable td a:visited
{
font-weight:bold;
text-decoration:none;
color:#4f4f4f;
}
.listingTable td a:hover
{
color:#4a7fa6;
}


a.letter:link,
a.letter:visited
{
background:#b7ca79;
color:#fff !important;
text-align:center;
font-weight:normal;
text-transform:uppercase;
display:block;
float:left;
width:27px;
height:27px;
line-height:30px;
margin:0 1px 1px 0;
}
a.letter:hover
{
font-weight:bold;
background:#677e52;
}

#townGuide:link,
#townGuide:visited{
	display:block;
	background-image:url(/images/town-guide-download-button-a.gif);
	width:344px;
	min-height:69px;
	padding:31px 0 0 20px;
	color:#FFF;
	font-size:2.0em;
	font-weight:normal;
	text-decoration:none;
	line-height:1em;
}

#townGuide:hover{
	background-image:url(/images/town-guide-download-button-b.gif);
}

#townMap:link,
#townMap:visited{
	display:block;
	background-image:url(/images/town-map-download-button-a.gif);
	width:344px;
	min-height:69px;
	padding:31px 0 0 20px;
	color:#FFF;
	font-size:2.0em;
	font-weight:normal;
	text-decoration:none;
	line-height:1em;
}

#townMap:hover{
	background-image:url(/images/town-map-download-button-b.gif);
}