/* CSS Document */
#dragonimageswap {
	display: block;
	width: 185px;
	height: 275px;
	background: url('Images/DragonGraphic1_homepage.jpg') no-repeat 0 0;
	float: left;
	position: relative;
}
#dragonimageswap:hover { 
background-position: 0 -275px;
}
#dragonimageswap span {
display: none;
}

#dragonimagemenu {
	display: block;
	width: 185px;
	height: 70px;
	background: url('Images/DragonGraphic13_menu.jpg') no-repeat 0 0;
	float: left;
	position: relative;
}
#dragonimagemenu:hover { 
background-position: 0 -70px;
}
#dragonimagemenu span {
display: none;
}

#locomotiveimageswap {
	display: block;
	width: 180px;
	height: 240px;
	background: url('Images/sale_locomotive.jpg') no-repeat 0 0;
	float: left;
	position: relative;
}
#locomotiveimageswap:hover { 
background-position: 0 -240px;
}
#locomotiveimageswap span {
display: none;
}


/*General styles*/
body {
margin: 0;
padding: 0;
background-color:#F5F4F4;
text-align: center;
/*width: 1000px;
height: 850px;
margin: 0 auto;*/
font-family: verdana;
font-size: 12px;
}

h1 {
	font: italic normal 22px "Times New Roman", Times, serif;
	color: #3D4767;
	margin-top: 12px;
	margin-bottom: 8px;
}

h2 {
	margin: 0 0 5px 0;
	font-family: "Times New Roman";
	font-style: italic;
	font-size: 18px;
	font-weight: 400;
	color: #3D4767;
	text-decoration: none;
}

p {
	margin: 0px 0 10px 0;
	line-height: 20px;
	color: #666666;
}

a {
	text-decoration: none;
	color: #3D4767;
}

a img {
	color: #F5F4F4;
}

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

/*Header styles*/
#header {
	margin: 0 auto 0 auto;
	font: normal normal 12px Verdana, Arial;
	height: 200px;
	width: 1000px;
	font-size: 12px;
}
#headermenu {
	float: left;
	position: relative;
	text-align: left;
	margin-left: 10px;
	top: 160px;
	width: 950px;
}
#headermenu a {
	text-decoration: none;
	padding: 0 40px 0 0;
	display: inline-block;
	font-weight: bold;
}

.headermenuhome a {
	color: #313b5a;
}

.headermenubusiness a {
	color: #ffffff;
}

#headermenu a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#phone {
	position: relative;
	top: 160px;
	float: left;
	left: 12px;
	font-weight: bold;
}
.bg1 {
	background: url(Images/websiteheader.jpg) no-repeat top;
}
.bg2 {
	background: url(Images/website-image-domestic.jpg) no-repeat top;
}
.bg3 {
	background: url(Images/website-image-business.jpg) no-repeat top;
}
.bg4 {
	background: url(Images/website-image-dragons.jpg) no-repeat top;
}

#breadtrail {
	padding: 5px 0 0 0;
	font-family: verdana;
	font-size: 11px;
	color: #999999;
	text-align: left;
	float: left;
	position: relative;
	top: 170px;
	left: 12px;
	width: 988px;
} 
#breadtrail a {
color: #999999;
}
#breadtrail a:hover {
color:#666666;
}


/*Container styles*/
#container {
	width: 1000px;
	margin: 0 auto 0 auto;
}


/*Menu styles*/
#menu {
	float: left;
	text-align: left;
	font-size: 12px;
	color: #3D4767;
	font-family: verdana;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 12px;
	padding-bottom: 0;
	position: relative;
	width: 185px;
}

#menu ul{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	width: 185px; /* Width of Menu Items */;
	border-bottom: #F5F4F4;
	float: left;
	display: block;
	position: relative;
}
	
#menu ul li{
position: relative;
background-color: #7786b3;
}
	
/*Sub level menu items */
#menu ul li ul{
position: absolute;
width: 185px; /*sub menu width*/
margin: 0px;
top: 0px;
visibility: hidden;
}

