@charset "utf-8";
/**********
***************************************************************
[ Art of Peter Lewis ]
**************************************************************/
@import url("css_reset.css");
@import url("forms.css");

/* -------------------------------------------- */
/* ---- GENERAL ------------------------------- */
/* -------------------------------------------- */

html {height:100%;}
body {
margin:0; 
padding:0; 
height:100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
background: #e5e5e5 url(images/page_bg.jpg) repeat-x top;
}
a:link, a:visited{text-decoration: none; color: #5b8912;}
a:hover{color: #5b8912; text-decoration:underline;}
	
hr {border: 0; margin:1em 0 1em 0;}
br {line-height: 1em;}

div.hrclear {margin:0 auto; height: 1px; clear: both; width: auto;}
div.hrclear hr { display: none;}

div.hrspacer {margin:0 auto; height: 1px; padding-top: 1em; clear: both; width: auto;}
div.hrspacer hr { display: none;}

div.hrspacer2 {margin:0 auto; height: 1px; padding-top: 40px; clear: both; width: auto;}
div.hrspacer2 hr { display: none;}

#loading_mc_id {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 200px;
	width: 200px;
	background-image: url("https://www.animatedimages.org/data/media/75/animated-train-image-0031.gif");
	background-repeat: no-repeat;
	background-position: center; 
	background-size: 200px;
}
.orange {
	color: orange;
}
.orange a, .orange a:visited {
	color: orange;
}	

/* -------------------------------------------- */
/* ---- TEXT HEADERS -------------------------- */
/* -------------------------------------------- */

h1{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
color:#375d48;
margin: 0;
padding: 0 0 1em 0;
line-height: 1.2em;
font-weight: bold;
}
	h1 em {font-size: 16px; color: #494949; font-style: normal;}

h2{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#fff;
margin: 0;
padding: 0 5px;
line-height: 1.8em;
font-weight: bold;
height: 25px;
background: #375d48;
}

h3{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:#fff;
margin: 0;
padding: 0 5px;
line-height: 1.8em;
font-weight: bold;
height: 27px;
background: #73a79a;
}

h4{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:#5b8912;
margin: 0;
padding: 0 0 1em 0;
line-height: 1.2em;
font-weight: bold;
text-decoration: underline;
}

h5{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:#737373;
margin: 0;
padding: 1em 0 2px 0;
line-height: 1.2em;
font-weight: normal;
}

h6{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:#fff;
margin: 0;
padding: 0 0 1em 0;
line-height: 1.2em;
font-weight: bold;
text-decoration: underline;
}

/* ------------------------------- */
/* ---- SECONDARY HEADERS -------- */

.h7 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#fff;
margin: 0;
padding: 0 0 0 0;
line-height: 1.2em;
font-weight: bold;
display: block;
text-decoration: underline;
}

.h8 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:#375d48;
margin: 0;
padding: 1em 0;
line-height: 1.2em;
font-weight: bold;
display: block;
width: auto;
text-decoration: underline;
}

.h9 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
color:#fff;
margin: 0;
padding: 0 0 0 0;
line-height: 1.2em;
font-weight: normal;
display: block;
}

.h10 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#fff;
margin: 0;
padding: 0em 0 0 0;
line-height: 1.2em;
font-weight: bold;
display: block;
}

.h11 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
color:#fff;
margin: 0;
padding: 0 0 0 0;
line-height: 1.2em;
font-weight: normal;
display: block;
}


/* -------------------------------------------- */
/* ---- STRUCTURE ----------------------------- */
/* -------------------------------------------- */

div#container {position:relative; margin: 0 auto; width: 1010px; height:auto !important; height:100%; min-height: 100%; background: url(images/contentpage_shadow.png) repeat-y;}

div.page_brace {width: 960px; height: auto; margin: 0 auto; padding: 0 20px; background: url(images/contentpage_bg.jpg) repeat-x top;}

div.page_left {width: 205px; height: auto; margin: 0; padding: 0; float: left;}

div.page_right {width: 740px; height: auto; margin: 0 0 0 15px; padding: 0; float: left;}

div.logohold {width: 205px; height: 124px; margin: 0; padding: 0; text-align: center;}
div.logohold img {border: none; margin: 0 auto;}

div.menuhold {width: 205px; height: auto; margin: 0; padding: 0; background: url(images/menu_bg.jpg) no-repeat top left;}

div.img_display {width: 740px; height: 362px; margin: 0; padding: 0; text-align: center; background: url(images/toppic.png) no-repeat top center;}

div.bulletin_brace {width: 740px; height: 234px; margin: 0; padding: 10px 0; border-bottom: 1px solid #375d48;}
.bulletin_board {width:330px; height: 214px; margin: 0 10px; padding: 10px; float: left; background: #fff url(images/menu_bg.jpg) repeat-x top left;}

.bulletin_board_img {width: auto; height: auto; margin: 0; padding: 5px; text-align: center;}
.bulletin_board_img img {width: 315px; height: auto; border: 1px solid #375d48; padding: 3px; background: #fff;}

div.content {width: 720px; height: auto; margin: 0; padding: 20px 10px 20px 10px;}

div.content2 {width: 720px; height: auto; margin: 0; padding: 20px 10px 20px 10px;}

div.footerhold {width: 960px; height: 100px; margin: 0; padding: 20px 0; border-top: 1px solid #375d48; clear: both;}

.weatherholder {width: 300px; height: 155px; text-align: center; padding: 15px 0 0 0; margin: 0;}


/* ------------------------------- */
/* ------- CONTENT SUB DIVS ------ */

.content_right {width: 200px; height: auto; margin: 0 0 0 20px; padding: 0 20px 20px 20px; float: right; border-left: 1px solid #375d48;}



/* -------------------------------------------- */
/* ---- NAVIGATION MENU ----------------------- */
/* -------------------------------------------- */

ul.main_menu {
margin:0 auto;
padding: 1em 0 2em 0;
width: 185px;
}
ul.main_menu li {
margin: 0;
padding:0 0 0 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:13px;
color: #375d48;
display: block;
height: 25px;
line-height: 1.9em;
border-bottom: 1px solid #d3d3d3;
}	
ul.main_menu li a, ul.main_menu li a:visited {
width: auto;
color: #375d48;	
text-decoration:none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:13px;
display: block;
height: 25px;
padding: 0 0 0 5px;
}	
ul.main_menu li a:hover {
color: #f7f7f7;
text-decoration:none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:13px;
display: block;
height: 25px;
padding: 0 0 0 5px;
background: #375d48;
}


/* -------------------------------------------- */
/* ---- DAMAGE REPORT ------------------------- */
/* -------------------------------------------- */

.reportblock {width: auto; padding: 20px; margin: 0; background: #375d48;}
.reportblock_inner {width: auto; padding: 5px; margin: 0; background: #5b8912;}

.title_dmgposted {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#555;
margin: 0;
padding: 0 0 0 15px;
line-height: 1.2em;
display: block;
}

.title_dmgtitle {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#375d48;
margin: 0;
padding: 0 0 0 15px;
line-height: 1.2em;
font-weight: normal;
display: block;
}


/* -------------------------------------------- */
/* ---- PUBLIC ADVISORY ------------------------- */
/* -------------------------------------------- */
.title_advisorydate{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#484848;
margin: 0;
padding: 1.5em 0 2px 15px;
line-height: 1.2em;
font-weight: normal;
font-style: italic;
text-decoration: underline;
display: block;
}

.advisory_body {
	height: 70px;
}
/* -------------------------------------------- */
/* ---- NEWS & EVENTS -------------------------- */
/* -------------------------------------------- */

.title_newstitle{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#375d48;
margin: 0;
padding: 0 0 0 15px;
line-height: 1.2em;
font-weight: bold;
display: block;
}

.title_newsdate{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#484848;
margin: 0;
padding: 1.5em 0 2px 15px;
line-height: 1.2em;
font-weight: normal;
font-style: italic;
text-decoration: underline;
display: block;
}

.title_newstitle2{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#375d48;
margin: 0;
padding: 0 0 0 0;
line-height: 1.2em;
font-weight: bold;
display: block;
}

.title_newsdate2{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#484848;
margin: 0;
padding: 1.5em 0 2px 0;
line-height: 1.2em;
font-weight: normal;
font-style: italic;
text-decoration: underline;
display: block;
}

/* -------------------------------------------- */
/* ---- T'RAILWAY COUNCIL --------------------- */
/* -------------------------------------------- */

span.membertitles {
display: block;
float: left;
width: 150px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #375d48;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align: center;
}

span.listinfo {
display: block;
float: left;
width: 150px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #cecece;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#111;
}

/* -------------------------------------------- */
/* ---- KMGUIDE ------------------------------- */
/* -------------------------------------------- */

span.kmtitle1 {
display: block;
float: left;
width: 175px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #375d48;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align: center;
}

span.kmtitle2 {
display: block;
float: left;
width: 175px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #375d48;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align: center;
}

span.kmtitle3 {
display: block;
float: left;
width: 250px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #375d48;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align: center;
}

span.kmblock1 {
display: block;
float: left;
width: 175px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #cecece;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#111;
text-align: center;
}

span.kmblock2 {
display: block;
float: left;
width: 175px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #cecece;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#111;
text-align: center;
}

span.kmblock3 {
display: block;
float: left;
width: 250px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #cecece;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#111;
text-align: center;
}

/* -------------------------------------------- */
/* ---- BRIDGES ------------------------------- */
/* -------------------------------------------- */

span.bridge_1 {
display: block;
float: left;
width: 175px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #375d48;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align: center;
}

span.bridge_2 {
display: block;
float: left;
width: 110px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #375d48;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align: center;
}

span.bridge_3 {
display: block;
float: left;
width: 80px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #375d48;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align: center;
}

span.bridge_block1 {
display: block;
float: left;
width: 175px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #cecece;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#111;
text-align: center;
}

span.bridge_block2 {
display: block;
float: left;
width: 110px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #cecece;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#111;
text-align: center;
}

span.bridge_block3 {
display: block;
float: left;
width: 80px;
height: auto;
margin: 0 1px 0 0;
padding: 5px;
background: #cecece;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#111;
text-align: center;
}



/* -------------------------------------------- */
/* ---- TEXT STYLES --------------------------- */
/* -------------------------------------------- */

.text1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
 text-align: justify; font-size:14px;
color:#404040;
margin: 0;
padding: 0 0 1.5em 0;
line-height: 1.8em;
}
.text2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify; font-size:11px;
color:#404040;
margin: 0;
padding: 0 0 1.5em 0;
line-height: 1.8em;
}
.text3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify; font-size:11px;
color:#404040;
margin: 0;
padding: 0.75em 0;
line-height: 1.4em;
}

.text4 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#fff;
margin: 0;
padding: 0 0 1.5em 0;
line-height: 1.8em;
}

.text5 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
margin: 0 0 0 0;
line-height: 1.8em;
}
.text5 a:link, .text5 a:visited {color: #464646; text-decoration: none;}
.text5 a:hover {color: #464646;}

.moretext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#404040;
margin: 0;
font-weight: bold;
padding: 0.5em 0 0 0;
line-height: 1.8em;
text-align: right;
}



/* -------------------------------------------- */
/* ---- GENERAL LISTS ------------------------- */
/* -------------------------------------------- */

ul.inline_list {list-style-type:none; margin: 0; padding: 1.5em 0 0 0;}
ul.inline_list li {display: inline; padding: 0; margin: 0;}
ul.inline_list li a:link, ul.inline_list li a:visited {width: 144px; padding: 1px 5px; margin: 0; color: #891a07; display: block; text-decoration: none; float: left;}
ul.inline_list li a:hover {color: #000; text-decoration: none;}

ul.img_list {list-style-type:none; margin: 0; padding: 5px 0 0 0; clear: both;}
ul.img_list li {display: inline; padding: 2px 2px; margin: 0;}
ul.img_list img {width: 50px; height: 40px; padding: 1px; background: #fff;}

ul.mainlist {list-style-type: square; margin: 0; padding: 1em 0 1em 15px;}
ul.mainlist li {margin: 0; padding: 3px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #555;}

ul.mainlist2 {list-style-type: none; margin: 0; padding: 1em 0 2em 0;}
ul.mainlist2 li {margin: 0; padding: 1px;}


ul.browselist {
margin:0;
padding: 1em 0 0 0;
width: auto;
}
ul.browselist li {
margin: 0 0 1px 0;
list-style: none;	
width: auto;
color: #777;	
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
display: block;
height: 20px;
padding: 0;
}	
ul.browselist li a, ul.browselist li a:visited {
width: auto;
color: #5b8912;	
text-decoration:none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
display: block;
height: 18px;
padding: 2px 5px 0 0;
}	
ul.browselist li a:hover {
color: #5b8912;
text-decoration:none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
display: block;
height: 18px;
padding: 2px 5px 0 0;
font-weight: bold;
}

ul.rectangle {
margin:0 auto;
padding: 0 0 0 0;
}
ul.rectangle li {
margin: 1px 0 0 0;
padding: 8px 0 10px 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color: #f7f7f7;
display: block;
height: auto;
clear: both;
width: auto;
background: #cecece;
}

ul.rectangle li:hover {background: #b9c5a7;}

ul.rectangle li img {padding: 0; width: 70px; height: 50px; float: left; margin: 0 7px 0 0;}

a:link.borders img, a:visited.borders img {border: 1px solid #777; padding: 1px;}
a:hover.borders img {border: 1px solid #3980c4; padding: 1px;}


/* -------------------------------------------- */
/* ---- PAGINATION ---------------------------- */
/* -------------------------------------------- */

.pagination-clean li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* 
savers */ float:left; }
/* savers #pagination-clean li,*/
.pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
.pagination-clean .previous-off,
.pagination-clean .next-off   { color:#888888; display:block; float:left; font-weight:bold; 
padding:3px 4px; }	
.pagination-clean .next a,
.pagination-clean previous a  { border:none; font-weight:bold; }	
.pagination-clean .active     { color:#000000; font-weight:bold; display:block; float:left; 
padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
.pagination-clean a:link,
.pagination-clean a:visited   { color:#375d48; display:block; float:left; padding:3px 6px; text-
decoration:underline; }
.pagination-clean a:hover     { text-decoration:underline; color: #375d48;}


/* -------------------------------------------- */
/* ---- GALLERY ------------------------------- */
/* -------------------------------------------- */

.galleryhold {margin: 0; padding: 10px; clear: both; border-bottom: 1px solid #375d48; width: 700px;}
.galleryblock {margin: 0; padding: 15px; float: left; width: 200px;}
.galleryblock img {width: 190px; height: 120px; padding: 1px; border: 1px solid #375d48;}


.galleryhold2 {margin: 0; padding: 10px; clear: both; border-bottom: 1px solid #375d48; width: 700px;}
.galleryblock2 {margin: 0; padding: 15px; float: left; width: 200px;}
.galleryblock2 img {width: 620px; padding: 1px; border: 1px solid #375d48;}

/* -------------------------------------------- */
/* ---- CONTACT ------------------------------- */
/* -------------------------------------------- */





/* -------------------------------------------- */
/* ---- FOOTER -------------------------------- */
/* -------------------------------------------- */

ul.footer_list {list-style-type:none; margin: 0; padding: 0 0 0 0; text-align: center;}
ul.footer_list li {display: inline; padding: 0; margin: 0;}
ul.footer_list li a:link, ul.footer_list li a:visited {width: 144px; padding: 1px 5px; margin: 0; color: #375d48; text-decoration: none;}
ul.footer_list li a:hover {color: #000; text-decoration: underline;}

.footertext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#404040;
margin: 0;
padding: 1.5em 0 0 0;
line-height: 1.8em;
text-align: center;
}


/* -------------------------------------------- */
/* ---- CONTENT IMAGE MODIFIERS --------------- */
/* -------------------------------------------- */


/* -------------------------------------------- */
/* ---- CONTENT IMAGE MODIFIERS --------------- */
/* -------------------------------------------- */

.imgholds {
text-align: center;
margin: 0;
padding: 0;
width: auto;
float: left;
display: inline;
}
.imgholds em {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#111;
}
.imgholds img {padding: 3px; border: 1px solid #cecece;}


.imgholds2 {
text-align: center;
margin: 0;
padding: 5px;
width: 298px;
display: block;
}
.imgholds2 em {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#111;
}
.imgholds2 img {border: 1px solid #999; padding: 1px; background: #fff; width: 250px; height: 150px;}

.imgholds3 {
text-align: center;
margin: 0 5px 0 0;
padding: 7px 5px 3px 3px;
width: 172px;
display: block;
float: left;
height: auto;
}
.imgholds3 em {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#111;
}
.imgholds3 img {border: 1px solid #999; padding: 1px; background: #fff; width: 170px; height: 100px;}


.imgholds4 {
text-align: center;
margin: 0;
padding: 5px;
width: 282px;
}
.imgholds4 em {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#111;
}
.imgholds4 img {padding: 4px; background: #fff; width: 250px; height: 150px;}

a:link.thumb img, a:visited.thumb img {border:1px solid #BFECFF;}
a:hover.thumb img {border:1px solid #c9c9c9;}