BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background: #568627 url("http://lonestarrail.com/images/temp/background/repeating_strip.jpg") repeat left top;
    color: #333;
    font-size: 12px;
}
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
IMG {border: none;}
LABEL {cursor: pointer;}
LABEL, BUTTON {cursor: pointer;}
H1, H2, H3, H4, H5, H6, P, UL, OL, FORM, BLOCKQUOTE {
	padding: 0;
	margin: 0;
}
table {
background-color:transparent;
} 

.required { color:red;}

img.padd {padding-right:10px;}
H5 { color: #0078b1;
padding-left: 18px;
font-size:14px;
font-weight:bold;
margin: 0;}

H6 { color: #0078b1;
padding-left: 4px;
font-size:14px;
font-weight:bold;
margin: 0;}

.relax {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/*  Page  */
.page {
    margin: auto;
    text-align: left;
    width: 1016px;
}

/* Top Navigation */
.top-nav {
	background: url("http://lonestarrail.com/images/temp/bg/top-nav-bg.png") repeat-x left top;
	height: 50px;
	position: relative;
	z-index: 50;
}
.top-nav H1 {
	float: right;
	margin: 12px 8px 0 0;
	font-size: 1em;
	line-height: 120%;
}
.top-nav UL {
	margin: 15px 22px 0 0;
	float: right;
}
.top-nav UL LI, .top-nav UL LI A {color: #CCC;} 
.top-nav UL LI {
	list-style: none;
	float: right;
	font-size: 1em;
	font-weight: bold;
	margin: 0 4px;
}

/* Page Container */
.page-container {
	background: url("http://lonestarrail.com/images/temp/background/train_header.jpg")  no-repeat center top;
	margin-top: -5px;
}

/*  Header  */
.header {position: relative;}
.header .page {
	position: relative;
	z-index: 1;
}
.header .logo {
	float: left;
	margin: 14px 0 0 5px;
	display: inline;
}

/* Search Form */
.header .form-container {
	float: right;
	background: url("http://lonestarrail.com/images/temp/bg/search-form-bg.png") no-repeat top left;
	width: 204px;
	height: 48px;
	margin-right: 4px;
	display: inline;
}
.header FORM {
	margin-right: -200px;			
	float: right;
	display: inline;
}
.header FORM .input-box {
	float: right;
	background: url("http://lonestarrail.com/images/temp/bg/search-form-input-bg.gif") no-repeat top left;
	width: 147px;
	height: 22px;
	margin-top: 9px;
	display: inline;
}
.header FORM INPUT, .header FORM BUTTON {
	border: none;
	font-size: 0.92em;
	color: #8A8A8A;	
}
.header FORM INPUT {
	width: 118px;			
	background: transparent;
	margin: 4px 0 0 23px;
	outline: none;
}
.header FORM BUTTON {
	margin: 9px 8px 0 0;
	padding: 3px 0 4px 0;
	border: none;
	background: url("http://lonestarrail.com/images/temp/buttons/search-form-button.gif") no-repeat left top;
	width: 29px;
	float: right;
	line-height: 150%;
}

/* Sticker */
.header .sticker {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 40;
}
.header .sticker A {
	background: url("http://lonestarrail.com/images/temp/pictures/catch-it.png") no-repeat top left;
	width: 119px;
	height: 93px;
	text-indent: -10000px;
	outline: none;
	float: left;
	cursor: pointer;
}

/*  Content  */
.content-top, .content-bottom, .content-center {
	float: left;
	width: 100%;
}

.cancelled {color:#900303;}
.content-top, .content-bottom {
	font-size: 1px;
	line-height: 0;
}
.content-top {
	background: url("http://lonestarrail.com/images/temp/bg/content-t.png") no-repeat top left;
	height: 13px;
}
.content-center {background: url("http://lonestarrail.com/images/temp/bg/content-c.png") repeat-y top left;}
.content-bottom {
	background: url("http://lonestarrail.com/images/temp/bg/content-b.png") no-repeat top left;
	height: 14px;
}
.content UL {margin: 0 0 0 14px;}
.content A {color: #122E89;}
.content P {
	padding: 12px 0 0 0;
	line-height: 120%;
}
.content P.bottom-ind {padding: 0 20px 4px 20px;}
.content P BIG {font-size: 1.17em;}
.content P small {font-size: 0.92em;}

/* Main Navigation */
UL.main-nav {
	margin: -5px 0 0 8px;
	position: relative;
	z-index: 60;
	float: left;
	display: inline;
}
UL.main-nav LI {
	list-style: none;
	float: left;
	font-size: 1.17em;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
UL.main-nav LI A {
	float: left;
	width: 250px;
	height: 40px;
	color: #666;
	position: relative;
	text-align: center;
	text-indent: -5000px;
	background-position: left top;
	background-repeat: no-repeat;
	outline: none;
}
UL.main-nav LI A.item-1 {
	background-image: url("http://lonestarrail.com/images/temp/main-nav/home.jpg");
	width: 251px;
}
UL.main-nav LI A.item-2  {background-image: url("http://lonestarrail.com/images/temp/main-nav/about-the-lstar.jpg");}
UL.main-nav LI A.item-3 {background-image: url("http://lonestarrail.com/images/temp/main-nav/about-lone-star-rail.jpg");}
UL.main-nav LI A.item-4 {
	background-image: url("http://lonestarrail.com/images/temp/main-nav/news-you-can-use.jpg");
	width: 249px;
}
UL.main-nav LI A:HOVER, UL.main-nav LI.selected A {
	color: #FFFFFF;
	text-decoration: none;
	background-position: left bottom;
}
UL.main-nav LI A SPAN {
	position: absolute;
	display: block;
}
UL.main-nav LI A:HOVER SPAN, UL.main-nav LI.selected A SPAN {
	background: url("http://lonestarrail.com/images/temp/bg/main-nav-hover-arrow.png") no-repeat top left;
	bottom: -11px!important;
	bottom: -15px;
	left: 115px;
	width: 25px;
	height: 12px;
}

/* Shadow */
.content .shadow {
	background: url("http://lonestarrail.com/images/temp/bg/content-shadow.png") repeat-x top left;
	width: 1000px;
	float: left;
	height: 4px;	
	position: relative;
	z-index: 50; 
	margin-left: 8px;
	display: inline;
}

/* Main Content */
.main-content, .side-content {
	display: inline;
	background-color: #fff;
	margin-top: 20px;
}
.main-content {
	width: 636px;
	float: left;
	margin-left: 28px;
	display: inline; 
}


.main-content ul {
	list-style-type: none;
padding-left:15px;

}

ul.meetings {
list-style-type: none;
padding-left:5px;
margin: 0;


}

ul.meetings-special {
list-style-type: none;
padding-left:5px;
margin: 0;
line-height:20px;

}

.main-content li {
background: url("http://lonestarrail.com/images/temp/icons/star.gif") left top no-repeat;
padding-left: 30px;
margin-bottom: 15px;
width:500px;


}

li.stations {
background: transparent;
padding-left: 0px;
margin-bottom: 0px;
width:290px;



}



ul.stations {
padding: 0px;

margin: 0px;

}




li.other {
background: #ffffff;
padding-left: 30px;
margin-bottom: 15px;
width:500px;


}


li.members{
background: url("http://lonestarrail.com/images/temp/icons/star.gif") left top no-repeat;
padding-left: 30px;
margin-bottom: 8px;
width:180px;
height:16px;

}


li.board{
background: url("http://lonestarrail.com/images/temp/icons/star.gif") left top no-repeat;
padding-left: 30px;
margin-bottom: 8px;
width:400px;
height:25px;

}

li.board-special{
background: url("http://lonestarrail.com/images/temp/icons/star.gif") left top no-repeat;
padding-left: 30px;
margin-bottom: 8px;
width:400px;
height:18px;

}

.main-content H2, .main-content H3 {
	background: #1B297D url("http://lonestarrail.com/images/temp/bg/title-navy-c.jpg") repeat-x top left;
	color: #fff;
}
.main-content H2.no-bg {
	background: none;
	color: #336699;
	font-size: 1.67em;
	font-style: normal;
}
.main-content H2.blue {
	margin-top: 2px;			
	background: #D7E5FC url("http://lonestarrail.com/images/temp/bg/title-blue-c.jpg") repeat-x top left;
	color: #336699;
}

.main-content H2.blue-home {
	margin-top: 20px;			
	background: #D7E5FC url("http://lonestarrail.com/images/temp/bg/title-blue-c.jpg") repeat-x top left;
	color: #336699;
}


.main-content H2 {
	font-size: 1em;
	line-height: 100%;
	font-style: italic;
}
.main-content H2 SPAN, .main-content H3 SPAN {
	display: block;
	background: url("http://lonestarrail.com/images/temp/bg/title-navy-l.jpg") no-repeat top left;
}
.main-content H2.blue SPAN {
	background: url("http://lonestarrail.com/images/temp/bg/title-blue-l.jpg") no-repeat top left;
}



.main-content H2.blue-home SPAN {
	background: url("http://lonestarrail.com/images/temp/bg/title-blue-l.jpg") no-repeat top left;
}

.main-content H2 SPAN SPAN, .main-content H3 SPAN SPAN {
	background: url("http://lonestarrail.com/images/temp/bg/title-navy-r.jpg") no-repeat top right;
}
.main-content H2 SPAN SPAN {padding: 10px 16px 10px 16px;}
.main-content H3 SPAN SPAN {padding: 10px 12px 10px 12px;}
.main-content H2.blue SPAN SPAN {
	background: url("http://lonestarrail.com/images/temp/bg/title-blue-r.jpg") no-repeat top right;
	padding: 14px 16px 10px 16px;
	border-bottom: 1px solid #B7C1DF;
}


.main-content H2.blue-home SPAN SPAN {
	background: url("http://lonestarrail.com/images/temp/bg/title-blue-r.jpg") no-repeat top right;
	padding: 14px 16px 10px 16px;
	border-bottom: 1px solid #B7C1DF;
}

/* Gradient Box */
.grad-box {
	background: url("http://lonestarrail.com/images/temp/bg/blue-grad.jpg") repeat-x left bottom;
	border-width: 0 1px;
	border-style: solid;
	border-color: #CACFE0;
}
.grad-box.bottom-indent {padding-bottom: 16px;}
.grad-box.simple {border-bottom-width: 1px;}
.grad-box .bottom-left, .grad-box .bottom-right {position: relative;}
.grad-box .bottom-left {
	background: url("http://lonestarrail.com/images/temp/bg/box-grad-bl.gif") no-repeat bottom left;
	bottom: -1px;
	left: -1px;
}
.grad-box .bottom-right {
	background: url("http://lonestarrail.com/images/temp/bg/box-grad-br.gif") no-repeat bottom right;
	right: -2px;
	padding-bottom: 20px;
}
.grad-box P {padding: 12px 20px 0 20px;}
.grad-box H4 {
	padding: 6px 20px 0 20px;			
	font-size: 1.17em;
	line-height: 120%;
	color: #990000;
}
.grad-box .map {
	font-size: 1px;
	line-height: 0;
}

/* Article Box */
.article-box {
	width: 196px;
	float: left;
	margin: 20px 24px 0 0;
	display: inline;
}
.article-box.last {margin-right: 0;}
.article-box .photo {
	font-size: 1px;
	line-height: 0;
	float: left!important;
	float: none;
}
.article-box .grad-box {padding-bottom: 10px;}
.article-box P {padding: 8px 10px 8px 10px;}

/* Side Content */
.side-content {
	width: 311px;
	float: right;
	margin-right: 24px;
	display: inline; 
}
.side-content H3 {
	background: #65191F url("http://lonestarrail.com/images/temp/bg/title-red.gif") repeat-x top left;
	color: #fff;
}
.side-content H3 SPAN {
	display: block;
	background: url("http://lonestarrail.com/images/temp/bg/title-red-lt.gif") no-repeat top left;
}
.side-content H3 SPAN SPAN {background: url("http://lonestarrail.com/images/temp/bg/title-red-rt.gif") no-repeat top right;}
.side-content H3 SPAN SPAN {padding: 10px 12px 10px 12px;}

/*  Sidebar Photo Box  */
.side-content .photo {
	text-align: center;
	font-size: 0px;
	line-height: 0px;
	height: 1%;
}
.side-content .photo .t {background: url("http://lonestarrail.com/images/temp/bg/photo-shadow-t.gif") left top repeat-x;}
.side-content .photo .r {background: url("http://lonestarrail.com/images/temp/bg/photo-shadow-r.gif") right top repeat-y;}
.side-content .photo .b {background: url("http://lonestarrail.com/images/temp/bg/photo-shadow-b.gif") left bottom repeat-x;}
.side-content .photo .l {background: url("http://lonestarrail.com/images/temp/bg/photo-shadow-l.gif") left top repeat-y;}
.side-content .photo .lt {background: url("http://lonestarrail.com/images/temp/bg/photo-shadow-lt.gif") left top no-repeat;}
.side-content .photo .rt {background: url("http://lonestarrail.com/images/temp/bg/photo-shadow-rt.gif") right top no-repeat;}
.side-content .photo .rb {background: url("http://lonestarrail.com/images/temp/bg/photo-shadow-rb.gif") right bottom no-repeat;}
.side-content .photo .lb {
	background: url("http://lonestarrail.com/images/temp/bg/photo-shadow-lb.gif") left bottom no-repeat;
	padding: 14px 0;
}

/*  Sidebar Bottom Box  */
.side-content .box {margin: 10px 3px 0 3px;}
.side-content .box H2 {
	padding: 10px 0 8px 11px;
	font-size: 1.2em;
	color: #FFFFFF;
}
.side-content .box .contact-box {padding: 10px 10px 24px 10px;}
.side-content .box .details-box {background: #F1F1F1;}
.side-content .box .details-box P {padding: 9px 10px!important;}
.side-content .box .details-box UL {
	margin: 0;
	padding: 0 0 16px 0;
	background-color: #EEE;
	float: left;
	width: 100%!important;
	width: 302px;
}
.side-content .box .details-box UL LI {
	list-style: none;
	padding: 14px 6px 14px 6px;
	background: #E8E8E8 url("http://lonestarrail.com/images/temp/bg/details.gif") left top repeat-x;
	font-weight: bold;
	color: #666666;
}

.side-content .box .details-box-stations UL LI {
	list-style: none;
	padding: 0px 6px 1px 6px;
	background: #E8E8E8 url("http://lonestarrail.com/images/temp/bg/details.gif") left top repeat-x;
	font-weight: bold;
	color: #666666;
}


.side-content .box .details-box UL LI .star {
	padding: 0 0 0 30px;
	background: url("http://lonestarrail.com/images/temp/icons/star.gif") left top no-repeat;
}
.side-content .box .grad-box SMALL {font-size: 0.91em;}
.side-content .box .grad-box P {padding: 0px 0 15px 0;}
.side-content .box .grad-box A {
	color: #354F9B;
	font-weight: bold;
}
.box-footer {
	background: url("http://lonestarrail.com/images/temp/bg/box-footer.gif") left bottom repeat-x;
	margin-top: -10px;
	position: relative;
	z-index: 10;
}
.box-footer.blue {background: url("http://lonestarrail.com/images/temp/bg/box-footer-blue.jpg") left bottom repeat-x;}
.box-footer, .box-footer A {
	font-weight: bold;
	color: #424243!important;
	line-height: 120%;
}
.box-footer.blue, .box-footer.blue A {color: #122E89!important;}
.box-footer .lb {background: url("http://lonestarrail.com/images/temp/bg/box-footer-lb.gif") left bottom no-repeat;}
.box-footer.blue .lb {background: url("http://lonestarrail.com/images/temp/bg/box-footer-blue-lb.jpg") left bottom no-repeat;}
.box-footer .rb {
	background: url("http://lonestarrail.com/images/temp/bg/box-footer-rb.gif") right bottom no-repeat;
	padding: 7px 0 7px 13px;
}
.box-footer.blue .rb {background: url("http://lonestarrail.com/images/temp/bg/box-footer-blue-rb.jpg") right bottom no-repeat;}

/*  Tabs  */
.tabs {
	background: #C0C0C0;
	padding: 50px 0 0 0;
	margin: -4px 8px 20px 8px;
	height: auto!important;
	height: 1%;
}
.shadow {
	font-size: 0px;
	line-height: 0px;
}
.tabs UL {
	margin: 0 !important;
	padding: 0 !important;
}
.tabs UL LI {
	float: left;
	list-style: none;
	background: #DEDEDE;
	margin-right: 1px;
	border-bottom: 1px solid #C0C0C0;
}
.tabs UL LI, .tabs UL LI A {
	font-weight: bold;
	color: #666666;
}
.tabs UL LI A {
	display: block;
	padding: 5px 17px;
	position: relative;
}
.tabs UL LI.selected,.tabs UL LI:HOVER {
	background: #FFFFFF;
	border-bottom: none;
}
.tabs UL LI.selected A,.tabs UL LI:HOVER A {
	background: #FFFFFF;
	text-decoration: none;
	padding-bottom: 6px;
	color: #333333;
}

/* Expanded Navigation */
.expanded-nav {
	background: #BBB url("http://lonestarrail.com/images/temp/bg/expanded-nav-bg.jpg") repeat-x top left;
	width: 1000px;
	margin: 24px 0 -6px 8px;
	padding-bottom: 18px;
	float: left;
	position: relative;
	z-index: 60;
	display: inline;
}
.expanded-nav .column {
	width: 25%;
	float: left;
	margin-top: 20px;
}
.expanded-nav .column H3, .expanded-nav .column H3 A {color: #333;}
.expanded-nav .column H3 {
	margin-left: 20px;
	font-size: 1.17em;
	line-height: 120%;
}
.expanded-nav .column UL {margin: 6px 0 0 20px;}
.expanded-nav .column UL LI {
	list-style: none;
	font-size: 0.92em;
	line-height: 120%;
	font-weight: bold;
	margin-top: 4px;
}
.expanded-nav .column UL LI A {color: #666;}

/*  Footer  */
.footer {
	padding: 5px 0 20px 0;
	text-align: center;
}
.footer P {
	margin: 0 30px;			
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }