/* CSS Document */
/* go to http://www.dynamicdrive.com/style/ for ideas  */
/*  # = id, . = class  :: id may only be used once in a page, while class may be used many */
#Div_Content_Column_Left {
	background-color:#aaa;
	border:1px;
	/**/border-color:#999999;	
	border-style:solid;
	/*height:25px; */
	left:6px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:75px;
	width:258px;
	z-index:2;}
#Div_Content_Column_Right {
	background-color:#aaa;
	border:1px;
	border-color:#999999;	
	border-style:solid;
	/*height:25px;*/
	left:268px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:75px;
	width:263px;
	z-index:2;}
#Div_Content_Column_Left li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
#Div_Content_Column_Right li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}



.ani_train_bcrumbs {  /*  This is for animated train passing up to breadcurmbs */
	background-color: #aaa;
	background-image:url(/graphics/anim/bg01b.jpg);
	border:0px;
	height:26px;  /*  original height 26px; */
	margin:0px;
	padding:0px;
	position:absolute;
	/*  original settings when rail cars are 26px tall top:68px; */
	top:68px;
	width:750px;
	z-index:8;
	}
.ani_train_bcrumbs_train_image {
	border:0px;
	height:26px;  /*  original height 26px; */
	margin:0px;
	padding:0px;
	position:absolute;
	/*  original settings when rail cars are 26px tall top:68px; */
	top:13px;
	width:750px;
	z-index:9;
	}

.f1	{ /* This code is for 'how much time remaining' in the countdown... */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f00; /* red=#ff0000;=#f00 */
	font-weight:600;
	}
.f2	{ /* This code is for 'date of activity' in the countdown... */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #ffcc00;
	font-weight:600;
	}
.f3	{ /* This code is for 'restrictions' section, in layout pages...  20090523 1200 PST */
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FF0000;
	font-weight:400;
	}
	
#nmra_day
	{
	background-color:#666666;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	margin:1px 12px 1px 12px;	
	padding:1em 2em 0em 2em;
	width:125px;
	}
#nmra_night
	{
	background-color:#000000;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	margin:1px 12px 1px 12px;	
	padding:1em 2em 2em 2em;
	width:125px;
	}
a.nmra:link
	{color:#00f; /* link color blue */ 
	font-family: arial, helvetica, sans-serif;
	font-weight:200;
	font-size: 14px;
	text-decoration: underline; /* in addition to color, also underline */
	}
a.nmra:visited
	{color: #ffcc00; /* gold */ 
	background-color:#000000; /* black */
	font-family: arial, helvetica, sans-serif;
	font-weight:200;
	font-size: 14px;
	text-decoration:none;}
a.nmra:hover
	{	background-color: #006699; /* dark blue */
	color: #000000; /* black */
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder; 
	text-decoration: underline overline; /* adds line above/below on mouseover */
	}


/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ************************************************************* */
/*  source is at http://css.maxdesign.com.au/listutorial/01.htm */
.list1 li	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #aaaaaa;
	line-height:18px;
	padding: 0;
	margin: 0;
	margin-left: 0em;
	list-style-type: none;
	background-image: url(/graphics/bullets/track_03.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 3em;
	vertical-align:top;
	height:25px;
	/*width:100px;
	*/}

.list2 li  {
	background-color: #aaaaaa;
	background-image: url(/graphics/bullets/signal_02.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:25px;
	line-height:24px;
	list-style-type: none;
	margin: 0;
	margin-left: -2em;
	padding: 0;
	padding-left: 3em;
	vertical-align:top;
	/*  background color code is 168 168 168 to match body background color... */
	/*width:100px;
	*/}
.list_left2 li  {
	background-color: #aaaaaa;
	background-image: url(/graphics/bullets/signal_04.gif);
	background-position: 0 .4em;
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:32px;
	line-height:16px;
	list-style-type: none;
	margin: 0;
	margin-left: -2em;
	padding: 0;
	padding-left: 4em;
	vertical-align:middle;

	/*  background color code is 168 168 168 to match body background color... */
	/*width:100px;
	*/}
.list3 li  {
	background-color: #aaaaaa;
	background-image: url(/graphics/bullets/track_03.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin: 0;
	margin-left: -2em;
	margin-right: 2em;
	list-style-type: none;
	padding: 0;
	padding-left: 3em;
	padding-bottom:2px;
	vertical-align:top;
	/*  background color code is 168 168 168 to match body background color... */
	}




/* ************************************************************* */
/* ************************************************************* */


/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */

body {
	background-color:#999999;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0px;
	padding:0px;
	position:relative;}
#wrap
	{/*wrap body tag and center in browser */
  	border:0px;
  	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
  	padding:0px;
	width:750px;
	}
	
#div_container_page_content
	{ 

	border:0px; 
	border-color:#FF0000; /*  after perfected, delete this line */
	background-color:#FFFFFF;
 	float:left;
	margin:0px;
  	padding:0px;
	width:750px;
	}	
#body 	{
		/*If any pages have RED color on background, this tag is identified in error.
		It should be #wrap tag instaed.  */
	background-color:#FF0000;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	}
	
#div_container_page_footer
	{
	border:2px;
	border-top-color:#ccc;
	border-top-style:solid;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  	margin:0px;
	padding:0px;
	width:750px;
/*
 	background-color:#fac;	
	border:2px;
	border-style:dotted;
	border-color:#FF0000;
	left:0px;
	height:60px;
	position:relative;
	text-align:left;
*/
	}
	
h1 {border-bottom:thin #ffffff solid;
	border-left:2px;
	border-top:0px;
	background-color:#000000;
	color:#FFFFFF;
	float:left;
	font-family:arial, helvetica, sans-serif;
	font-weight:400;
	font-size:20px;
	line-height: 26px;
	margin-bottom:0px;
	margin-right: 6px;
	margin-top: 4px;
	padding-left:2px;
	padding-bottom:1px;
	padding-right:3px;
	padding-top:1px;
	top:0px;
	}
	
	
#contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	left: 84px;
	line-height:18px;
	margin:0px;
	margin-top:4px;
	top: 0px;
	text-align: left;
/*	vertical-align: top;
*/		}
#p_layout_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	position: absolute;
	left: 2px;
	top: 320px;}
