/*
====================================================================
Main Body and HTML
====================================================================
*/

body {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, Tahoma, Sans Serif;
	font-size: 11px;
	text-align: left;
	color: #000000;
	background: #D50700 url(../images/page_bg2.gif) repeat-x top left;
}

#wrapper {
	margin: 0px;
	padding: 0px 0px 0px 800px;
	background: #D50700 url(../images/page_bg2.gif) repeat-x top left;
}

/*
====================================================================
Common Tags Formatting
====================================================================
*/

h1, h2, h3, p {
	clear: both;
	font-family: Arial, Helvetica, Tahoma, Sans Serif;
	font-size: 11px;
	text-align: left;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 0px;
	color: #ED1B23;
}

h1, h2, h3 {
	font-weight: bold;
}

p {
	color: #000000;
	font-weight: normal;
	line-height: 1.2em;
}

/* ------------------------------------------------------------- */

a {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
}

a:hover {
	color: #D50700;
}

/* ------------------------------------------------------------- */

table {
	padding: 0px;
	margin: 0px 0px 1em 0px;
	border: none;
}

/* ------------------------------------------------------------- */

img {
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	border: none;
}

/*
====================================================================
Form
====================================================================
*/

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

input, textarea, .formbutton {
	font-family: Tahoma, Arial, Helvetica, Sans Serif;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #000000;
}

.formbutton {
	height: 22px;
	padding: auto 2px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background: #FFFFFF url(../images/form_button_bg_01.gif) repeat-x top left;
}

.formtextfield, .formtextarea {
	width: 180px;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 2px 3px;
	background: #FFFFFF url(../images/form_textfield_bg_01.gif) repeat-x top left;
}

.formtextarea {
	background: #FFFFFF url(../images/form_textfield_bg_02.gif) repeat-x top left;
}

/*
====================================================================
Common Classes
====================================================================
*/

.hide {
	display: none;
}

.hide2 {
	padding: 0px;
	margin: 0px;
	width: 0px;
	height: 0px;
	border: none;
	background-color: transparent;
	overflow: hidden;
}

/*
====================================================================
Trains
====================================================================
*/

#trains {
	position: absolute;
	top: 1px;
	left: 0px;
	width: 787px;
	height: 589px;
	background: transparent url(../images/enter_trains.jpg) no-repeat top left;
}

#ydgs {
	position: absolute;
	top: 18px;
	left: 767px;
	width: 183px;
	height: 96px;
	background: transparent url(../images/enter_ydgs.gif) no-repeat top left;
}

#ydgs a {
	display: block;
	width: 183px;
	height: 96px;
	text-decoration: none;
	background: none;
}

#welcome {
	position: absolute;
	top: 250px;
	left: 760px;
	width: 198px;
	height: 122px;
	padding-right: 25px;
	background: transparent url(../images/enter_welcome.gif) no-repeat top left;
}

#enter {
	position: absolute;
	top: 530px;
	left: 822px;
	width: 79px;
	height: 31px;
	background: transparent url(../images/enter_enter.gif) no-repeat top left;
}

#enter a {
	display: block;
	width: 79px;
	height: 31px;
	text-decoration: none;
	background: none;
}