/*****************************************************************
      SOUTHERN RAILWAY STYLES
*****************************************************************/

/*************************************
      FORMATTING
*************************************/

body, form, p, h1, h2, h3, h4
{
   margin: 0px;
   padding: 0px;
   
}

body
{
   overflow-y: -moz-scrollbars-vertical;

}

ul, ol
{
   margin: 3px 0px 3px 21px;
   padding: 0px 0px 0px 11px;
}
em{
	font-style: normal;
	font-weight: bold;
}
.ContentRow ul, .ContentRow ol
{
   padding-right: 21px;
}

img
{
   border-style: none;
   border: 0px;
}

#OuterLayout
{
   margin-left: auto;
	margin-right: auto;
}

#LeftMargin,
#RightMargin
{
   width: 8px;
}

#LeftMargin
{
/*
   background: url("../img/gradient_outside_left.gif") repeat-y left;
*/
}

#RightMargin
{
/*
   background: url("../img/gradient_outside_right.gif") repeat-y right;
*/
}

#SiteTools
{
   width: 757px;
   min-height: 20px;
   _height: 20px;
   padding-top: 0px;
   padding-right: 10px;
   /*border-top: solid 4px #FFFFFF;*/
   border-bottom: solid 2px #4a7854;
}

#Main,
#Footer
{
   width: 767px;
}

#Content
{
   _height: 580px;
   min-height: 580px;
}
table#InnerPanel{
	border:4px solid #497854;
	border-bottom: 16px solid #497854;
	background-color: #fff;
}
tr.header td{
	border-bottom: 2px solid #497854;
	vertical-align: top;
	background-color: red;
	height: 1%;
	padding-bottom: 0;
	
}
#LeftBar,
#Content
{
   vertical-align: top;
}

#LeftBar
{
   width: 189px;
}

#LeftBar div
{
   margin-left: 2px;
}

.AcroImage
{
   margin-left: 11px;
   padding-top: 5px;
}

#Content,
#ErrorContent
{
   margin: 0px;
   padding: 0px;
   border: none;
}

#SouthernLogo,
.BorderBottom
{
  /* border-bottom: solid 2px #42704b;*/
}

#SiteSearch
{
   /*border-top: solid 5px #FFFFFF;*/
   border:1px solid #497854;
   background-color: #ebf7ec;
   overflow: hidden;
}

#SiteSearch input.Text
{
  margin-top: 3px;
  float: left;
  display: block;
}
#SiteSearch input.input-image
{
	float: left; 
	display: block;
	margin-top: 6px;
}
#CommuterLogin
{
   /*border-top: solid 5px #FFFFFF;*/
   background-color: #ebf7ec;
   border:1px solid #497854;
}
#CommuterLogin h2 strong{
	color: #497854;
}
#CommuterLogin label{
	margin: 0;
	padding: 0;
	display: block;
	clear: left;
}
#CommuterLogin input.Text
{
  float: left;
  display: block;
}
#CommuterLogin input.input-image
{
	float: left; 
	display: block;
	margin-top: 4px;
}
#CommuterLogin p.BottomLink{
	clear: left;
}
#CommuterLogin p.ArrowLink2{
	background-image: url("../img/arrow-right-green.gif");
	background-repeat: no-repeat;
	background-position: left 0.3em;
}
#CommuterTools
{
   /*border-top: solid 5px #FFFFFF;*/
   background-color: #9acc99;
   border:1px solid #659934;
}
#CommuterTools h2 strong{
	color: #497854;
	text-transform: none;
}
#CommuterTools p.ArrowLink2{
	background-image: url("../img/arrow-right-dark-green.gif");
	background-repeat: no-repeat;
	background-position: left 0.3em;
}
#SouthernLogo
{
	height: 102px;
	text-align: center;
	padding-top: 28px;
	background-color: #9acc99;
	border-right:2px solid #497854;
	border-bottom:2px solid #497854;
	margin-left:0!important;
}

#Content,
#ErrorContent
{
   width: 574px;
}



.ContentRow
{
   width:auto;
   border-width:0;
}

#BannerImage img
{
   display: block;
   border-bottom:2px solid #497854;
   border-left:1px solid #497854;
}

#ErrorBanner
{
   width: 574px;
   height: 130px;
}

.ErrorContent
{
   min-height: 320px;
   _height: 320px;
}

#Footer
{
   clear: both;
   min-height: 20px;
   _height: 20px;
   border-top: solid 2px #FFFFFF;
   border-bottom: solid 16px #FFFFFF;
   position: relative;
   top: -2px;
}

#SiteTools
{
   text-align: right;
}

#Navigation
{
   padding-top: 5px;
   padding-bottom: 5px;
	/*background-color: #A8D1C7;*/
}

#Navigation table
{
   width: 100%;
}

.NavGroup1,
.NavGroup2,
.NavGroup3,
.NavGroup4
{
   margin-bottom: 1px;
}

