@charset "UTF-8";
/* CSS Document */

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
	color: #0f0c00;
	background-image: url(images/tile_body.gif);
	background-repeat: repeat;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: none;
	color: #0494a1;	}
	
a:visited
{
	text-decoration: none;
	color: #0494a1;	}
	
a:hover
{
	text-decoration: underline;
	color: #0494a1;	}
	
a:active
{
	text-decoration: none;
	color: #0494a1;	}


/* Site Container that holds background image, tiled*/
#BKGcontainer
{
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	background-color: transparent;
	background-image: url(images/tile_container.gif);
	background-repeat: repeat-y;
}

/* Site Container that holds everything and is centered*/
#container
{
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 968px;
	background-color: transparent;
}


/* Header ontainer holds everything on the top. */
#header
{
	margin: 0px;
	padding: 0px;
	width: 968px;
	}
	
/* TopNav ontainer holds everything on the topnav. */
#topNav
{
	margin: 0px;
	padding: 0px;
	width: 968px;
	}
		
/* Nav ontainer holds everything on the topnav. */
#nav
{
	margin: 0px;
	padding: 0px;
	width: 968px;
	border: none;
	}
	
/* Left Column holds everything on the left side. */
#Lcolumn
{
	margin: 0px;
	padding: 0px 28px 40px 80px; 
	float: left;
	width: 565px;
	}
	
/* BannerIntro that can be reused. */
.bannerIntro
{
	margin: 0px 0px 20px 0px;
	padding: 18px 0px 30px 0px;
	width: 565px;
	background-image: url(images/tile_intro.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #010065;
	font-weight: normal;

	}

/* BannerSpec that can be reused. */
.bannerSpec
{
	margin: 20px 0px;
	padding: 0px;
	width: 565px;
	background-image: url(images/bannerSpec_mid.gif);
	background-repeat: repeat-y;
	background-color: trasparent;	
	}
	
/* BannerSpec_bottom holds bottom graphic. */
.bannerSpecBottom
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 565px;
	height: 19px;
	background-image: url(images/bannerSpec_bottom.gif);
	background-repeat: no-repeat;
	background-color: trasparent;	
	}
	
/* Image - left aligned - that can be reused. */
.image
{
	margin: 0px;
	padding: 0px 0px 0px 1px;
	width: 148px;
	float: left;
}

.specContent
{
	margin: 0px;
	padding: 0px 10px 0px 5px;
	width: 401px;
	float: left;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #0f0c00;
}

/* Right Column holds everything on the right side. */
#Rcolumn
{
	margin: 0px;
	padding: 0px 0px 20px 0px; 
	float: left;
	width: 295px;
	}

	
/* Style of pop-ups. */
#popUp
{
	width: 350px;
	margin: 15px;
	padding: 15px;
	background-color: #000000;
	}
	

/* Global settings for an ul. */
ul {
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0f0c00;
	font-weight: bold;
}

/* A style of bullets using a custom image. */	
.BulletedListUL
{ 
	margin-left: 15px;
	list-style-image: url(images/bullet_blue.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0f0c00;
	font-weight: bold;
	line-height: 20px;
	}
	
.BulletedListUL a:link
{
	text-decoration: none;
	color: #0f0c00;
	}
	
.BulletedListUL a:visited
{
	text-decoration: none;
	color: #0f0c00;
}
	
.BulletedListUL a:hover
{
	text-decoration: underline;
	color: #0f0c00;
	}
	
.BulletedListUL a:active
{
	text-decoration: none;
	color: #0f0c00;
}
	
/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.clear
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	

/* Footer Div properties */
#footer
{
	margin: 0px auto 0px auto;
	padding: 10px 0px 0px 0px;
	width: 990px;
	height: 45px;
	text-align: center;
	color: #a9a99a;
	font-size: 10px;
	background-image: url(images/tile_footer.gif);
	background-repeat: no-repeat;
}
	
#footer a:link
{
	text-decoration: none;
	color: #a9a99a;
	}
	
#footer a:visited
{
	text-decoration: none;
	color: #a9a99a;
}
	
#footer a:hover
{
	text-decoration: none;
	color: #808a92;
	}
	
#footer a:active
{
	text-decoration: none;
	color: #a9a99a;
}


/* Copyright properties */
#copyright
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 30px 0px;
	width: 990px;
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
}
	
#copyright a:link
{
	text-decoration: none;
	color: #FFFFFF;
	}
	
#copyright a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}
	
#copyright a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
	}
	
#fcopyright a:active
{
	text-decoration: none;
	color: #FFFFFF;
}


h1 {
	margin: 0px;
	padding: 0px;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	color: #f38e10;
	}
	
h2 {
	margin: 0px;
	padding: 0px;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	color: #0f0c00;	}
	
h2 a:link
{
	text-decoration: none;
	color: #0494a1;
	}
	
h2 a:visited
{
	text-decoration: none;
	color: #0494a1;
}
	
h2 a:hover
{
	text-decoration: underline;
	color: #0494a1;
	}
	
h2 a:active
{
	text-decoration: none;
	color: #0494a1;
}
	
.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #010065;
	font-weight: bold;
	}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #010065;
	font-weight: bold;
	}
.text03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #010065;
	font-weight: bold;
	}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010065;
	font-weight: bold;
	}
.text05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #010065;
	font-weight: normal;
	}

.text06 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #635f5b;
	font-weight: bold;
	}
.text07 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #635f5b;
	font-weight: bold;
	}
.text08 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #635f5b;
	font-weight: bold;
	}
.text09 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #635f5b;
	font-weight: bold;
	}
.text10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #10a5d2;
	font-weight: bold;
	}
.text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #001494;
	font-weight: bold;
	}
.notice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	}

.train_center_notice {
	background-color: #FFD95F;
	color: #000000;
	padding: 5px;
}

.new_sim_notice {
	background-color: #86E9FF;
	color: #000000;
	padding: 5px;
}

/* Styled Table */

@charset "UTF-8";
/* CSS Document */

/* Tabular style Simulators */

td, th {
	font: 12px Arial, Helvetica, sans-serif;
}

.datatable {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.datatable td {
	border: none;
	padding: 7px;
}

.datatable th {
	border: none;
	background-color: #E0E0E0;
	color: #656565;
	font-weight: bold;
	text-align: left;
	padding: 7px;
}

.datatable caption {
	font: 15px bold Arial, Helvetica, sans-serif;
	color: #BC3823;
	text-align: left;
	padding: 3px 0 8px 0;
}

.datatable tr.altrow {
	background-color: #dff6fc;
	color: 000000;
}

.datatable tr: hover {
	background-color: F4D200;
	color: #000000;
}

.datatable a:link
{
	color: #BC3823;
	text-decoration: underline;
	}

/* Tabular rollovers Script for IE6 */
.datatable tr: hover, .datatable tr.hilite {
	background-color: F4D200;
	color: #000000;
}

/* Style of Forms */
input.txt {
	color: #311905;
	background-color: #F6E7D2;
	border: 1px outset #311905;
}

input.btn {
	color:: #FADBB5;
	background-color: #E2C8A5;
	border: 1px outset #311905;
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
} 

form p label {
	float: left;
	width: 30%;
	font: bold 11px Arial, Helvetica, sans-serif;
}

fieldset {
	
	border: 1px solid #311905;
	background-color: #F6E7D2;
	color: #311905;
	margin-top: 16px;
	padding: 10px 5px 30px 5px;
}

legend {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: 311905;
}

.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #BC3823;
	font-weight: bold;
}