@import url(nav.css);
@import url(forms.css);
@import url(tables.css);
@import url(featured_slide.css);

body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#424242;
	background-color:#ffffff;
	}

img{display:block; margin:0; padding:0; border:none;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}

a {
   outline:none; 
   text-decoration:none; 
   color: #228b22; 
   background-color: transparent;
   }
   
a:hover { 
   color: #e3e3e3;
   }
   
a img {
   display: inline;
   }
   
a.line {
   text-decoration: underline;
   }

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
.center { 
         display: block;
         margin-left: auto;
		 margin-right: auto;
         border: 1px solid #000000;		 
}
/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	border-bottom:1px solid #e3e3e3;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5 /*div.wrapper h6*/ {
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	}

.col0, .col0 a{color:#ffffff; background: #ccc url("gradient-top.png") repeat-x;
}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topline, #topbar, #breadcrumb, .container, .container2, #hpage_cats, #adblock, #socialise, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	}
	
/* ----------------------------------------------TopBar-------------------------------------*/

#topline{
	padding:16px 0;
	height: 24px;
	background: #cccccc url("gradient-top.png") repeat-x;
	overflow: hidden;
	}

#topline p {
	float:left;
	font-weight: 600;
	margin:0;
	padding: 3px 0 0 20px;
	}

#topline #search {
	display:block;
	float:right;
	margin-right: 20px;
	padding:0;
	overflow:hidden;
	}
	
#topline #google_translate_element {
    display: inline;
	float: left;
    margin: -12px 0 0 80px;
}

#topline #google_translate_element a {
    background: transparent;
}

/* ----------------------------------------------Header-------------------------------------*/

#header {
	height: 149px;
	width: 960px;
	background: #000000 url("../images/header.jpg") no-repeat top left;
	margin-top: 0px;
	}

#header .fl_left{
	display:block;
	float:left;
	margin-top:7px;
	overflow:hidden;
	}

#header .fl_right{
	display:block;
	float:right;
	width:468px;
	height:60px;
	margin-top:21px;
	overflow:hidden;
	}

#header h1, #header ul{
	margin:0;
	padding: 40px 0 0 40px;
	list-style:none;
	line-height:normal;
	font-size: 16px;
	color: #ffffff;
	}

#header h1 a{
	font-size:46px;
	color:#228b22;
	background: transparent;
	text-shadow: #505050 0.1em 0.1em 0.2em
	}

#header h1 strong{
	font-weight:normal;
	color: #aed56a;
	background-color:transparent;
	text-shadow: #505050 0.1em 0.1em 0.2em
	}

#header .fl_left p{
	text-align:right;
	margin-top:5px;
	}
	
#header p {
    padding: 2px 0 0 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.2em;
	}
	
/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{
    margin-top: 8px;
	padding: 0;
	z-index:1000;
	}
	
/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding: 8px 0;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Content-------------------------------------*/

.container{
	padding: 0px 0;
	}
	
.container2{
	padding:20px 0;
	/*letter-spacing: 1px;*/
	font-size: 15px;
	text-align: justify;
	min-height: 850px;
	}
	
.container2 h5{
    color: #27408b;
	font-weight: 900;
	font-family: /*'Reenie Beanie',*/ lucida handwriting, arial, serif;
	font-size:2.0em;
	padding-top: 8px;
}

.content{
	display:block;
	float:left;
	width:630px;
	}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#f7f7f7;}
#comments .commentlist li.comment_odd a{color:#059BD8; background-color:#f7f7f7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#e8e8e8;}
#comments .commentlist li.comment_even a{color:#059BD8; background-color:#e8e8e8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #eeeeee; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

.column{
	display:block;
	float:right;
	width:300px;
	}
	
.column h2 {
    display:block;
	width:100%;
	height:32px;
	margin:0 0 0 0;
	padding:15px 0 0px 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	
	}
	
.column2{
	display:block;
	float:right;
	width:200px;
	}

.column .holder, .column #featured{
	display:block;
	width:200px;
	margin-bottom:20px;
	margin-left: 20px;
	}
	
.holder7 {
    display: block;
	width: 300px;
	margin: 9px 0 20px 0;
	background-color: #ffffff;
	}
	
.holder7 h2 {
    display:block;
	width:100%;
	height:32px;
	margin:0px 0 0 0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}
.holder img {
	border:1px solid #999999;
	}