.NavColour1
{
   width: 4px;
   margin: 0px;
   padding: 0px;
}

.NavColour2
{
   width: 6px;
   margin: 0px;
   padding: 0px;
}

#Navigation a
{
   display: block;
   padding-left: 5px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 1px;
   width: 182px;
}

#Navigation a.SubNav1,
#Navigation a.SubNav2,
#Navigation a.SubNav3,
#Navigation a.SubNav4,
#Navigation a.SubNavOn
{
   padding-left: 20px;
   width: 167px;
}

#Navigation a.SubNav1,
#Navigation a.SubNav2,
#Navigation a.SubNav3,
#Navigation a.SubNav4,
#Navigation a.SubNavOn
{
   background: url("../img/subnavbgtrans.gif") 0 0 no-repeat;
}
#SiteSearch,
#CommuterLogin,
#CommuterTools,
#JourneyTools
{
   padding-left: 10px;
   padding-top: 2px;
   padding-right: 10px;
   padding-bottom: 7px;
   margin-bottom: 5px;
}

#SiteSearch p,
#CommuterLogin p,
#CommuterTools p,
#JourneyTools p
{
   margin-bottom: 5px;
}

#SiteSearch form,
#CommuterLogin form,
#CommuterTools form
{
   width: 100%;
   margin-top: 5px;
   padding-top: 5px;
   border-top: solid 1px #F6D792;
}

.BackLink
{
   margin-top: 5px;
   margin-bottom: 5px;
   padding-right: 7px;
}

.BackLink a
{
   padding-left: 17px;
}

.ArrowLink
{
   margin-top: 5px;
}

.ArrowLink img
{
   margin-right: 2px;
   vertical-align: -2px;
}

#SiteSearch .ArrowLink img,
#CommuterLogin .ArrowLink img,
#CommuterTools .ArrowLink img,
.FormContainer .ArrowLink img
{
   margin-right: 5px;

}

#SiteSearch input.Text,
#CommuterLogin input.Text,
#CommuterTools input.Text
{
   height: 14px;
   width: 90px;
   margin-bottom: 5px;
   margin-right: 8px;
}
#SiteSearch input.Submit,
#CommuterLogin input.Submit,
#CommuterTools input.Submit
{
   height: 9px;
   margin-bottom: 5px;
   padding: 0px;
}

.WelcomeArea
{
   padding-left: 0px;
   padding-top: 30px;
   padding-bottom: 10px;
   margin-right: 0px;
   padding-right: 0px;
   _height: 222px;
   min-height: 222px;
}

.WelcomeArea td
{
   /*width: 100%;
   padding: 0px;*/
}

.WelcomeArea p
{
   margin-right: 0px;
   padding-right: 16px;
}

.WelcomeHead
{
   width: 366px;
}

.WelcomeArea .Col1,
.WelcomeArea .Col2
{
   padding-left: 11px;
   padding-right: 16px;
   vertical-align: top;
   width: 193px;
}

.WelcomeArea .Col1 p,
.WelcomeArea .Col2 p
{
   margin-left: 0px;
   margin-right: 0px;
}

.WelcomeImage,
td.NetworkMapLinks
{
   text-align: right;
}

.WelcomeImage img
{
   /*padding-top: 58px;*/
}

.WelcomeArea img.Heading
{
   display: block;
   padding-bottom: 8px;
   margin-left: 11px;
}

.WelcomeArea p.First
{
   padding-top: 8px;
   margin-bottom: 11px;
}

.PageHeading p.First
{
   margin-bottom: 9px;
}

.PageHeading img
{
   margin-left: 11px;
   margin-right: 2px;
   margin-top: 15px;
   margin-bottom: 5px;
}
.PageHeading img, .PageHeading img.Heading
{
   width:auto!important;
   height:auto!important;
}

.ContentRow .PageHeading table
{
   margin-left: 13px;
   margin-right: 9px;
   width: 550px;
}

.PageHeading table td
{
   width: 50%;
   padding-bottom: 11px;
   padding-right: 11px;
}

.PageHeading td p
{
   margin: 0px;
   padding: 0px;
}

.WelcomeArea p
{
   margin-bottom: 5px;
}

.ContentRow .PageHeading td,
.ContentRow .WelcomeArea td
{
   background-color: transparent;
}

.FormContainer table, .ButtonContainer
{
   padding-left: 11px;
   padding-right: 11px;
}

.ButtonContainer
{
   padding-top: 10px;
   padding-bottom: 8px;
   text-align: left;
}

.ContentRow table
{
   width: 100%;
   border: none;
}

.ContentRow td
{
   border: 0px;
   padding: 0px;
   margin: 0px;
   vertical-align: top;
}

table.Stations td
{
   padding-left: 1px;
}

.ContentRow td.Left,
.ContentRow td.Right
{
   width: 286px;
}

.ContentRow td.LeftLarge,
.ContentRow td.RightLarge
{
	width: 382px;
}

