/* Remove padding and margin */ 



p, ul, h1, h2, h3, h4, h5 {

	margin: 0;

	padding: 0;

}



/* Float and clearing */

.clear 

    { 

    clear:both; 

} 



.right 

    { 

    float: right; 

} 



.left 

    { 

    float: left; 

}



/* Document Setup */



body 

    { 

    font: 62.5%/1.5 Arial, Helvetica, sans-serif; 

    background: #004c6f; 

    color: #666666;     

    text-align:center; 

	margin: 0;

	padding: 0;

} 

a img {

         border: 0 none;

           }



img {

         border: 0 none;

           }

a

	{

	color: #005983;

	text-decoration: none;

}



a:hover

	{

	color: #005983;

	text-decoration: underline;

}



#wrapper 

    {  

	width: 100%;

    min-width:986px;  

    text-align:left;   

    margin-left:auto;  

    margin-right:auto;  

    background-color: #FFFFFF; 

	position: relative;

}



#header

	{

	margin-left:auto;  

    margin-right:auto; 

	width: 100%;

	background: #005983;

	border-bottom: #dcdcdc solid 1px;

	z-index: 200;

}



#header-container

	{

	margin: auto;

	width: 986px;

	position: relative;

	min-height: 134px;

	background: url(../images/bg-top.jpg) no-repeat;

}



#logo

	{

	position: absolute;

	background: url(../images/logo-mbj.png) left top no-repeat;

	width: 484px;

	height: 90px;

	top: 0;

	left: 0;

}



#logo a

	{

	width: 484px;

	height: 90px;

	display: block;

}



#login-status

	{
	position: absolute;
	top: 57px;
	right: 35px;
	color: #ffffff;
	font-size: 12px;

}

#login-status .left

	{
	float: left;

}

#login-status .login-btn

	{
	background: url(../images/btn-login.jpg) no-repeat;
	display: block;
	width: 50px;
	height: 23px;
	margin: 0 0 0 10px;

}

#amtrak-bug {
	position: absolute;
	top: 13px;
	right: 18px;
}

#amtrak-bug a {
	
	display: block;
	width: 133px;
	height: 32px;
}



#topadarea

	{

	margin-left:auto;  

    margin-right:auto; 

	width: 100%;

	background: #061119;

	min-height: 99px;

	border-bottom: #dcdcdc solid 1px;

}



#topadarea-container

	{

	margin: auto;

	position: relative;

	width: 1057px;

}



#feature

	{

	margin-left:auto;  

    margin-right:auto; 

	width: 100%;

	background: #ffffff;

	overflow: hidden;

}



#feature-container

	{

	margin: auto;

	width: 986px;

	position: relative;

	min-height: 60px;

	background: url(../images/bg-feature.jpg) top center no-repeat;

}



#feature-top

	{

	padding-top: 10px;

}



#feature-top-left

	{

	float: left;

}



#feature-top-right

	{

	float: right;

}

#feature-top-right .moduletable {
margin-bottom: 5px;
}



#main

	{

	margin-left:auto;  

    margin-right:auto; 

	width: 100%;

	background: #ececec url(../images/bg-feature-bottom.jpg) bottom center no-repeat;

	z-index: -10;

}



#main-container

	{

	margin: auto;

	padding: 16px 0;

	width: 986px;

	position: relative;

	min-height: 100px;

	background: url(../images/bg-main-top.jpg) top center no-repeat;

}



#content

	{

	width: 986px;

	background: #ffffff;

	border: #e6e6e6 solid 1px;

	margin: 16px 0;

	font-size: 12px;

	z-index: -10;

}



#content-container

	{

	margin: 18px 0;

	overflow: hidden;

}



#bugbar

	{

	margin-left:auto;  

    margin-right:auto; 

	width: 100%;

	background: #ffffff;

}



#bugbar-container

	{

	margin: auto;

	width: 986px;

	min-height: 96px;

}



#bug-footer-left {

	float: left;

}



#bug-footer-right {

	float: right;

}



#bug-facebook

	{

	float: left;

	width: 172px;

	height: 31px;

	background: url(../images/bug-facebook.jpg) no-repeat;

	margin: 33px 0 0 5px; 

}



