<!--
/*bentleyrailway.co.uk CSS styles*/

/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 70%/1.7 Arial, Verdana, sans-serif;
  color: #554842;
  background-color:#FFFFE0;
}

h1 {
  font-size: 2.2em;
  font-weight: bold;
  color: #cc1b21;
  margin: 5px 0px .5em 0px;
  clear: both;
}

a {
  color: #37A635;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 1.5em;
  line-height:1.4;
  margin-top: 20px;
  margin-bottom: 0px;
}

h3 {
  font-size: 1.3em;
  margin-top: 20px;
  margin-bottom: 0px;
}


p, li {
  font-size: 1.4em;
}

#outerwrapper { /*for FF*/
	background-color: #fff;
	padding: 5px;
	width: 980px;
	margin: 0 auto;
}

#footer {
  background-color:#fff;
  padding: 3px 0px 10px 0px;
  margin:0px;
  border-top: 1px solid #999999;
  clear: both; 
}

#footer p {
  color: #777777;
  font-weight: normal;
  font-size: 1.1em;
}

/* Core Layout Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 970px; 
  margin: 0px 0px 0px 0px; 
  text-align: left;
}

#mainContent { 
  width: 755px;
  padding: 5px 15px 5px 0px; 
  float: left; 
  margin: 0px;
}

#mainContent p {
	margin-bottom: 10px;
	line-height: 1.5em;
}

#content { 
  width: 785px; 
  float: right; 
}

#content p {
  font-size: 1.1em;
}

/* Header
================================== */

#logo {
  width: 211px; 
  height: 140px;
  float: left; 
  background: #117110;
} 

#logo img {
  border: 0px;
  margin-top: 21px;
  margin-left: 0px;
}

#logo * {
  padding: 0px;
}

#headerright{ 
  height: 140px;
  width: 925px;
  float: left; 
  border-left: 25px solid #117110; 
  border-right: 25px solid #117110;
  background-color: #117110;
  text-align: center;
}

#headerright * {
  padding: 0px;
  margin:0px;
  border: 0px;
}

/* Left Navigation */
#leftnav {
	clear: left;
	border-top: #fff 1px solid;
	width: 150px;
	vertical-align:top;
	font-size: 0.9em;
    background: #FFF repeat-x left 0px;
    height: 500px;
}

#leftnav ul {
	padding:0px 0px 3px 0px;
	background-color: #ffffff;
}

#leftnav li {
	list-style-type: none;
	line-height:21px;
	font-size: 120%;
	border-bottom: #fff 1px solid;
}

#leftnav a {
	display: block;
	padding-left: 20px;
	font-weight: normal;
	text-decoration:none;
	text-transform: uppercase;
	background: #FFFFE0 no-repeat left center;
	color: #7F7766;
	border: 1px solid #117110; /*optional*/
}

#leftnav a:hover {
	background: #117110 no-repeat left center;
	color: #FFFFFF;
}

#leftnav a#activelink{
	background: #117110;
	color: #FFFFFF;
}

#leftnav a#activelink:hover{
	background: #FFFFE0;
	color: #7F7766;
}

/*Custom classes & ID's */
.breadcrumbs {
	font: .9em/1.5 Verdana;
	color: #aaa;
	margin:0px;
}

.breadcrumbs a {
	text-decoration: none;
	color: #aaa;
}

/*---*/

.clear {
	clear:both;
}
hr {
	background-color: #D3CEC7;
	height: 1px;
}
#home_left {
	float: left;
	padding: 10px;
}
#home_right {
	float: left;
	padding: 10px;
}
.photoright {
	padding:10px;
	float:right;
}
.photoleft {
	padding:10px;
	float:left;
}
.textcenter {
	text-align: center;
}
#mainContent img {
	margin: 10px;
	border: 0px;
}
.smalltext {
	font-size: 1.2em;
}
#leftnav_modelling {
	margin-top: 5px;
}
#leftnav_modelling img {
	border: 0px;
}
#vtour {  
    height:  360px;  
    width:   460px;  
    padding: 0;  
    margin:  0 auto;
	overflow:hidden;
} 
 #vtour img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  400px; 
    height: 300px; 
    top:  0; 
    left: 0;
}
.centre {
	text-align: center;
}
.redtext {
	color: #ff1111;
}
.home-btn {
  margin-left:75px;
}