.ContentRow td.LeftLargePromo
{
	width: 380px;
	border-right: 2px solid white;
}
.ContentRow td.RightSmall{
	border-left: 1px solid #497854;
}
.ContentRow td.LeftSmall,
.ContentRow td.RightSmall,
.ContentRow td.Centre
{
	width: 190px;
}

.ContentRow td.eCommsLarge
{
	width: 350px;
}

.ContentRow td.eCommsRight
{
	width: 222px;
}

.ContentRow td.Left,
.ContentRow td.LeftLarge,
.ContentRow td.LeftSmall,
.ContentRow td.Centre,
.ContentRow td.eCommsLarge
{
   border-right: solid 2px #FFFFFF;
}

table.ContentLayout
{
   width: 100%;
   border: none;
   padding: 0px;
}

table.ContentLayout td.RightPad
{
   padding-right: 16px;
}

table.ContentTable td,
table.PromoDetails td,
table.PromoDetails th
{
   padding-left: 11px;
   padding-right: 16px;
   vertical-align: top;
   text-align: left;
}

table.ContentTable td p,
table.PromoDetails td p,
table.PromoDetails th p
{
   padding-left: 0px;
   margin-left: 0px;
   padding-right: 0px;
   margin-right: 0px;
}

table.PromoDetails td.Detail,
table.PromoDetails th.Detail
{
   width: 110px;
   padding-right: 0px;
   text-align: left;
}

table.BorderedContentTable,
table.BorderedPromoDetails
{
   margin-left: 11px;
   margin-bottom: 10px;
   width: 95%;
   border-collapse: collapse;
}
table.BorderedContentTable thead td{
	background-color: #9acc99;
}
table.BorderedContentTable tbody td{
	background-color: #ebf7ed;
}
table.BorderedContentTable tbody tr.alternate td{
	background-color: #d7f0db;
}
table.BorderedContentTable td,
table.BorderedPromoDetails td,
table.BorderedPromoDetails th
{
   padding-left: 10px;
   padding-right: 16px;
   vertical-align: top;
   text-align: left;
   border-bottom: solid 1px #fff;
   border-right: solid 1px #fff;
}

table.BorderedContentTable td p,
table.BorderedPromoDetails td p,
table.BorderedPromoDetails th p
{
   padding-left: 0px;
   margin-left: 0px;
   padding-right: 0px;
   margin-right: 0px;
}

table.BorderedPromoDetails td.Detail,
table.BorderedPromoDetails th.Detail
{
   width: 110px;
   padding-right: 0px;
   text-align: left;
}

table.Standard
{
	width: auto;
	margin-left: 11px;
}

table.Standard td
{
   width: auto;
   border: 0px;
   padding: 0px;
   margin: 0px;
   background-color: transparent;
   vertical-align: top;
}
table.Standard td.child-definition{
  vertical-align: bottom!important;
  padding-top: 10px;
}
table.News td
{
	border-bottom: 1px solid #EFF4F0;
	padding: 5px 0px 5px 0px;
}

#NewsUpdate
{
   padding-bottom: 5px;
}

.ContentRow p,
.FormContainer p,
hr,
#LeftBar p
{
   margin-left: 11px;
   margin-right: 16px;
}

hr
{
   height: 1px;
   border: none;
}

#Announcements
{
/*   min-height: 130px;*/
   _height: 230px;
   padding-bottom: 4px;
}

#Announcements .Updates
{
   min-height: 205px;
   _height: 205px;
   padding-bottom: 4px;
}

#NewsUpdate
{
   /*height: 130px;*/
}

#NewsUpdate .ArrowLink
{
   text-align: right;
   margin-top: 4px;
   padding-top: 5px;
}

#NewsUpdate.Blue1Main .ArrowLink
{
   border-top: solid 1px #9BCBE9;
}

#NewsUpdate.Grey1Main .ArrowLink
{
   border-top: solid 1px #F0F2F1;
}

#NewsUpdate .ArrowLink a
{
   margin-left: 10px;
}

.PromoWide, .NewsBox
{
   min-height: 125px;
   _height: 125px;
}

/*.PromoMain, .PromoMenu
{
   border-top: solid 2px #FFFFFF;
}*/

.PromoWide img.PromoImage,
.PromoMain img.PromoImage
{
   display: block;
}

.PromoMenu
{
   min-height: 222px;
	_height: 222px;
	padding-right: 11px
}

.PromoWide .ArrowLink,
.PromoMain .ArrowLink,
.NewsBox .ArrowLink
{
   margin-top: 0px;
   margin-left: 8px;
   padding-right: 8px;
   padding-top: 7px;
   padding-bottom: 5px;
}

.PromoMenu .ArrowLink
{
   margin-top: 0px;
   padding-left: 0px;
   padding-right: 11px;
   padding-top: 3px;
   padding-bottom: 0px;
}

.PromoWide .ArrowLink img,
.PromoMain .ArrowLink img,
.PromoMenu .ArrowLink img,
.NewsBox .ArrowLink img
{
   vertical-align: -1px;
}