#bug-facebook a

	{

	width: 172px;

	height: 31px;

	display: block;

}



#bug-uncf

	{

	float: right;

	width: 117px;

	height: 69px;

	background: url(../images/bug-uncf.jpg) no-repeat;

	margin: 13px 0 0 0; 

}



#bug-uncf a

	{

	width: 117px;

	height: 69px;

	display: block;

}



#bug-acela

	{

	float: right;

	width: 75px;

	height: 69px;

	background: url(../images/bug-acela.jpg) no-repeat;

	margin: 13px 0 0 0; 

}



#bug-acela a

	{

	width: 75px;

	height: 69px;

	display: block;

}



#bug-sa

	{

	float: right;

	width: 61px;

	height: 69px;

	background: url(../images/bug-sa.jpg) no-repeat;

	margin: 13px 0 0 0; 

}



#bug-sa a

	{

	width: 61px;

	height: 69px;

	display: block;

}



#bug-amtrak

	{

	float: right;

	width: 87px;

	height: 69px;

	background: url(../images/bug-amtrak.jpg) no-repeat;

	margin: 13px 30px 0 0; 

}



#bug-amtrak a

	{

	width: 87px;

	height: 69px;

	display: block;

}





/* Typography */

h1{ 

     

} 

     

h2 

    { 

        

} 

     

h3 

    { 

    

} 

     

h4 

    { 

        

} 

     

h5 

    { 

       

} 

     

p 

    { 

        

}







/* Header 

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



/* Navigation 

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

#navigation-destinations

	{

	margin: 0 0 40px 42px;

	padding: 0;

	list-style: none;

	font-size: 14px;

}



#navigation-destinations-links li

	{

	display: inline;

	font-size: 14px;

	margin: 0 15px 0 0;

	background: url(../images/bg-destinations-nav-bullet.gif) right no-repeat;

	padding: 0 15px 0 0;

}



#navigation-destinations-links li:last-child

	{

	background: none;

}



#navigation-destinations-links li.label

	{

	color: #898989;

}



#navigation-destinations-links li a

	{

	color: #005983;

	text-decoration: none;

}



#navigation-destinations-links li a:hover

	{

	color: #005983;

	text-decoration: underline;

}



#navigation-destinations-title

	{

	color: #898989;

	float: left;

	margin-right: 10px;

}



#navigation-destinations-links

	{

	color: #898989;

	float: left;

}



.navigation

	{

	position: absolute;

	background: url(../images/bg-nav.jpg) center no-repeat;

	width: 986px;

	height: 43px;

	bottom: 0;

	left: 0;

	border-top: #005983 solid 1px;

	text-align: center;

}



.menusan

	{

	margin: 12px 0;

	padding: 0;

	list-style: none;}



.menusan li

	{

	margin: 0 15px 0 0;

	padding: 0;

	display: inline;

	color: #ffffff;

	font-size: 13px;

	background: url(../images/bg-nav-divider.png) right no-repeat;

	padding: 10px 15px 15px 0;

	z-index: 200;

	position: relative;

}



.menusan li:last-child

	{

	background: none;

}



.menusan li ul

	{

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	z-index: 200;

	display: none;

	background: #005983;

	top: 39px;

	left: -999em;

	border-left: #ffffff solid 1px;

	border-right: #ffffff solid 1px;

	height: auto;

	clear: both;

}



.menusan li ul li

	{

	display: block;

	background: none;

	z-index: 200;

	text-align: left;

	width: 120px;

	font-size: 11px;

	padding: 5px 0 5px 10px;

	height: auto;

	border-bottom: #ffffff solid 1px;

	clear: both;

	margin: 0;

}



.menusan li ul li:hover {

	background: #00425F;	

}



.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */

	z-index: 200;

	left: 0;

	position: absolute;

	display: inline;   /* change is to 10px, 20px, etc for indenting the sub menue */

}



.menusan a

	{

	color: #ffffff;

	text-decoration: none;

}



.menusan a:hover

	{

	color: #c0e8ff;

}





