body {
height: 			100%;
margin: 			0;
padding: 			0;
background-color: #000d1c;

font:				11px Tahoma, Arial, Sans-serif;
color:				#ffffff;
}

a, a:link , a:visited  {
color: 				#13a9ff;
text-decoration: 	none;
}

a:hover {
text-decoration: 	underline;
color: 				#13a9ff;
	}

/* The header and footer */
.head {
display:			block;
height: 			300px;
background: 		transparent;
color:				#ffffff;
text-align:			center;
padding:			5px;
font-size:			30px;
}

/* The header and footer */
.headfoot {
display:			block;
padding:			5px;
height: 			60px;
background: 		transparent;
border: 			hidden;
text-align:			center;

}

/* This bit does all the work */
#container {
position:			relative;
display:			block;
background: 		transparent;
border-left:		200px solid transparent;
}

#inner {
display:			block;
margin-left:		-200px;
padding:			5px;
}

#left {
float:				left;
position:			relative;
width:				200px;
left:				0px;
}

#center {
margin-left:		200px;
position:			relative;
display:			block;
height:				90%;
}

.clear {
clear:				both;
}

th {
border: 			hidden;
background-color:	transparent;
color:				#ffffff;
}

th.subhr {
BORDER-RIGHT: 		#888888 1px solid;
BORDER-TOP: 		medium none;
BORDER-LEFT:		medium none;
BORDER-BOTTOM: 		#888888 1px solid;
BORDER-COLLAPSE: 	collapse;
BACKGROUND-COLOR: 	black;
}

th.subh {
border:				medium none;
BORDER-BOTTOM: 		#888888 1px solid;
BORDER-COLLAPSE: 	collapse;
background: transparent;
font-size:13px;
	}

th.title_00{
background-color: #000033;
border: #0000FF 1px solid;
font-size: 			14px;
font-weight: 		bold;
}
th.title_01{
background-color: #4a0202;
border: #ff0011 1px solid;
font-size: 			14px;
font-weight: 		bold;
}
th.title_02{
background-color: #271a03;
border: #e49a1e 1px solid;
font-size: 			14px;
font-weight: 		bold;
}
th.title_03{
background-color: #0f2103;
border: #6ee41e 1px solid;
font-size: 			14px;
font-weight: 		bold;
}
th.title_04{
background-color: #180321;
border: #960ed0 1px solid;
font-size: 			14px;
font-weight: 		bold;
}

.trainhead {
background: transparent;
font-size: 16px;
font-weight: bold;
color: #13a9ff;
}

.box_spacer {
padding: 20px;
}

.box_avaliable {
	font-size: 10pt;
	font-weight: bold;
	color:#e90000;
	background-color: #000d1c;
	padding: 5px;
}

.box_header {
	background-color: #012043;
	font-weight: bold;
	color: #13a9ff;
}

.box_subheader {
	background-color: #012043;
	font-weight: bold;
	color: #13a9ff;
}

.box_header_black {
	background-color: black;
	color: #dddddd;
}

.box_border {
	background-color: #012043;
}

.box_content {
	font-size: 10pt;
	background-color: #000d1c;
	padding: 5px;
}

.box_content_small {
	font-size: 8pt;
	background-color: #000d1c;
}

.box_contentb {
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #000d1c;
	padding: 5px;
}

.box_back {
	vertical-align: middle;
	padding: 15px;
	border: #383838 1px solid;
	background-color: #000d1c;
}

textarea {
BORDER-RIGHT: 		#888888 1px solid;
BORDER-TOP: 		#888888 1px solid;
FONT-WEIGHT: 		normal;
FONT-SIZE: 			10pt;
BORDER-LEFT: 		#888888 1px solid;
COLOR: 				white;
BORDER-BOTTOM: 		#888888 1px solid;
BACKGROUND-COLOR: 	#000000;
}

select {
border: 			#000000 1px solid;
COLOR: 				white;
BACKGROUND-COLOR: 	#012043;
}