.EventText
{
   min-height: 94px;
   _height: 94px;
   width: 276px;
   padding-right: 10px;
}

.MainEventText
{
   min-height: 195px;
	_height: 195px;
   padding-right: 10px;
}

p.EventDate
{
   float: left;
   padding-top: 14px;
   padding-right: 0px;
   margin-right: 14px;
   padding-bottom: 5px;
   width: 48px;
}

.EventDetails,
.EventDetailsMain
{
	margin-left: 10px;
	padding-top: 10px;
}

.EventDetails p,
.EventDetailsMain p
{
   padding-left: 0px;
   padding-right: 0px;
   margin-left: 0px;
}

#Footer p
{
   float: left;
   padding-top: 3px;
   padding-left: 10px;
   color: #497854;
}

#Footer img
{
   float: right;
}

.AccessLink
{
   position: absolute;
   top: 0px;
   left: 0px;
}

.FAQ .ArrowLink
{
   margin-top: 2px;
}

form.FAQ
{
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 5px;
   margin-bottom: 5px;
   border-bottom: none 0px #FFFFFF;

}

.FAQ .answers,
.survey_list,
.Incident
{
   padding-bottom: 7px;
   margin-bottom: 7px;
   margin-right: 10px;
   margin-left: 10px;
   border-bottom: solid 1px #E1C3DB;
}

#Announcements .Incident
{
   border-bottom: none;
   margin-bottom: 0px;
   line-height: 1.1em;
   padding-bottom: 3px;
}

#Announcements p.NoUpdates
{
   padding-bottom: 6px;
}

.Incident .Details
{
	padding-left: 20px;
	margin-top: 5px;
}

.Board
{
   border-bottom: solid 1px #F6D594;
}

.FAQ input.search
{
		width: 164px;
}

input.go_button
{
		float:right;
    display:block;
}

.FAQ input.search,
input.go_button
{
    margin-top:5px;
    margin-bottom:5px;
}


.FAQ .inline
{
    float:right;
    margin-top:8px;
    margin-right: 5px;
}

.FAQ .right
{
	   text-align: right;
}

.BorderSpace
{
	border-bottom: 3px solid white;
}

.LoginForm
{
	border: none;
}

div.BottomBorder
{
   border-bottom: solid 2px #FFFFFF;
}

.ButtonRow
{
	text-align: right;
	margin-right: 15px;
	padding-bottom: 4px;
}

.AddLookUp
{
	height: 166px;
	margin: 5px;
}

div.RowSpacer,
div.SmallLineSpacer,
div.LargeLineSpacer,
.SmallSpacer
{
   clear:both;
   border: none;
}

br.SmallLineSpacer
{
   line-height: 2px;
}

br.LineSpacer
{
   line-height: 5px;
}

.Spacer
{
	line-height: 5px
}
.DoubleSpacer
{
	
	line-height: 2px;
	border-top: 1px solid #497854;
	border-bottom: 1px solid #497854;
}

input.TextButton
{
	font-weight: bold;
	border: none;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	display: inline;
	cursor: Hand;
	text-align: left;
	text-transform: uppercase;
}

.CommuterLine
{
	border-bottom: solid 1px #F9E4A3;
	margin-top: 5px
}

.FloatRight
{
   float: right;
   margin-bottom: 10px;
   margin-left: 10px;
}

.FloatLeft
{
   float: left;
   margin-bottom: 10px;
   margin-right: 10px;
}

ul.Section
{
	list-style-type: none;
	margin-left: 2px;
}

ul.Page
{
	list-style-type: none;
	margin-left: 0px;
}

ul.Page a:link,
ul.Page a:visited,
ul.Section a:link,
ul.Section a:visited
{
	text-decoration: none;
}

ul.Page a:hover,
ul.Section a:hover
{
	text-decoration: underline;
}

/* hack to fix IE disappearing text bug */
.IeFloatFix div.Blue1Main, .IeFloatFix div.Blue2Main, .IeFloatFix div.Blue3Main,
.IeFloatFix div.Orange1Main, .IeFloatFix div.Orange2Main, .IeFloatFix div.Orange3Main,
.IeFloatFix div.Purple1Main, .IeFloatFix div.Purple2Main, .IeFloatFix div.Purple3Main,
.IeFloatFix div.Grey1Main, .IeFloatFix div.Grey2Main, .IeFloatFix div.Grey3Main
{
   _height: 125px;
}


div.FormLine
{
	border-top: 1px solid #497854;
	line-height: 1px;
	margin-top: 5px;
	margin-bottom: 7px;
}
div.White1Main div.FormLine
{
	border-top: 1px solid #D3D5D2;
}

/*************************************
      FONTS
*************************************/

body, input, select, textarea
{
   font-family: Arial, Helvetica, sans-serif;
}

body
{
   font-size: 70%;
}