/* Footer 

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

#footer

	{

	margin-left:auto;  

    margin-right:auto; 

	width: 100%;

	background: #004c6f url(../images/bg-footer.jpg) repeat-x;

	font-size: 11px;

}



#footer-container

	{

	margin: auto;

	width: 986px;

	position: relative;

	min-height: 134px;

	background: url(../images/bg-footer-top.jpg) center top no-repeat;

}



#footer-top

	{

	padding: 15px;

	color: #a3cfe2;

	font-size: 11px;

}



#footer-top a

	{

	color: #a3cfe2;

	text-decoration: none;

}



#footer-top a:hover

	{

	color: #ffffff;

}



#footer-top .copyright

	{

	margin: 0 0 15px;

	display: block;

}



/* Homepage 

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



#left-column-left {

	float: left;

	width: 495px;

}



#left-column-right {

	float: right;

}



#featured-stories-container {

	width: 670px;

	height: 371px;

	background: url(../images/bg-frontpage-slideshow.jpg) no-repeat;

	margin: 0 0 10px;

	position: relative;

}



#featured-members-container {

	float: left;

	width: 300px;

	margin: 0 0 0 25px;

}



#featured-members-container h2 {

	font-size: 18px;

	font-weight: bold;

	color: #005983 !important;

	margin: 0 0 5px 0;

	float: left;

}



.featured-members-title .more-link {

	font-size: 11px;

	float: right;

	padding: 6px 0 0 0;

}



.featured-members-title .more-link a {

	text-decoration: none;

	color: #00547b;

}



.featured-members-title .more-link a:hover {

	text-decoration: underline;

}



#featured-members-thumbs {

	float: left;

	width: 300px;

}



#featured-members-thumbs ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#featured-members-thumbs ul li {

	float: left;

	width: 35px;

	height: 35px;

	background: #666666;

	margin: 0 12px 9px 0;

}





.featured-tab-content {

	padding: 3px 0 0 6px;

	position: absolute;

}



.featured-tab-content img {

	border: none;

}



#featured-content-tabs {

	

}



#featured-content-tabs {

	padding: 0;

	position: absolute;

	bottom: 20px;

	left: 6px;

	z-index: 2;

}



#featured-content-tabs li {

	float: left;

	display: inline;

	margin: 0 6px 0 0;

	width: 215px;

	height: 123px;

	background: url(../images/bg-home-featured.png) no-repeat;

}



#featured-content-tabs li a {

	width: 215px;

	height: 123px;

	display: block;

	position: absolute;

	text-decoration: none;

	color: #ffffff;

	overflow: hidden;

}



#featured-content-tabs li a.selected {

	width: 215px;

	height: 123px;

	display: block;

	position: absolute;

	background: url(../images/bg-home-featured.png) no-repeat;

	background-position: 0 -123px;

}



#featured-content-tabs li:first-child {

	margin: 0 7px 0 0;

}



#featured-content-tabs li:last-child {

	margin: 0 0 0 1px;

}



#featured-content-tabs h2 {

	color: #ffffff;

	font-size: 22px;

	font-weight: bold;

	margin: 20px 0 0 13px;

}



#featured-content-tabs p {

	color: #ffffff;

	font-size: 12px;

	line-height: 16px;

	margin: 13px 0 0 13px;

}





/* Amtrak Black Journeys template 

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

#full-column

	{

	float: left;

	width: 500px;

	margin: 18px 0 0 25px;

}



#left-column-narrow

	{

	float: left;

	width: 606px;

	margin: 0 0 0 15px;

}



#left-column-wide

	{

	float: left;

	width: 746px;

	margin: 0 0 0 15px;

}



#right-column-narrow

	{

	float: right;

	width: 184px;

	margin: 0 20px 0 0;

}



#right-column-wide

	{

	float: right;

	width: 324px;

	margin: 38px 20px 0 0;

}



.clean-box

	{

	padding: 11px;

	border: #cccccc solid 1px;

	margin: 0 0 15px;

}



.plain-jane-box {

	margin: 0 0 5px;

}



.main-img-title h3

	{

	color: #005983;

	font-size: 21px;

	font-weight: bold;

	padding: 0 0 7px 27px;

}



.main-img

	{

		display: block;

		background: url(../images/bg-main-image-wide.jpg) no-repeat;

		width: 755px;

		height: 218px;

}



.main-img-narrow

	{

		display: block;

		background: url(../images/bg-main-image-narrow.jpg) no-repeat;

		width: 610px;

		height: 235px;

}



.blog p

	{

		padding: 0 0 0 20px;

}



.main-img p

	{

		padding: 0 0 0 20px;

}



.main-img-narrow p

	{

		padding: 0 0 0 22px;

}



#page, .blog

	{

		margin-left: 11px;

}



#page p

	{

		margin: 10px 0 10px 19px;

}

#page ul, ol

	{

		margin-left: 19px;

	}
	
#page ul li

{

	margin-left: 40px;

}


#page h1, .blog h1, .componentheading h2, .componentheading, .contentheading
	{
		background: url(../images/bg-dotted-line-horizontal.jpg) bottom repeat-x;
		padding: 0 0 8px 14px;
		margin: 0 0 13px 0;
		color: #005983;
		font-size: 21px;
		width: 100%;
}



#page h2, .blog h2

	{

		background: url(../images/bg-dotted-line-horizontal.jpg) bottom repeat-x;

		padding: 0 0 8px 14px;

		margin: 15px 0 13px 0;

		color: #005983;

		font-size: 21px;

		width: 100%;

}



#page h1 a, .blog h1 a, .componentheading h2 a, .contentheading a

	{

		color: #005983;

		text-decoration: none;

}



#page h1 a:hover, .blog h1 a:hover, .componentheading h2 a:hover, .contentheading a:hover

	{

		color: #005983;

		text-decoration: underline;

}



#featured-destinations {

	margin: 0 0 25px 5px;

	overflow: hidden;

}



#featured-destinations h1 {

	margin: 0 22px 15px 17px;

	background: url(../images/bg-dotted-line-horizontal.jpg) bottom repeat-x;

	padding: 0 0 8px 0;

	color: #005983;

	font-size: 21px;

}



.featured-city-box-container {

	float: left;

	width: 240px;

	background: url(../images/bg-dotted-line-vertical.jpg) right repeat-y;

	margin: 0 7px 0 0;

}



.featured-city-box-container-last {

	float: left;

	width: 237px;

	margin: 0 3px 0 0;

}



.featured-city-box {

	padding: 0 25px 0 17px;

}



.inset-box-container {

	float: right;

	margin: 0 0 15px 30px;

	clear: both;

}



.inset-box {

	padding: 11px;

	border: #cccccc solid 1px;

	min-width: 188px;

}



.inset-box ul, .clean-box ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



.inset-box ul li, .clean-box ul li {

	font-size: 12px;

	margin: 0 0 5px;

}

.inset-box-title {
	width: 212px;	
}

.inset-box-title h3, .clean-box h3 {

	color: #055c85;

	font-size: 18px;

	margin: 0 0 4px;

}



.inset-box p {

	margin: 0 !important;

	padding: 0 !important;

}



.inset-box-left-container {

	float: left;

	width: 247px;

	background: url(../images/bg-dotted-line-vertical.jpg) right repeat-y;

	margin: 0 30px 0 0;

}



.inset-box-left {

	padding: 0 25px 0 17px;

}



.inset-box-right-container {

	float: left;

	width: 203px;

}



.inset-box-left p, .inset-box-right p, .featured-city-box p {

	margin: 0 !important;

	padding: 0 !important;

}



.inset-box-left .title, .inset-box-right .title, .featured-city-box .title {

	color: #00547b;

	font-size: 14px;

	font-weight: bold;

}



.featured-city-box .title {

	color: #000000;

	font-size: 14px;

	font-weight: bold;

}



.inset-box-left .summary, .inset-box-right .summary, .featured-city-box .summary {

	line-height: 16px;

}



.inset-box-left a, .inset-box-right a, .featured-city-box a {

	color: #00547b;

	text-decoration: none;

}



.inset-box-left a:hover, .inset-box-right a:hover, .featured-city-box a:hover {

	text-decoration: underline;

}



.inset-box-left ul, .inset-box-right ul, .featured-city-box ul {

	margin: 10px 0 0;

	padding: 0;

	list-style: none;

}



.inset-box-left ul li, .inset-box-right ul li, .featured-city-box ul li {

	margin: 0 0 0 22px;

	padding: 0 0 0 15px;

	font-size: 11px;

	background: url(../images/bg-bullet-arrow.jpg) left no-repeat;

}



.featured-city-box h3 {

	font-size: 18px;

	font-weight: bold;

	color: #00547b;

	padding: 0 0 3px;

}



#joomla-content-container {

	overflow: hidden;

	position: relative;

}





/* Forms 

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



input.text 

  { 

     

}





/* Tables  

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



table 

  {  

  border-spacing: 0; 

  border-collapse: collapse; 

} 



td  

  { 

  text-align: left; 

  font-weight: normal; 

}



/* Video Gallery Slider 

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



#featured-videos-container {

	float: right;

	width: 602px;

	margin: 0 25px 0 0;

}



#featured-videos-container h2 {

	font-size: 18px;

	font-weight: bold;

	color: #005983 !important;

	margin: 0 0 5px 0;

}



.featured-videos-title {

	

}



#featured-videos-gallery {

		

}



#featured-videos-gallery-container {

		

}



#featured-videos-gallery-previous {

	float: left;

	background: url(../images/slider-arrow-left.jpg) no-repeat;

	width: 35px;

	height: 102px;

}



#featured-videos-gallery-next {

	float: right;

	background: url(../images/slider-arrow-right.jpg) no-repeat;

	width: 35px;

	height: 102px;

}



#featured-videos-gallery-previous a {

	width: 35px;

	height: 102px;

	display: block;

}



#featured-videos-gallery-next a {

	width: 35px;

	height: 102px;

	display: block;

}



#featured-videos-gallery-slider-container {

	float: left;

	width: 532px;

	height: 102px;

	background: #f9f9f9;

	overflow: hidden;

}



#featured-videos-gallery-slider {

	float: left;

	width: 1200px;

	height: 102px;

}



#featured-videos-gallery-slider ul {

	margin: 0 20px 0 0;

	padding: 0;

	list-style: none;

}



#featured-videos-gallery-slider ul li {

	float: left;

	width: 112px;

	height: 84px;

	background: #666666;

	margin: 9px 0 0 16px;

	overflow: hidden;

}



#featured-videos-gallery-slider ul li a {

	width: 117px;

	height: 75px;

	display: block;

}



/* Tooltips */

