@import url("colors.css");

/* @override 
	http://localhost/css/styles.css
	http://3.rdrail.net/css/styles.css
*/

/* GLOBALS */
body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #959595 url(images/topbg.png) repeat-x 0 top;
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style-type: none;
}

a img {
	border: none;
}

a span {
	border: none;
}

#wrapper {
	margin: 0 auto;
}

#header {
	width: 1024px;
	height: 74px;
	margin: 0 auto;
	background: url(images/header.png) no-repeat center top;
}

#content {
	width: 1024px;
	margin: 0 auto;
}

#leftcol {
	position: relative;
	width: 200px;
	margin: 0 auto;
	float: left;
	display: inline;
	left: 50%;
	margin-left: -100px;
}

#rightcol {
	float: right;
	width: 200px;
	position: relative;
	margin-top: 100px;
	text-align: center;
}

#tracks {
	width: 300px;
	margin: 0 auto;
}

#lower {
	clear: both;
	height: 150px;
	border-top: 1px solid black;
}

#footer {
	position: relative;
	bottom: 0;
	clear: both;
	height: 72px;
	background-image: url(images/footer.png);
}

#site-name {
	display: block;
	height: 70px;
	width: 200px;
	margin: 0 auto;
}

.tr-data {
	width: 20%;
	float: left;
	padding: 0 60px;
	margin-left: 10px;
}



.tr-outer-box {
	width: 171px;
	height: 70px;
	margin: 5px auto;
}

.tr-outer-box:hover {
	background: url(images/boxbg.png) no-repeat center top;
}


/* LISTS */
#mainnav li {
	list-style-type: none;
	float: left;
}
#mainnav li a {
	display: block;
	width: 38px;
	text-align: center;
	margin: 0 5px;
	min-height: 400px;
	background: url(images/menubg.png) center center;
}

#mainnav li a, #rightcol a {
	color: #231f20;
}

#mainnav li a span {
	position: relative;
	top: 100%;
	display: block;
	width: 38px;
	height: 300px;
	background: url(images/rail_bottom.png) no-repeat center bottom;
}


/* TYPE */
#rightcol h3, #lower h2 {
	color: white;
}

#lower h2 {
	text-shadow: black 2px 2px 2px;
}

#rightcol h3 {
	text-shadow: black 3px 3px 4px;
}

#rightcol h3 {
	font-size: 3em;
}

#rightcol p {
	text-align: left;
	font-size: 1.1em;
}

#lower h2{
	font: 2em;
}

#lower p, #lower ul {
	font-size: 1.3em;
}

#rightcol a:hover {
	color: white;
}

#rightcol ul li a {
	display: block;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#rightcol ul li a:hover {
	background-color: silver;
	padding: 5px 10px;
}

#lower a {
	color: black;
}

#lower a:hover {
	color: white;
}

/* MAIN NAV */


/* MISC */

#topbar, #bottombar {
	height: 5px;
}

#topbar {
	margin-top: 1px;
	border-top: 3px solid white;
}

#colorchoices h5 {
	display: block;
	margin-bottom: 3px;
}

.colorchange, #header.colorchange {
	background-color: #3d8feb;
}