p, li, td, input, select, textarea
{
   font-size: 1.0em;
}

.ReadMore
{
   line-height: 1.8em;
   font-size: 0.9em;
   font-weight: bold;
}

/* for article page, changed in ReadMore style */
.ReadMore2
{
   line-height: 1.2em;
   font-size: 0.9em;
   font-weight: bold;
}

a:link, a:visited, a:hover,
a:link strong, a:visited strong, a:hover strong,
p.ArrowLink a:link, p.ArrowLink a:visited,
p.ArrowLink2 a:link, p.ArrowLink2 a:visited,
p.ArrowLinkTrans a:link, p.ArrowLinkTrans a:visited,
.ContentRow a:link.ReadMore, .ContentRow a:visited.ReadMore,
.ContentRow .ReadMore a:link, .ContentRow .ReadMore a:visited,
a:link.NetworkMapLinks, a:visited.NetworkMapLinks
{
   text-decoration: none;
}

p.ArrowLink a:hover,
p.ArrowLink a:hover strong,
p.ArrowLink2 a:hover,
p.ArrowLinkTrans a:hover,
.ContentRow a:hover.ReadMore,
.ContentRow .ReadMore a:hover,
a:hover.NetworkMapLinks,
.ContentRow a:link, .ContentRow a:visited, .ContentRow a:hover,
#LhContent a:link, #LhContent a:visited, #LhContent a:hover,
#SiteTools a:hover
{
   text-decoration: underline;
}

#SiteTools,
#Navigation
{
   font-size: 0.9em;
}

#JourneyTools p.First,
.WelcomeArea p.First,
.PageHeading p.First
{
   font-size: 1.25em;
}

#Announcements .AnnounceDate
{
   font-weight: normal;
}
#SiteSearch input.Submit,
#CommuterLogin input.Submit,
#CommuterTools input.Submit
{
   font-size: 0.8em;
}

.PromoWide .ArrowLink,
.PromoMain .ArrowLink,
.PromoMenu .ArrowLink,
.NewsBox .ArrowLink
{
   font-size: 1.1em;
   font-weight: bold;

}

.EventDate
{
   font-weight: bold;
}

.EventDate .Month
{
   font-size: 1.2em;
   line-height: 1.0em;
}

.EventDate .Day
{
   font-size:  4.0em;
   line-height: 0.9em;
}

.EventDate .Year
{
   font-size: 1.1em;
   line-height: 0.9em;
}

.NewsDate
{
   color: #676767;
}


/*************************************
      COLOURS
*************************************/

body
{
   /*background-color: #FFFFFF;*/
   background-color: #ebf7ed;
}

/*#Content,*/
#ErrorContent
{
   background-color: #FFFFFF;
   color: #000000;
}

#SiteTools,
#SiteTools a:link,
#SiteTools a:visited
{
   color: #42704b;
}

#Footer,
#Navigation a:link,
#Navigation a:visited,
#Navigation a:hover,
#JourneyTools p.First,
.WelcomeArea p.First,
.PageHeading p.First,
#NewsUpdate .ArrowLink a:link,
#NewsUpdate .ArrowLink a:visited,
#NewsUpdate .ArrowLink a:hover,
#Announcements .AnnounceDate,
.PromoWide .ArrowLink a:link,
.PromoWide .ArrowLink a:visited,
.PromoWide .ArrowLink a:hover,
.PromoMain .ArrowLink a:link,
.PromoMain .ArrowLink a:visited,
.PromoMain .ArrowLink a:hover,
.PromoMenu .ArrowLink a:link,
.PromoMenu .ArrowLink a:visited,
.PromoMenu .ArrowLink a:hover,
.NewsBox .ArrowLink a:link,
.NewsBox .ArrowLink a:visited,
.NewsBox .ArrowLink a:hover,
.FAQ .question
{
   color: #FFFFFF;
}

a:link,
a:visited,
a:hover
{
   /*color: #000000;*/
   color: #265930;
}

.EventDate
{
   color: #3399CC;
}
#SiteSearch input.Submit,
#CommuterLogin input.Submit,
#CommuterTools input.Submit
{
   background-color: #FFFFFF;
}
#SiteTools{
	background-color: #fff;
}
/*#SiteTools,*/
/*.PageHeading,*/
.WelcomeArea,
#ErrorBanner,
#Footer
{
   /*background-color: #A8D1C7;*/
}

.EventText,
.MainEventText
{
   background-color: #E3E8E3;
}

.NavGroup1 .NavColour1
{
   background-color: #7CB8E2;
}

.NavGroup1 .NavColour2
{
   background-color: #449AD5;
}

.NavGroup2 .NavColour1
{
   background-color: #C790BC;
}

.NavGroup2 .NavColour2
{
   background-color: #AF609F;
}

.NavGroup3 .NavColour1
{
   background-color: #F2C667;
}

.NavGroup3 .NavColour2
{
   background-color: #EDAE25;
}