.tool-tip {

	float: left;

	border: 1px solid #90b402 !important;

	padding: 5px;

	background: #f3fde0 url(../images/tooltip-bg.gif) repeat-x top left !important;

	max-width: 200px;

}

.tool-title {

	padding: 0;

	margin: 0;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	background: transparent url(../images/tooltip-arrow.gif) no-repeat !important;

	font-size: 100%;

	font-weight: bold;

}

.tool-text {

	margin: 0;

	font-size: 100%;

}

.slick-rss-container {
    background: transparent url(../images/boxbg.jpg) no-repeat;
    padding: 10px;
    height: 85px;
    overflow: hidden;
}

.slick-rss-container li {
    list-style-type: none;
    width: 288px;
}

.sweepstakes {
    background: url(../images/bg_left.png) top right no-repeat;
    width: 510px;
}

.sweepstakes h1 {
    color: #005983;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.sweepstakes span {
    width: 216px;
    height: 92px;
    padding: 30px 20px;
    display: block;
    font-size: 1em;
    line-height: 1.5em;
}

#joinus {
    background: url(../images/trainday_logo.png) 300px 10%  no-repeat;
    width: 294px;
    padding-right: 245px;
}

form#josForm label {
    width: 150px;
    text-align: left;
    float:left;
}

form#josForm div {
    margin-bottom: 10px;
    width: 680px;
    float:left;
}


#rightnowonamtrak {

	margin: 0 0 25px 5px;

	overflow: hidden;

}



#rightnowonamtrak h1 {

	margin: 0 22px 15px 17px;

	background: url(../images/bg-dotted-line-horizontal.jpg) bottom repeat-x;

	padding: 0 0 8px 0;

	color: #005983;

	font-size: 21px;

}

.right-now-container {

	float: left;

	width: 320px;

	margin: 0 7px 0 0;

}



.right-now-container-last {

	float: left;

	width: 270px;

	margin: 0 3px 0 0;

}



.right-now-box {

	padding: 0 25px 0 17px;

}