/* Sub level menu links style */
#menu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */;
	color: #3D4767;
	text-decoration: none;
	background-color:#7786b3;
	padding: 2px 2px 2px 10px;
	border: 1px solid #F5F4F4;
	border-bottom: 0;
}

#menu ul li a:visited{
color: #3D4767;
}

#menu ul li a:hover{
background-color: #48ad96;
color: #FFFFFF;
}

#menu .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */


#menubusiness {
	float: left;
	text-align: left;
	font-size: 12px;
	color: #f5f4f4;
	font-family: verdana;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 12px;
	padding-bottom: 0;
	position: relative;
	width: 185px;
}

#menubusiness ul{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	width: 185px; /* Width of Menu Items */;
	border-bottom: #F5F4F4;
	float: left;
	display: block;
	position: relative;
}
	
#menubusiness ul li{
position: relative;
background-color: #526d9a;
}
	
/*Sub level menu items */
#menubusiness ul li ul{
position: absolute;
width: 185px; /*sub menu width*/
margin: 0px;
top: 0px;
visibility: hidden;
}

/* Sub level menu links style */
#menubusiness ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */;
	color: #f5f4f4;
	text-decoration: none;
	background-color:#526d9a;
	padding: 2px 2px 2px 10px;
	border: 1px solid #F5F4F4;
	border-bottom: 0;
}

#menubusiness ul li a:visited{
color: #f5f4f4;
}

#menubusiness ul li a:hover{
background-color: #48ad96;
color: #f5f4f4;
}

#menubusiness .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html #menubusiness ul li { float: left; height: 1%; }
* html #menubusiness ul li a { height: 1%; }
/* End */

#menuhome {
	float: left;
	text-align: left;
	font-size: 12px;
	color: #3D4767;
	font-family: verdana;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 12px;
	padding-bottom: 0;
	position: relative;
	width: 185px;
}

#menuhome ul{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	width: 185px; /* Width of Menu Items */;
	border-bottom: #F5F4F4;
	float: left;
	display: block;
	position: relative;
}
	
#menuhome ul li{
position: relative;
background-color: #87a3d2;
}
	
/*Sub level menu items */
#menuhome ul li ul{
position: absolute;
width: 185px; /*sub menu width*/
margin: 0px;
top: 0px;
visibility: hidden;
}

/* Sub level menu links style */
#menuhome ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */;
	color: #3D4767;
	text-decoration: none;
	background-color:#87a3d2;
	padding: 2px 2px 2px 10px;
	border: 1px solid #F5F4F4;
	border-bottom: 0;
}

#menuhome ul li a:visited{
color: #3D4767;
}

#menuhome ul li a:hover{
background-color: #48ad96;
color: #FFFFFF;
}

#menuhome .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html #menuhome ul li { float: left; height: 1%; }
* html #menuhome ul li a { height: 1%; }
/* End */



/*News panel styles*/	
#news {
	margin: 0 0 0 10px;
	float: right;
	width: 180px;
	text-align: right;
}

.newstitle {
font-family: "Times New Roman";
font-style: italic;
font-size: 18px;
color: #3D4767;
margin-bottom: 4px;
margin-top: 16px;
}

.newstitle a {
color: #3D4767;
text-decoration: none;
}

.newstitle a:hover {
color: #333333;
text-decoration: none;
}

#news p {
text-align: right;
line-height: 18px;
color: #666666;
}

#news a {
color: #3D4767;
}

#content ul {
	text-align: left;
	line-height: 16px;
}

#content ul li{
	color: #666666;
	text-decoration: none;
	padding: 0 0 16px 0;
}


/*Middle panel styles*/
#middle {
	margin: 0 10px 0 10px;
	width: 600px;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-align: justify;
	float: left;
}

.middletitle {
	font: italic normal bold 22px "Times New Roman", Times, serif;
	color: #3D4767;
	margin-top: 12px;
	margin-bottom: 8px;
}