.NavGroup4 .NavColour1
{
   background-color: #EBEFEB;
}

.NavGroup4 .NavColour2
{
   background-color: #E3E8E3;
}

#Navigation a
{
   /*background-color: #83A39B;*/
   background-color: #497854;
}

#Navigation a.SubNav1
{
   background-color: #8AABA3;
}

#Navigation a.SubNav2
{
   background-color: #90B3AB;
}

#Navigation a.SubNav3
{
   background-color: #94B8AF;
}

#Navigation a.SubNav4
{
   background-color: #97BCB3;
}

#Navigation a.NavOn
{
   background-color: #9acc99;
}
#Navigation a.SubNavOn{
	 background-color: #ebf7ec;
	 color: #4c7954;
}
#Navigation .NavGroup1 a:hover
{
   background-color: #9acc99;
}
#Navigation .NavGroup1 a.SubNavOn:hover
{
   background-color: #ebf7ec;
   text-decoration: underline;
}

#Navigation .NavGroup2 a:hover
{
   background-color: #C790BC;
}

#Navigation .NavGroup3 a:hover
{
   background-color: #F2C667;
}

#Navigation .NavGroup4 a:hover
{
    background-color: #DADFDB;
	color: #00463F;
}

.White1Main {
   background-color: #FFFFFF;

}

.AdminMain {
	background-color: #A9D1C8;
}

.Label {
	vertical-align: top;
	font-weight: bold
}
.Middle {
	vertical-align: middle;

}
.Bold {
	font-weight: bold
}

.Black {
	color: black;
}

.FadeText {
	color: #666668;
}

.Upper {
	text-transform: uppercase;
}

div.routes
{
	margin: 10px;
	padding-top: 10px;
  border-top: solid 1px #B6E0F6;
}
p.RouteTitle
{
	padding: 0px;
	margin:0px;
}
.routes p.RouteTitle
{
   margin: 0px;
}

p.RouteDescription
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
}
p.Routes
{
   background-color: #FFFFFF;
   margin: 0px;
   padding: 10px;
}
table.TimeTables
{
   margin: 5px 10px 5px 10px;
   border: none;
   border-collapse: collapse;
}
div.Stations
{
   padding: 5px 0px 5px 0px;
   margin: 0px 10px 0px 10px;
   padding-bottom: 5px;
   width: 265px;
}

.ServiceAndAccessibility {
   margin: 0px 10px 0px 10px;
}

.StationBorderTop
{
   border-top: solid 1px #B7D7EE;
}

.StationMapBorderTopBottom
{
   padding: 5px 0px 5px 0px;
   border-top: solid 1px #B7D7EE;
   border-bottom: solid 1px #B7D7EE;
}
.StationMapBorderTop
{
   padding: 5px 0px 5px 0px;
   border-top: solid 1px #B7D7EE;
}
table.Stations
{
   margin: 0px 0px 0px 0px;
   padding-bottom: 5px;
   width: 265px;
}

table.TimeTables
{
   width:548px;
}
td.StationsRight
{
	 text-align: right;
}
td.StationsJustify
{
	 text-align: justify;
	 width: 151px;
}
.TimeTables td
{
   width: 33%;
   padding: 5px 5px 5px 0px;
   vertical-align: middle;
   background-color: #5EADE8 ! important;
   border-bottom: solid 1px #B7D7EE;
   border-left: none;
}
.TimeTables td.TimeTables
{
   padding-left: 5px;
}
td.StationsBlue1
{
   background-color: #5EADE8 ! important;
}
td.StationsBlue3
{
   background-color: #449AD5 ! important;
}
div.StationsBlue3
{
   background-color: #449AD5 ! important;
}
img.RouteMap
{
    display: inline;
    margin-top: 10px;
    margin-bottom: 10px;
   background-color: #FFFFFF ! important;
}
div.RouteMap
{
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
   background-color: #FFFFFF ! important;
}
td.RouteMap
{
   background-color: #FFFFFF ! important;
}

td.White1Main
{
   background-color: #FFFFFF ! important;
}

.BackLink
{
   text-transform: uppercase;
   font-weight: bold;
   text-align: right;
}

.BackLink a:Link, .BackLink a:visited
{
   text-decoration: none;
}

.BackLink a:hover
{
   text-decoration: underline;
}

p.ArrowLink2,
p.ArrowLinkTrans
{
	padding-left: 16px;
	margin-top: 3px;
	padding-top: -1px;
}

p.ArrowLink2 a:link, p.ArrowLink2 a:visited , p.ArrowLink2 a:hover,
p.ArrowLinkTrans a:link, p.ArrowLinkTrans a:visited , p.ArrowLinkTrans a:hover
{
	text-transform: uppercase;
	font-weight: bold;
}

/* back links */
p.BackLink a {
	background: url("../img/arrow-left-white.gif") 0 0 no-repeat;
}