#Video
	{	
	border-width:0px;
	height:480px;
	left:-130px;
	position:relative;
	top:3px;
	width:640px;
	z-index:1;	}





#Layer_Main_Body {
	background-color:#aaaaaa;
	border:0;
 	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	height:543px;
	left:207px;
	margin:0;
	padding-top:2px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:0px;
	position:absolute;
	top:122px;
	width:531px;
	z-index:2;
		}


/* ************************************************************************* */
   /* ******************************************************************* */
      /* ************************************************************* */
          /* ********Start code for acc2.htm page*******************/
#Layer_Main_Body_Left2
	/*  two-column lists :: acc.htm - track_helix_ideas.htm */
	/*  This is used in acc page (a page without Layer_Left_Top or Layer_Left_Bottom*/
 {
	background-color:#aaaaaa;
	border:0;
 	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	left:0px;
	height:533px;
	margin:0;
	position:absolute;
	padding-bottom:2px;
	padding-left:1px;
	padding-right:0px;
	padding-top:2px;
	top:122px;
	width:373px;
	}
#Layer_Main_Body_Right2
	/*  two-column lists :: acc.htm - track_helix_ideas.htm */
	/*  This is used in acc page (a page without Layer_Left_Top or Layer_Left_Bottom*/
 {
 	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	left:376px;
	top:122px;
	width:373px;
	height:533px;
	background-color:#aaaaaa;
	border:0;
	margin:0;
	padding-top:2px;
	padding-left:1px;
	padding-right:0px;
	padding-bottom:2px;}
#Layer_Left_Top01 {
	/*  two-column lists :: acc.htm - track_helix_ideas.htm */
	background-color:#aaaaaa;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:51px;
	left:0px;
	padding-left:4px;
	padding-right:1px;
	position:absolute;
	top:70px;
	width:200px;}
	
          /* ****************End code for acc2.htm page**************/
      /* ************************************************************* */
   /* ******************************************************************* */
/* ************************************************************************* */
#other_urls {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	position: absolute;
	left: 84px;
	top: 72px;}
#rr_layout_525x278	{
		position:absolute;
		left: 3px;
		top:265px;
		border:0px;
		height:278px;
		width:525px;
		padding:0px;
		margin:0px;
		}

/* This is original (valid) code.
#header {
	position: absolute;
	height: 70px;
	width: 750px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	left: 0px;
	top: 0px;}
*/
#header	{
		top:0px;
		position:absolute;
		}
#header_000 {	/* id header_000 is for formatting the upper left logo on each
				and every page.  */
	position: absolute;
	height: 70px;
	width: 280px;
	border-color:#000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	left: 0px;
	top: 0px;}
#header_001 {/* id header_001 is for formatting the upper right logo on each
				and every page.  */
	position: absolute;
	height: 70px;
	width: 470px;
	border-color:#000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	left: 280px;
	top: 0px;}
#Layer_Bottom1 {
	background-color:#aaaaaa;
	border:0px;
/*	20090523 1235 PST :: Do I really need the border tags, here?
border:0px;
	border-color:#00ff00;
*/	left:0px;
	height:25px;
	margin:0px;
	padding: 0px;
	position: absolute;
	text-align: center;
	top:667px;
	width:750px;
	z-index:6;
		}
#Layer_Bottom2 {
	background-color:#aaaaaa;
	border: 0;
	height:25px;
	left:0px;
	margin:0px;	
	padding:0px;
	position:absolute;
	top:692px;
	width:750px;
	z-index:4;}