.column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #cccccc;
	}

.column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}
	
/* Featured Block */

.column #featured ul, .column #featured h2, .column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	color:#666666;
	background-color:#f9f9f9;
	}
	
.column2 #featured ul, .column2 #featured h2, .column2 #featured p{
	margin:0;
	padding:0;
	list-style:none;
	color:#666666;
	background-color:red;
	}

.column #featured a{
	color:#228b22;
	background-color:#f9f9f9;
	}

.column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#f9f9f9;
	}

.column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #cccccc;
	}

.column #featured li h2{
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column #featured p.readmore{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

.column .latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}
	
.column .latestnews h2 {
	display:block;
	width:100%;
	height:32px;
	margin:0 0 10px 0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column .latestnews li{
	display:block;
	width:100%;
	height: 99px;
	margin:0 0 11px 0;
	padding:0 0 21px 0;
	border-bottom:1px dotted #C7C5C8;
	overflow:hidden;
	}

.column .latestnews li.last{
	margin-bottom:0;
	}

.column .latestnews p{
	display:inline;
	}

.column .latestnews img{
	float:left;
	margin:0 10px 0 0;
	padding: 4px;
	border:1px solid #c7c5c8;
	clear:left;
	}
	
.column h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:2px solid #e3e3e3;
	}
	
.column .holder, .column #featured{
	display:block;
	width:200px;
	margin-bottom:20px;
	margin-left: 20px;
	}

.column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}
.holder img {
	border:1px solid #999999;
	}

.column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #cccccc;
	}

.column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}
/* ----------------------------------------------Homepage Specific-------------------------------------*/

#hpage_cats{
	padding:0 0 5px 0;
	}

#hpage_cats .fl_left, #hpage_cats .fl_right{
	display:block;
	width:468px;
	margin-bottom:15px;
	}

#hpage_cats .fl_left img, #hpage_cats .fl_right img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:1px solid #C7C5C8;
	clear:left;
	}

#hpage_cats h2{
	display:block;
	width:100%;
	margin:0 0 15px 0;
	padding: 4px 0 4px 10px;
	color:#cccccc;
    background: #efefef url("gradient.png") repeat-x;
	-webkit-border-radius:6px 6px 6px 6px;
    -moz-border-radius:6px 6px 6px 6px;
    border-radius:6px 6px 6px 6px;
	text-align:left;
	font-size:13px;
	}

#hpage_cats h2 a{
	margin:0 5px 0 0;
	color:#000000;
	background-color: transparent;
	font-weight:bold;
	text-transform:uppercase;
	}
	
#hpage_cats h2 a:hover {
    color: #fff;
	}

#hpage_cats p{
	margin:0 0 8px 0;
	padding:0;
	}
	
#hpage_cats p.readmore2 {
    text-align: right;
	font-weight: bold;
	}

#hpage_latest{
	display:block;
	width:100%;
	}

#hpage_latest h2{
	margin:10px  0 15px 0;
	padding:0 0 8px 0;
	border-bottom:2px solid #e3e3e3;
	}

#hpage_latest ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#hpage_latest li{
	display:block;
	float:left;
	width:200px;
	margin:0 15px 0 0;
	padding:0;
	}

#hpage_latest li.last{
	margin-right:0;
	}

#hpage_latest img{
	margin:0;
	padding:4px;
	border:1px solid #C7C5C8;
	}

#hpage_latest .readmore{
	font-weight:bold;
	text-align:right;
	}
	
#hpage_latestt{
	display:block;
	width:100%;
	}
	
#hpage_latestt h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:2px solid #e3e3e3;
	}

#hpage_latestt ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#hpage_latestt li{
	display:block;
	float:left;
	width:200px;
	margin:0 15px 0 0;
	padding:0;
	}

#hpage_latestt li.last{
	margin-right:0;
	}

#hpage_latestt img{
	margin:0;
	padding:4px;
	border:1px solid #C7C5C8;
	}

#hpage_latestt .readmore{
	font-weight:bold;
	text-align:right;
	}
	
#hpage_latest3 {
	display:block;
	width:100%;
	}
	
#hpage_latest3 h2 {
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:2px solid #e3e3e3;
	}

#hpage_latest3 ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#hpage_latest3 li{
	display:block;
	float:left;
	width:200px;
	margin:0 15px 0 0;
	padding:0;
	}

#hpage_latest3 li.last{
	margin-right:0;
	}