p.ArrowLink2 {
	background: url("../img/arrow-right-white.gif") 0 0 no-repeat;
}
td#Content p.ArrowLink2 {
	background: url("../img/arrow-link-border.gif") left bottom repeat-x;
	padding: 0 0 10px 15px
	
}
td#Content p.ArrowLink2 a{
	background: url("../img/arrow-right-white.gif") 0 0.4em no-repeat;
	padding-left: 15px;
}

/* WHITE ARROW LINKS */
div.White1Main p.ArrowLink2 {
	background: url("../img/arrow_link_trans.gif") 0 0 no-repeat;
}
p.ArrowLinkTrans {
	background: url("../img/arrow_link_trans.gif") 0 0 no-repeat;
}

.White
{
   color: #497854;
}

.Magenta
{
   color: #CC0265;
}
a.MagentaLink,a.MagentaLink:hover,a.MagentaLink:active
{
   color: #CC0265 ! important;
}
a.MagentaLink,a.MagentaLink:active
{
	text-decoration:none ! important;
}
a.MagentaLink:hover
{
	text-decoration:underline ! important;
}
.NewsletterNav a,.NewsletterNav a:hover,.NewsletterNav a:active,.NewsletterNav
{
	text-transform:	uppercase;
	text-align: center;
	font-weight: bold;
	padding-top:10px;
	padding-bottom:10px;
}
.NewsletterNav a
{
	color: #FFFFFF ! important;
	text-decoration: none ! important;
}
.NewsletterNav a:hover,.NewsletterNav a:active
{
	color: #FFFFFF ! important;
	text-decoration: underline ! important;
}
.White1Main h2
{
	color: #000000 ! important;
	text-decoration: none ! important;
}

.Message
{
	font-weight: bold;
	font-size:1.2em;
}

.eCommsLine
{
	border-top: 1px solid #497854;
	margin: 8px 16px 8px 11px;
	line-height: 1px;
}

/*********************************************************
      HEADINGS
*********************************************************/

h2,
.Underline
{
    color: #003432;
    border-bottom: 1px solid #669934;
}

.White1Main h2,
.White1Main .Underline
{
   border-bottom: solid 1px #D3D5D2;
}

.Plain
{
   border-bottom: none;
}

h2,
h3
{
   padding-top: 6px;
   padding-bottom: 6px;
   margin-bottom: 7px;
}

.ContentRow h2,
.ContentRow h3,
.ContentRow h4,
#LeftBar h2,
#LeftBar h3,
#LeftBar h4
{
   margin-left: 11px;
   margin-right: 16px;
}

h2,
h3
{
   font-size: 1.15em;
}

h4
{
   font-size: 1.0em;
}

h2 strong,
h3 strong
{
   font-size: 0.85em;
   text-transform: uppercase;
}
h2.heading-border 
{
 color: #003432;
  border-bottom: 1px solid #669934;
}
h2.heading-border span
{
   text-transform: uppercase;
}

h3,
h4 strong
{
   color: #497854;
}

h2 strong,
h3 strong
{
   color: #497854;
}
#SiteSearch p,
#SiteSearch h2,
#SiteSearch h3,
#CommuterLogin h2,
#CommuterLogin h3,
#CommuterTools h2,
#CommuterTools h3,
.FormContainer h3,
.ContentRow h3,
h3.RouteMap,
h3.StationName
{
   padding-bottom: 7px;
}

#SiteSearch p,
#SiteSearch h2,
#SiteSearch h3,
#CommuterLogin p,
#CommuterLogin h2,
#CommuterLogin h3,
#CommuterTools p,
#CommuterTools h2,
#CommuterTools h3
{
   margin-left: 0px;
   margin-right: 0px;
}
#SiteSearch h2, #SiteSearch h2 strong{
	color: #497854;
}
/*.RightMargin img
{
	margin-right: 5px;
}*/

table.Standard h2
{
   margin-left: 10px;
   padding-top: 0px;
   padding-bottom: 5px;
}

#NewsUpdate h3
{
   padding-top: 8px;
   margin-bottom: 6px;
}
/*
.FormContainer h2
{
   margin-left: 13px;
}
*/
table.News h2
{
	font-size: 1.1em
}

.EventText h3,
.MainEventText h3
{
   padding-top: 8px;
   margin-bottom: 3px;
   margin-left: 0px;
   border: none;
}

h3.Compact
{
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
}

.EventText h3,
.MainEventText h3
{
   font-size: 1.2em;
   font-weight: bold;
}

.EventDate,
.EventText h3
{
   color: #3399CC;
}

h3.RouteMap,
h3.StationName
{
   margin-bottom: 0px;
   border-bottom: none 0px #FFFFFF;

}
h3.Routes,
h3.Stations,
h3.Surveys
{
   border-bottom: solid 1px #FFFFFF;
}

#Announcements h4
{
   margin-left: 11px;
}

td.NetworkMap strong
{
   color: #FFFFFF;
	font-size: 1.5em;
}
td.NetworkMap p
{
	display: inline;
	float: right;
	margin: 0 0 0 0;
}