.textfield {
font-weight:		bold;
color:				#ffffff;
padding-left: 		10px;
}

input {
border: 			#000000 1px solid;
font-size: 15px;
font-weight: bold;
BACKGROUND-COLOR: 	#012043;
color: #ffffff;
}

input.login_input {
border: 			#000000 1px solid;
PADDING-LEFT: 		2px;
PADDING-BOTTOM: 	2px;
COLOR: 				#ffffff;
PADDING-TOP: 		2px;
BACKGROUND-COLOR: 	#012043;
}

input.login_submit {
font-weight: 		bold;
text-align: 		center;
vertical-align:		middle;
border: 			#000000 1px solid;
background: 		#012043;
width: 				62px;
height: 			21px;
}

td {
FONT-SIZE: 			10pt;
COLOR: 				#ffffff;
BORDER-COLLAPSE: 	collapse;
}

td.maintext {
font-size: 			10pt;
font-family: 		Verdana, Arial, Helvetica, sans-serif;
color: 				#13a9ff;
}

.leftcolmenu {
border: 			#000000 1px solid;
background: 		#012043;
}

.small {
padding-left: 		10px;
padding-bottom: 	5px;
padding-top: 		0px;
}

table.small td {
FONT-SIZE: 			8pt;
BORDER-COLLAPSE: 	collapse;
}

table.small input {
font-size: 			8pt;
width: 				150px;
height: 			21px;
border-collapse: 	collapse;
}

table.table_lines td {
PADDING-BOTTOM: 	10px;
PADDING-TOP: 		9px;
BORDER-BOTTOM: 		#333333 1px solid;
background: transparent;
BORDER-COLLAPSE: 	collapse;
}

td.menu_cell {
VERTICAL-ALIGN: 	top;
WIDTH: 				137px;
BORDER-COLLAPSE: 	collapse;
horizontal-align: 	left;
}

td.menu_cell_repeater {
background-color:	#CCCCCC;
}

td.menu_cell_repeater_vert {
background-color:	#CCCCCC;
}
div.red{
font-color: 			#FF0000;
}
img {
BORDER-RIGHT: 		0px;
BORDER-TOP: 		0px;
BORDER-LEFT: 		0px;
BORDER-BOTTOM: 		0px
}











/* Table body is the table split into menu section and the body section */
table#body {
  width: 100%;
  border-collapse: collapse;
  border: 0px solid;
}
/* td#menu = menu section, with unordered list for the menu bit :) */
table#body tr td#menu {
  table-layout: fixed;
  width: 190px;
}
table#body tr td#menu ul {
  width: 190px;
  _width: 192px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
}
table#body tr td#menu ul.hidden {
  display: none;
  height: 0px;
}
table#body tr td#menu ul.visible {
  display: list-item;
}
table#body tr td#menu ul li {
  background-color: #212121;
  border: 0px solid;
  text-align: center;
  font-size: 14px;
  padding: 1px 1px 0px 1px;
  _padding: 0px 0px 0px 1px; /* IE specific underscore fix */
  border-bottom: 1px solid #000000;
}
table#body tr td#menu ul li.sub {
  font-weight: normal;
  font-size: 12px;
  _padding: 1px 0px 0px 1px;
  _display: inline; /* These are to fix the layout in IE */
  _height: 12px;
}
table#body tr td#menu ul li a {
  display: block;
  width: 100%;
  text-indent: 2px;
  padding: 5px 0px 5px 0px;
  background-color: #161616;
  text-decoration: none;
  color: #FFFFFF;
  border-bottom: 1px solid #161616;
  border-right: 1px solid #161616;
}
table#body tr td#menu ul li.sub a {
  background-color: #3A3A3A;
  text-align: left;
}
table#body tr td#menu ul li a:hover {
  color: #8080FF;
}
table#body tr td#menu ul li.sub a:hover {
  text-indent: 7px;
  font-weight: bold;
}
/* Main body, this is where the work takes place */
table#body tr td#main {
  width: 100%;
  table-layout: auto;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
  border: 0px solid #FFD700;
}
