@charset "utf-8";

html { height: 100%; } /*Required for linear gradient background*/


body {
	height: 100%;
	min-height: 100%;
	
	background: -moz-linear-gradient(left, #FFFFFF 25%, #3366FF 100%); /* Mozilla Firefox */ 
	background: -o-linear-gradient(left, #FFFFFF 25%, #3366FF 100%); 	/* Opera */ 
	background: -webkit-gradient(linear, left top, right top, color-stop(25%, #FFFFFF), color-stop(100%, #3366FF)); /* Webkit (Safari/Chrome 10) */ 
	background: -webkit-linear-gradient(left, #FFFFFF 25%, #3366FF 100%); /* Webkit (Chrome 11+) */ 
	background: -ms-linear-gradient(left, #FFFFFF 25%, #3366FF 100%); /* IE10 */ 
	background: linear-gradient(left, #FFFFFF 25%, #3366FF 100%);	 /* Proposed W3C Markup */ 

	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorStr="#FFFFFF", endColorStr="#3366FF");
	
}

	
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}


li {
	margin-left: -20px;
	margin-bottom: 3px;	
	list-style-type:disc; 
	color:#0066FF;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	color: #0066FF;
}


.heading-black{
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom:  #0066FF groove 3px;
	color:#000;	
	text-align: left;
	padding-left: 0px;
	padding-right: 20px;
}


.heading-black-small{
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom:  #000 groove 2px;
	color: #000;	
	text-align: left;
	padding-left: 0px;
	padding-right: 5px;
}

hr.hr-blue {
	width: 100%;
	border-top: 3px ridge #0066FF;	
	background-color: #0066FF;	
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
}

hr.hr-black-thin {
	width: 100%;
	border:black 1px dotted;
	border-style: none none dotted;
}

.red-highlight {
	color: #800000;
	font-weight:bold;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
 a:link {
	color: #0066FF;
	font-weight:bold;
	text-decoration: none; 	
} 

a:visited {
	color: #0066FF;
	text-decoration: none;
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}



/* ~~this fixed width container surrounds all the other divs~~ */
.container {
	position: absolute;
	width: 1250px;
	left: 0px;
	top: 0px;
	min-height: 100%;
	background-color: transparent;
	padding-bottom: 25px;
	margin-bottom:: 25px;
	z-index: 1;
}


.header {
	position: absolute;
	height: 110px;
	width: 1005px;
	left: 20px;
	top: 5px;
	border: 2px solid #06F;
	padding: 5px 5px 5px 5px;
	border-radius: 22px 0 0 22px;
	-moz-border-radius: 22px 0 0 22px;
	box-shadow: -10px 10px 5px #888;
	-moz-box-shadow: -10px 10px 5px #888;
	-webkit-box-shadow: -10px 10px 5px #888;
	background-color: #FFF;
	color: #FFF;
	z-index: 2;
}

.header-image {
	position: absolute;
	left: 10px;
	top: 5px;
	background-image: url(../images/train.gif);
	background-repeat: no-repeat;
	height: 78px;
	width: 350px;
	z-index: 3;
}

.header-text {
	position: absolute;
	left: 400px;
	top: 5px;
	height: 50px;
	width: 530px;
	padding-top: 2px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #06F;
	font-weight: bold;
	font-style: italic;
	font-size: 38px;
	text-align: left;
	z-index: 3;
}

/*Contains buttons - CSS for these defined in file button.css*/
.navbar {
	position: absolute;
	left: 30px;
	top: 85px;
	height: 36px;
	width: 700px;	
	z-index: 3;
}

.page-title {
	position: absolute;
	top: 5px;
	height: 35px;
	width: 985px;
	left: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-right: 0px;
	border-bottom-color: #06F;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	background-color: #FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
	text-align: left;	
	color:#06F;
	clear:both;
	z-index: 3;
}

/* Vehicle Images at Right hand Side of Page */
.SideImagePanel {
	position: absolute;
	height: 1070px;
	width: 200px;
	top: 5px;
	left: 1050px;
	background-image: url(../images/SideImagePanel.jpg);
	background-color: transparent;
	border: 0px solid #06F;
	border-radius: 0px 22px 22px 0px;	
	z-index: 3;
}

/* Spacer under the SideImagePanel - Ensures a visual gap at bottom of page */
/* when main content is shorter than the SideImagePanel */
.spacer-SideImagePanel {
	position: absolute;
	height: 20px;
	width: 200px;
	top: 1075px;
	left: 1045px;
	background-color: transparent;
	z-index: 3;
	}

/* Spacer under the main content - this ensures a visual gap */
/* at bottom of page whenever the content is longer than the SideImagePanel */
.spacer-Content {
	position: absolute;
	height: 35px;
	width: 900px;
	background-color: transparent;
	z-index: 3;
	}

/* Where the individual pages differ */
.content {
	position: absolute;
	left: 20px;
	top: 145px;
	width: 980px;
	min-height: 550px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #FFF;
	color: #000;
	padding: 5px 15px 5px 20px;
	margin-bottom: 20px;
	border: 3px solid #06F;
	border-radius: 22px 0 0 22px;
	-moz-border-radius: 22px 0 0 22px;
	box-shadow: -10px 10px 5px #888;
	-moz-box-shadow: -10px 10px 5px #888;
	-webkit-box-shadow: -10px 10px 5px #888;
	z-index: 2;
	font-size: 14px;
}


.content ul, .content ol {
	padding: 15px 15px 15px 40px; 
}


/* ~~ Links found within content area text ~~ */
.content a:link { color: #0066FF; text-decoration: none; font-weight: normal; font-size: 14px;}
.content a:visited { color: #0066FF; text-decoration: none; font-weight: normal; font-size: 14px;}
.content a:hover { color: #900; text-decoration: none; font-weight: normal; font-size: 14px; border-bottom: 1px dotted #900; }


/* ~~ Home Page Footer ~~ */
.footer-home {
	position: absolute;
	bottom: 10px;
	height: 40px;
	width: 995px;
	left: 5px;
	margin-top: 5px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	border-top-color:  #0066FF;
	border-top-width: thin;
	border-top-style: dotted;
	background-color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	clear: both;
	z-index: 3;
}

/* ~~ Home Page Footer  Link Styles ~~ */
.footer-home a:link { color: #0066FF; text-decoration: underline; font-weight: normal; font-size: 12px;}
.footer-home a:visited { color: #0066FF; text-decoration: underline; font-weight: normal; font-size: 12px;}
.footer-home a:hover { color: #900; text-decoration: underline; font-weight: normal; font-size: 12px; border: none; }
.footer-home a:active{ color: #0066FF; text-decoration: underline; font-weight: normal; font-size: 12px; border: none; }


/* ~~ Standard Page Footer ~~ */
.footer {
	position: absolute;
	bottom: 10px;
	height: 20px;
	width: 995px;
	left: 5px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	border-top-color: #06F;
	border-top-width: thin;
	border-top-style: dotted;
	background-color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	clear: both;
	z-index: 3;
}

/* ~~ Standard Page Footer Link Styles ~~ */
.footer a:link { color: #0066FF; text-decoration: underline; font-weight: normal; font-size: 12px;}
.footer a:visited { color: #0066FF; text-decoration: underline; font-weight: normal; font-size: 12px;}
.footer a:hover { color: #900; text-decoration: underline; font-weight: normal; font-size: 12px; border: none; }
.footer a:active{ color: #0066FF; text-decoration: underline; font-weight: normal; font-size: 12px; border: none; }