#Layer_Left_Bottom {
	background-color:#aaaaaa;
	border:0px;
	height:322px;
	left:0px;
	margin: 0;
	padding: 0px;
	padding-left:4px;
	padding-right:1px;
	padding-top:0px;
	padding-bottom:2px; 	
	position:absolute;
	top:343px;
	vertical-align: bottom;
	width:200px;
	z-index:3;}
#Layer_Left_Top {
	background-color:#aaaaaa;
	border:0px;
/*	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style:dashed;
	border-right-style:dashed;
	border-bottom-style:dashed;
	border-left-style:dashed;
	border-color:#FFFFFF;
*/	height:247px;
	left:0px;
	padding-left:4px;
	padding-right:1px;
	position:absolute;
	top:96px;
	width:200px;
	z-index:1;	}

#Layer_Right_Middle {
	background-color:#aaaaaa;
	border: 0;
	height:25px;
	left:207px;
	margin: 0;
	padding: 0px;
	position:absolute;
	top:96px;
	width:291px;
	z-index:7;}
#Layer_Right_Top 
	{
	background-color:#aaa;
	/* border:1px;
	border-style:solid;
	border-color:#999;
	height:20px;
	*/
	/* original settings 
	width:542px; 
	top:70px;
	*/
	border:0;
	height:25px;
	left:500px;
	right:0px;
	width:250px;
	margin:0;
	padding:0;
	position:absolute;
	top:96px;
	z-index:9;}

.breadcrumb {  /*  The breadcrumb class is for formating the breadcrumb 
				link, located aproximate center top of every  page. */
				/* background-color: #006699; */
	color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-weight: 120;
	font-size: 12px;
	line-height: 16px;
	/*padding-left:6px; */
	padding: 0px 0px 0px 4px;}

#linkbar_left  /* This code is used to format menu bar on left of pages. */
	{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/* list-style:disc;  ***This list-style is not needed since I am using new 
							css for the image in the bullet. */
	left:0px;
	line-height: 1.5em; 
	padding-left:4px;
	padding-right:1px; 
	position: absolute;
	top:26px;
	width:200px;}

.link_bottom_center {
	color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: 120;
	float:none;
/*	float: center; */
	line-height: 16px;
	padding: 2px;}
.link_top_right {
	float: right;
	font-family: arial, helvetica, sans-serif;
	font-weight: 120;
	font-size: 10px;
	line-height: 16px;
	color: #ffffff;
	/* background-color: #006699; */
	padding: 2px 4px 2px 2px;
	z-index:7;}
.other_urls_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	position: absolute;
	left: 92px;
	top: 97px;
	}
#p1	{ /*p1 is for 'paragraph 1' or the first paragraph in the page. */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 0px;
	top:0px;
	line-height:18px;
	}	
#p1_error_40x	{ /*p1_error is for 'paragraph 1 (first paragraph) in an error page (ie: 401 / 403 / 404 / etc.....) */
	color:#f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin: 0px;
	top:0px;
	line-height:20px;
	}	
#p2_error_40x	{ /*p2_error is for 'paragraph 2 in an error page (ie: 401 / 403 / 404 / etc.....) */
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin: 0px;
	top:40px;
	line-height:20px;
	}	
#p3_error_40x	{ /*p3_error_40x is for formatting paragraph on Invalid Link Contact Information. */
	color:#f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin: 0px;
/*	top:0px;
*/	line-height:20px;
	}	

#p_error_uri_40x	{ /*p_error is for 'paragraph 1' in an error page (ie: 401 / 403 / 404 / etc.....) */
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#00f;
	margin: 0px;
	top:80px;
	line-height:20px;
	}	
	
.td_crew {	/*class td_creww is for the crew.htm page.  This is to format the 
			crew header above the photograph.  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	line-height: 18px;
	font-weight: 200;
	color: #fff;
	text-decoration:none;}
.td_crew_intro {	/*class td_creww is for the crew.htm page.  This is to format the 
			crew introduction below the photograph.  */
	background-color:#aaa;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	margin: 0px;}
.copyright { /* The class copyright is for formating the copyright in the lower right corner of each and every page.  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:120;
	font-style:normal;  
	float: right;
	padding-right:4px;}
.timestamp 	{ 	/* class-timestamp is used on each and every page in the lower left corner
				to mark the time of last update (changes) to the page. */
	color: #dd0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;/*
	font-weight:1000; 
	font-style: oblique; */
	font-style:normal;  
	float: left; 
	padding-left: 4px;} 
a:link 
	{text-decoration: underline; /* in addition to colore, also underline */
	color: #3333ff; /* link color dark blue */ }
a:visited 
	{color: #333399; /*  color of visited links is purple... */}
a:hover /* while hovering over link, the color will be.... */
	{background-color: #006699; /* #ffffff white */
	color: #000000; /* black */
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: underline overline; /* adds line above/below on mouseover */
	}
a:active /* an active link means both pages are currently open */
	{text-decoration: underline; /* adds line below when linked page is open */
	color: #ffffff; /* link color is white */
	background-color: #000000; /* background color is black. */ }