#hpage_latest3 img{
	margin:0;
	padding:4px;
	border:1px solid #C7C5C8;
	}

#hpage_latest3 .readmore{
	font-weight:bold;
	text-align:right;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	padding:10px 0;
	}

#footer h2, #footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	}

#footer h2{
	color:#cccccc;
	background-color:#ffffff;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:1px dotted #999999;
	}

#footer li{
	margin-bottom:5px;
	}

#footer .footbox{
	display:block;
	float:left;
	width:180px;
	margin:0 15px 0 0;
	padding:0;
	}
	
#footer .footbox h2 {
    color: #999999;
	}

#footer .last{
	margin:0;
	}

/* ----------------------------------------------Social Bar With Newsletter-------------------------------------*/

#socialise{
	padding:20px 0;
	}

#socialise ul{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#socialise li{
	display:block;
	float:left;
	margin:0 120px 0 0;
	text-align:center;
	}

#socialise li span{
	display:block;
	margin:8px 0 0 0;
	}

#socialise li.last{
	margin-right:0;
	}

#newsletter{
	display:block;
	float:right;
	width:300px;
	}

#newsletter h2, #newsletter p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#newsletter h2{
	margin-bottom:5px;
	}
	
#newsletter2{
	display:block;
	float:left;
	width:300px;
	margin-left: 40px;
	}

#newsletter2 h2, #newsletter2 p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#newsletter2 h2{
	margin-bottom:5px;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

div.col8 {
     border:none;
	 /*height: 56px;*/
	 background: #ccc url("gradient-bottom.png") repeat-x;
		}

#copyright{
	padding: 12px 0;
	}

#copyright p{
	margin:0;
	color: #dcdcdc;
	padding:0;
	}
	
#copyright a { 
   text-decoration:none; 
   color: #f4f4f4; 
   background-color: transparent;
   }
   
#copyright a:hover {
   color: #505050;
   }
	
/* ----------------------------------------------Google Map Layout-------------------------------------*/
	
#map { 
       width: 300px;
       height: 350px;
       border: 1px solid #505050;
       background-color: #ebebeb;
       overflow:hidden;
}

/* ----------------------------------------------Walk Page Colours-------------------------------------*/

#blue {
         color: #4a3bb5;
         font-weight: 600;
}

#green {
         color: #228b22;
         font-weight: 600;
}

#red {
         color: #de1515;
         font-weight: 600;
}

#pink {
         color: #f599e4;
         font-weight: 600; 
}

#orange {
         color: #ffba10;
         font-weight: 600;
}
/* ---------------------------------------Gallery Index Layout-------------------------------------*/
.gthumbs a {
           margin: 2px 19px 20px 19px;
           float: left;
           font-style: oblique;
           text-align: center;
		   color: #000000;
}
.gthumbs a:hover {
           color: #c0c0c0;
		   }
		   
.gthumbs a img {
           border: 1px solid #000000;
}

.gthumbs a img:hover {
           border: 1px solid #c0c0c0;
}

/* ----------------------------------------------Gallery Layout-------------------------------------*/

#gallery a {
           text-decoration: none;
}

#gallery a img {
           display: inline;
           text-decoration: none;
           color: #ffffff;
           margin: 2px 5px 8px 5px;
           border: 1px solid #000000;
}

#gallery img:hover {
           border: 1px solid #c0c0c0;
}

/* ---------------------------------------Video Pages layout-------------------------------------*/

.video {
          text-align: center;
          border: 2px solid #000000;
		  background-color: #cccccc;
          }

/* ---------------------------------------Page source Information-----------------------------------*/

#source {
           width: 940px;
           height: auto;
           margin-top: 10px;
           font-family: "Verdana", arial, sans-serif;
	       font-size: 12px;
           background-color: #cccccc;
           border: dotted 1px #000000;
           padding: 10px;
           }

#source a {
           text-decoration: underline;
           color: #000000;
           }

#source a:hover {
           color: #ffffff;
           text-decoration: none;
           }

#source a:visited {
           color: #505050;
           }

#source a img {
           border: none;
           }

#bottombar {
          padding-left: 76px;
		  }

#bottombar a img {
          display: inline;
          border: none;
          margin: 0 5px -19px 5px;
          }

/* --------------------------------------------Super Script-----------------------------------*/