.middletitle a {
	color: #3D4767;
}

.middlesubtitle {
	margin: 0 0 5px 0;
	font-family: "Times New Roman";
	font-style: italic;
	font-size: 18px;
	font-weight: 400;
	color: #3D4767;
	text-decoration: none;
}

.middlesubtitle a {
color: #3D4767;
text-decoration: none;
}

.middlesubtitle a:hover {
	color: #666666;
	text-decoration: none;
}

.middle p {
font-family: verdana;
line-height: 18px;
color: #666666;
}

#content {
	width: 800px;
	text-align: justify;
	float: right;
}

.hometable {
	width: 580px;
	vertical-align: text-top;
	margin: 10px;
}

.hometable p {
	margin-left: 10px;
	margin-right: 10px;
}

/*Content panel styles*/
.contenttitle {
font-family: "Times New Roman";
font-style: italic;
font-size: 22px;
font-weight: bold;
color: #3D4767;
margin-bottom: 8px;
margin-top: 12px;
}

.content p {
font-family: verdana;
line-height: 18px;
color: #666666;
margin-right: 12px;
padding-right: 12px;
}

.content a {
color:#3d4767;
text-decoration: none;
}

.contacttable1 {
	text-align: left;
	background-color: #BBC1D7;
	color: #3D4767;
	width: 525px;
}

.contacttable2 {
	text-align: left;
	background-color: #BBC1D7;
	color: #3D4767;
	width: 575px;
}

#content ul {
	text-align: left;
	line-height: 16px;
}

#content ul li{
	color: #666666;
	text-decoration: none;
	padding: 0 0 6px 0;
}

label {
	font-weight: bold
}


/*Image styles*/
.floatright {
	margin: 0 0 10px 10px;
	float: right;
	border: none;
}
.floatright p {
	font: 10px Verdana, Arial;
	line-height: 14px;
	color: #666666;
	text-align: center;
}
.floatright a {
	float: right;
	font: 11px Verdana, Arial;
	color: #666666;
}
.floatright img {
	margin: 0 0 5px 0;
	border: none;
}


.floatleft {
	margin: 0 10px 10px 0;
	float: left;
}
.floatmenu {
	float: left;
}
.floatleft img {
	margin: 0;
	border: 0;
}
.floatleft p {
	font: 11px Verdana, Arial;
	line-height: 14px;
	color: #666666;
	text-align: center;
}
.floatleft a {
	text-decoration: underline;
	color: #333333;
}

.central {
	padding: 0 6px 6px 6px;
	margin: 0 15px 15px 0;
	text-align: center;
}
.central img {
	margin: 0 0 5px 0;
	border: 0;
}
.central p {
	font: 11px Verdana, Arial;
	line-height: 14px;
	color: #666666;
	text-align: center;
}
.central a {
	font: 11px Verdana, Arial;
	text-decoration: none;
	color: #333333;
}

#saleimageswap {
	display: block;
	width: 185px;
	height: 240px;
	background: url('Images/sale_locomotive.jpg') no-repeat 0 0;
	float: left;
	position: relative;
}
#saleimageswap:hover { 
background-position: 0 -240px;
}
#saleimageswap span {
display: none;
}

/*Footer styles*/
#footer {
	height: 80px;
	width: 1000px;
	float: left;
}

.ftrbg1 {
	background: url(Images/website-footer-template.jpg) no-repeat center;
}

.ftrbg2 {
	background: url(Images/website-footer-domestic.gif) no-repeat center;
}

.ftrbg3 {
	background: url(Images/website-footer-business.gif) no-repeat center;
}
.footertext {
	font: 10px Verdana, Arial;
	position: relative;
	top: 40px;
	color: #FFFFFF;
	float: right;
	right: 130px;
}

.footertext a {
color: #CCCCCC;
}
.footertext a:hover {
	text-decoration: none;
	color: #CAAA61;
}
#creditfooter {
	display: none;
}