body {text-align: center;
background: #fff;
color: #203662;
font: 11px verdana, arial, sans-serif; line-height: 20px;
margin-top: 20px; }

#wrapper { width: 763px; margin: 0 auto; text-align: left; position: relative;  background:#fff; border: 1px solid #7b9ac6; padding: 10px 0 10px 10px; }
#top { clear: both; }
#top1 { clear: both; }
#dots { clear: both; }
/* The navigation is in left below */
#left { width: 176px; float: left; padding: 10px 0 0 0; background-color: #5f84cf; }

#inner {
	width: 573px; float:left; }

/*Below is for the pages where there is only one column */
#innerone {
	width: 553px; float:left; padding: 10px; }
	
/*Below is for the pages where there is only one column going under the navigation*/
#innertwo {
	width: 700px; float:left; padding: 10px; }

#firstcolumn { width: 290px; float: left; padding: 0 5px 5px 15px; }
#secondcolumn { width: 248px; float: left; padding: 5px; }

/* The columns below are for the details page */
#firstcolumn1 { width: 320px; float: left; padding: 5px 5px 5px 15px; }
#secondcolumn1 { width: 218px; float: left; padding: 20px 0 10px 5px;  }

/* The columns below are for the intermediary pages */
#firstcolumn2 { width: 220px; float: left; padding: 5px 5px 5px 15px; }
#secondcolumn2 { width: 318px; float: left; padding: 60px 0 10px 5px;  }

#footer { clear: both; width: 755px; height: 88px; background-image: url(../images/footer.jpg); }


h1 { font: 11px verdana, arial, sans-serif; font-weight: 700; line-height: 18px; }
h1.home { padding: 10px 0 5px 15px; }
h1.location { font: 17px "Trebuchet MS", verdana, arial, sans-serif; color: #253d6d; }
h2 { font: 11px verdana, arial, sans-serif; font-weight: 700; color: #404040; margin: 10px 8px 10px 0; }
h3 { background: url(../images/hbg.jpg) repeat-x #0162f3; color: #fff; font: 11px verdana, arial, sans-serif; font-weight: 700; padding: 5px; margin-top: 20px; }

p.paddingtop { padding-top: 30px; }
.home { line-height: 18px; }

.paddingpic { padding: 15px 0 0 10px; }

/* To make the text on the location page narrower in its single column*/
.narrower { margin-right: 50px; }

div#nav a { font: 11px verdana, arial, sans-serif; text-decoration: none; background:#3a5fa8; font-weight:700;  padding: 6px 3px 6px 10px; display:block; border: solid 1px #e2dbce; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; color: #fff; }
div#nav a:visited { font: 11px verdana, arial, sans-serif; text-decoration: none; background:#3a5fa8; font-weight:700;  padding: 6px 3px 6px 10px; display:block; border: solid 1px #e2dbce; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; color: #fff;  }
div#nav a:hover { font: 11px verdana, arial, sans-serif; text-decoration: none; background:#253d6d;  font-weight:700; padding: 6px 3px 6px 10px; display:block; border: solid 1px #e2dbce; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; color: #fff; }


a:link { color: #717035; text-decoration: underline; background: transparent; font-weight: 700; }
a:visited { color: #717035; background: transparent; font-weight: 700;}
a:hover { color: #5a5928; background: #f2f2de; font-weight: 700; }

a.link2:link { color: #717035; text-decoration: underline; background: transparent; font-size:11px; font-weight: 500; }
a.link2:visited { color: #717035; background: transparent; text-decoration: underline; font-size:11px; font-weight: 500; }
a.link2:hover { color: #b4b25d; background: transparent;  text-decoration: underline; font-size:11px; font-weight: 500; }

.nolink { color: #fff; text-transform: uppercase; background: #2e4a82; font-weight: 700;  padding: 4px 3px 4px 10px; display:block; margin: 1px; border: solid 1px #e2dbce; margin-bottom: 2px; margin-left: 2px; margin-right: 2px;}

.dark { color: #1a2434; }
.dots { background-image: url(../images/dots.gif); background-repeat: repeat-x; height: 1px; margin: 4px; }
.dotsclear { background-image: url(../images/dots.gif); background-repeat: repeat-x; height: 1px; margin: 4px; clear: both;  }
/* brown below is for the copyright message at bottom of pages */
.brown { color: #b3a78f; }
.red {color: #800000; font-weight: 700; }
.clear { clear: both; }

.border { border: solid 1px #b9b9b9; }
.bordermargin { border: solid 1px #b9b9b9; margin-right: 10px; }
/* Bordermargin1 gives a wee bit extra underneath image to stop wrapping */
.bordermargin1 { border: solid 1px #b9b9b9; margin: 6px 10px 25px 0; }
.borderleft { border: solid 1px #b9b9b9; margin-left: 10px; float:right; }
.picleft { text-align: center; margin-left: 10px; float:right; }

ul { list-style-type: none; margin: 0; padding: 0; }
ul.paddingtop { padding-top: 40px; }
ul.paddingleft { padding-left: 10px; padding-top: 10px; } 
#content { padding-left: 15px; }
.uppercase { text-transform: uppercase; }

#fade { clear: both; background-image:url(../images/lochfade.jpg); background-repeat:no-repeat; margin-top: 0; padding: 10px 0 0 0; }
#trainfade { clear: both; background-image:url(../images/trainfade.jpg); background-repeat:no-repeat; margin-top: 0; padding: 10px 0 0 0; }
.leftpadding { margin-left: 15px; } 

a.ppis:link { color: #a0937a; text-decoration: none; background: transparent; font-size:10px; font-weight: 500; }
a.ppis:visited { color: #a0937a; background: transparent; text-decoration: none; font-size:10px; font-weight: 500; }
a.ppis:hover { color: #a0937a; background: transparent;  text-decoration: underline; font-size:10px; font-weight: 500; }

.left { float: left; padding: 5px; }
.strong { font-weight: 700; }
.background { background-color: #e4dcdc; padding: 10px; border: 1px solid #605c5c; }