.sup { 
         font-size: 0.6em;
         font-weight: 900;
         color: #000000;
         vertical-align: super;
         }

#sitemap ul, li {
         list-style-type: none;
}

.left {
           float: left;
           padding: 10px 10px 10px 0;
           font-style: oblique;
           text-align: center;
		   clear: left;
}

.left img {
           padding: 10px;
           border: solid 1px #000000;
}

.right {
           float: right;
           padding: 10px 0 0 10px;
           font-style: oblique;
           text-align: center;
		   clear: right;
}


.right img {
           padding: 10px;
           border: solid 1px #000000;
}

.port img {
           float: left;
           border: none;
           padding: 10px 10px 0 0;
}

.starboard img {
           float: right;
           border: none;
           padding: 10px 10px 10px 0;
}

#geobar {
       float: right;
       margin-right: 60px;
       width:300px; 
       height:400px; 
       text-align:left;
}

#geomap {
       float: left;
       margin-left: 20px; 
       width:540px; 
       height:400px; 
       border: 1px solid #000000;
	   overflow: hidden;
}

.port img {
           float: left;
           border: none;
           padding: 10px 10px 10px 0;
}

.starboard img {
           float: right;
           border: none;
           padding: 10px 10px 10px 0;
           font-style: oblique;
           text-align: center;
}

#walkmap { 
       width: 650px;
       height: 470px;
       border: solid 1px #000000;
	   overflow: hidden;
}

#busmap { 
       width: 900px;
       height: 600px;
       border: solid 1px #000000;
       margin-left: 30px;
       overflow: hidden;
}

#galink a img {
           display: inline;
           border: none;
}

#pano {
      width: 820px;
	  height: 540px;
	  border: 1px solid #000000;
	  background-color: #cccccc;
	  overflow: hidden;
	  margin-left: 16px;
	  font-weight: bold;
	  text-align: center;
}

#parish {
           text-align: center;
	   margin: 10px 0 0 24px;
	   }
	   
#parish img {
       border: 1px solid #000000;
}

#logos  {
	   float: right;
	   width: 300px;
	   }

#logos img {
           display: inline;
	   padding: 10px 0 0 2px;
	   }

#teletyper {
	   }

#adverts {
           width: 216px;
	   height: 330px;
	   border: 1px solid #000000;
	   background-color: #cccccc;
	   margin-left: 50px;
	   }

#twitter_div { 
	    font-size: 62.5%; 
		font-family: Georgia, serif;
        background: url("../assets/page-bg.jpg") top left no-repeat #2f2e2c;
	    width: 622px; 
	    height: 537px;
        margin-top: 20px;	
}

ul#twitter_update_list { 
        position: relative;
	    list-style: none; 
	    font-size: 14px;
	    left: 140px; 
	    top: 100px; 
	    width: 380px; 
	    height: 360px; 
	    overflow: auto;
}

ul#twitter_update_list li { 
	    margin-bottom: 10px;
		text-align: left;
	    padding: 10px;
	    color: #ffffff;
	    background: url("../assets/transpBlue.png");
}

ul#twitter_update_list li a { 
        color: #059cf7; 
}

ul#twitter_update_list li a:hover { 
        color: #cccccc; 
}

#map2 {
       width: 755px; 
       height: 600px;
       border: solid 1px #000000;
	   overflow: hidden;
	   margin: 0;
      }

#side_bar {
       width: 180px;
	   height: auto;
	   text-align:left;
      }

#side_bar a {
       color: #000000;
       padding: 0 4px 0 0px;
      }

#side_bar a:hover {
       color: #aaaaaa;
      }
	  
#ammap { 
       width: 958px;
       height: 600px;
       border: solid 1px #000000;
	   overflow: hidden;
}
#topper {
       float: right;
	   padding: 0 30px 10px 0;
	   }
#browsers {
       }
#browsers img {
       padding: 0 0 0 10px;
       }
#center img {
       display: block;
       text-align: center;
	   padding-left: 100px;
       }
#index {
       text-align: center;
	   font-style: oblique;
       }
#index img {
       border: 1px solid #000000;
       }
#poster{
       margin: 0 0 0 50px;
       }
#links li{
       padding-top: 4px;
	   }
	  
#contacter {
        float: right;
        padding-right: 100px;
}

#poster {
         float: left;
		 width: 250px
}

#donate {
        margin: 20px 0 0 20px;
}

#donate form a {
        outline: 0;
		}