/* 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 */

body {
/*	background-color:#fff;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0px;
	padding:0px;
	position:relative;
*/	}

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;
	}


/* ID's  */
#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;}

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

	border:0px; 
	background-color:#FFFFFF;
 	float:left;
	margin:0px;
  	padding:0px;
	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;
	}


#Div_Content_Column_Left {
	background-color:#fff;
	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:#fff;
	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;
	}
#Div_Row_Two{
	background-color:#ccc;
	border:0px;
	height:26px;  /*  original height 26px; */
	left: 0px;
	margin:0px;
	padding:0px;
	position:absolute;
	/*  original settings when rail cars are 26px tall top:68px; */
	top:71px;
	width:750px;
	z-index:9;
	}
#header	{
		top:0px;
		position:absolute;
		}
#header_000 {	/* id header_000 is for formatting the upper left logo on each
				and every page.  */
	background-color:#ccc;
	border-color:#000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#FF00FF;
	font-family:"Comic Sans MS";
	font-size:32px;
	left: 0px;
	height: 70px;
	position: absolute;
	text-align:left;
	text-decoration:none;
	top: 0px;
	width: 300px;
	padding-left:1px;
	padding-top:1px;
	}
#header_001 {/* id header_001 is for formatting the upper right logo on each
				and every page.  */
	background-color:#ccc;
	border-color:#000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#FF00FF;
	font-family:"Comic Sans MS";
	font-size:18px;
	height: 70px;
	left: 300px;
	position: absolute;
	text-align:left;
	text-decoration:none;
	top: 0px;
	width: 225px;
	}
#header_002 {/* id header_002 is for formatting the upper right logo on each
				and every page.  */
	background-color:#ccc;
	border-color:#000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#FF00FF;
	font-family:"Comic Sans MS";
	font-size:18px;
	height: 70px;
	left: 525px;
	position: absolute;
	text-align:left;
	text-decoration:none;
	top: 0px;
	width: 225px;
	}
.header_bullet 	/* This is used for bullets within the header.....  */
	{
	height:20px;
	width:20px;
	border:0px;
	vertical-align:middle;
	}
	



#Layer_Bottom1 {
	background-color:#ccc;
	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:#ccc;
	border: 0;
	height:25px;
	left:0px;
	margin:0px;	
	padding:0px;
	position:absolute;
	top:692px;
	width:750px;
	z-index:4;}
#Layer_Left_Bottom {
	background-color:#ccc;
	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:#ccc;
	border:0px;
	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:0;
	height:25px;
	left:500px;
	right:0px;
	width:250px;
	margin:0;
	padding:0;
	position:absolute;
	top:96px;
	z-index:9;}
#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;}
#wrap
	{/*wrap body tag and center in browser */
	background-color:#000; /*copy from body tag*/
  	border:2px;
	font-family:Arial, Helvetica, sans-serif; /*copy from body tag*/
	font-size:12px; /*copy from body tag*/
	line-height:18px; /*copy from body tag*/
  	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
  	padding:0px;
	position:relative; /*copy from body tag*/
	width:750px;
	}


/* Class's  */
.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;
	}
	


/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ************************************************************* */
/*  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... */
	}




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


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

	
.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
	{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 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	{ /*p_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;
	}	
.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. */ }