h4.FAQ a:link, h4.FAQ a:visited, h4.FAQ a:hover
{
   text-decoration: none;
}

.NewsDate h4,
.NewsDate h5,
.NewsDate h6
{
	margin: 0px 10px 0px 0px;
}

.NewsDate h4
{
	font-size: 4.2em;
}

.NewsDate h5
{
	font-size: 1.8em;

}

.NewsDate h6
{
	font-size: 1em;
}

.LineDiv
{
	border-top: 1px solid #B7D7EE;
	margin: 0px 16px 5px 11px;
}

.underline
{
   text-decoration: underline;
}

.Trail li
{
	display:inline;
	margin:0px 0px 0px 0px;
	list-style:none;
	line-height: 1.2em;
}

.TextLeft{
   text-align: left;
}
.TextRight{
   text-align: right;
}
.TextCenter{
   text-align: center;
}


div.GreenPromo {
   background-color: #88A39C;
}
div.GreenPromo p.BackLink a {
	background: url("../img/arrow_back_green_promo.gif") 0 0 no-repeat;
}
div.GreenPromo p.BackLink {
  padding: 5px 16px 5px 0;
  margin: 0;
}
div.LinksPromo {
  background: #fff;
}
div.LinksPromoPg {
  height:30px;
  text-align:right;
  border-top:1px solid #fff;
}
div.LinksPromoPg div.PgLinks {
  font: bold 11px arial;
  color:#fff;
  padding: 7px 16px 0 0;
  height:12px;
  vertical-align: middle;
}

.txtbgcolor
{
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	background-color:#A8D1C7;
}

.errorText
{
	font-weight: bold;
	color: #FFFFFF;
}

.EventBox {
   background-color: #FFFFFF;
   border: 1px solid #D3D5D2;
   width: 82px;
   height: 100px;
   padding: 0px 0px 0px 0px;
   text-align:left;
   word-wrap: break-word;
}

.EventBoxS {
   background-color: #ECF1ED;
   border: 1px solid #D3D5D2;
   width: 82px;
   height: 100px;
   padding: 1px 0px 0px 0px;
   word-wrap: break-word;
}

.EventBoxW {
   background-color: #FFFFFF;
   border: 1px solid #D3D5D2;
   width: 78px;
   height: 10px;
   padding: 0px 16px 5px 0;
   font-weight:bold;
   text-align:center;
}

.EventBoxSW {
   background-color: #ECF1ED;
   border: 1px solid #D3D5D2;
   width: 78px;
   height: 10px;
   padding: 5px 16px 5px 0;
   font-weight:bold;
   text-align:center;
}

.EventHeading {
   background-color: #A8D2C8;
   color: #FFFFFF;
   font-size:36px;
}

.EventGrid1
{ color: #edad25; }

	.EventGrid1 a:link, .EventGrid1 a:visited
	{ text-decoration:none; color: #edad25; }

	.EventGrid1 a:hover, .EventGrid1 a:hover strong
	{ text-decoration:underline; color: #edad25;}

.EventGrid2 {
   color: #af609f;
}
	.EventGrid2 a:link, .EventGrid2 a:visited
	{ text-decoration:none; color: #af609f; }

	.EventGrid2 a:hover, .EventGrid2 a:hover strong
	{ text-decoration:underline; color: #af609f;}

.EventGrid3 {
   color: #449ad5;
}
	.EventGrid3 a:link, .EventGrid3 a:visited
	{ text-decoration:none; color: #449ad5; }

	.EventGrid3 a:hover, .EventGrid3 a:hover strong
	{ text-decoration:underline; color: #449ad5;}

.EventGrid4 {
   color: #d23968;
}
	.EventGrid4 a:link, .EventGrid4 a:visited
	{ text-decoration:none; color: #d23968; }

	.EventGrid4 a:hover, .EventGrid4 a:hover strong
	{ text-decoration:underline; color: #d23968;}



.EventBoxDate {
   background-color: #FFFFFF;
   width: 250px;
   height: 10px;
   padding: 5px 1px 5px 0;
   text-align:left;
   word-wrap: break-word;
}

.EventBoxDateTitle1 {
   color: #edad25;
   font-weight:bold;
   font-size:16px;
}
.EventBoxDateTitle2 {
   color: #af609f;
   font-weight:bold;
   font-size:16px;
}
.EventBoxDateTitle3 {
   color: #449ad5;
   font-weight:bold;
   font-size:16px;
}
.EventBoxDateTitle4 {
   color: #d23968;
   font-weight:bold;
   font-size:16px;
}

.largeField {
	font-size: 1.2em;
}

.LeftImageBox {
  border-top:5px solid #FFFFFF;
}

.LeftImage {
	padding: 10px 0px 10px 10px;
}

.duo-item{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.duo-item .duo-a{
	float: left;
	width: 267px;
}
.duo-item .duo-b{
	float: right;
	width: 267px;
}