.titleDatsImgimg {border:0 none;}
* :focus, a, a img { outline: none; border:0; }

a:visited{color:#004F91;text-decoration:none;font-weight:normal;}
.ms-WPBody a:visited{
/* [ReplaceColor(themeColor:"FollowedHyperlink")] */ color:#004F91;
text-decoration:none;
}
a:link{
/* [ReplaceColor(themeColor:"Hyperlink")] */ color:#004F91;
text-decoration:none;
}		
a:visited{
/* [ReplaceColor(themeColor:"FollowedHyperlink")] */ color:#004F91;
text-decoration:none;
}
.ms-viewheadertr, .ms-vhltr {display:none;}
.ms-vb2 .ms-rtestate-field a:link {color:#555;border-bottom:1px dotted #ccc;}
.ms-vb2 .ms-rtestate-field a:visited {color:#555;}
.ms-vb2 .ms-rtestate-field a:hover {color:#ccc;border-bottom:1px dotted #555;text-decoration:none;}
#contentContainer{background:url("/publishingimages/contentBgwh.jpg") repeat-y center;position:relative;text-align:left;width:960px;margin:0 auto;background-color:#fcfcfc;top:0;height:auto;overflow:visible}
#content_left{float:left;width:18%;padding:0px;margin-top:10px;margin-left:15px;border:0px;position:relative;top:0;left:0;background-color:#fff;}
#content_left h1{font-size:1.1em;}
.box{overflow:hidden;width:202px;padding:0px 5px 10px;margin:10px 0 0 8px;border:1px solid #CACACA;background-color:#F4F7FA;}
.box h1{font-size:1.3em;}
.box h2, .box h2 {background-color:#004F91;color:#fff!important;margin:0 -5px 14px;border-bottom:1px solid #999999;font-size:1.234567901234568em;padding:0px 5px;font-weight:bold;text-align:center;border-radius:0;}
.box h2 a {font-weight:bold; color:#fff !important;}
.box h2 a, .box a, .box a:visited{color:#555;}
.box a, .box a:visited, .box a:link, .box a:active {color:#004F91;font-weight: inherit;}
.box a:hover {color:#555;text-decoration:underline;}
.box p{padding-left:8px;padding-right:0px;font-size:0.9em; line-height: 1.5em;}

#content_right{float:right;width:20%;padding:0;margin-top:11px;top:5px;font-size:.9em;line-height:1.6em;margin-right:50px;*float:left;margin-left:-5px;}
#content_right img{padding:10px 5px 5px 5px;}
#content_right ul{margin-left:15px;padding-left:5px;list-style-image:url("/publishingimages/goldBullet2.gif");}
#content_right li {padding:0;margin:0 0 0 5px;}
#content_right blockquote{margin-left:20px;margin-right:0;}
#content_right-noRightCol{float:right;width:200px;padding:0;margin-top:0px;position:relative;top:0px;font-size:.9em;line-height:1.6em;margin-right:1px;}
#content_right-noRightCol img{padding:10px 5px 10px 5px;}

#content_right_fitness{float:left;width:20%;padding:0;margin-top:11px;top:5px;font-size:.9em;line-height:1.6em;margin-right:50px;*float:left;margin-left:-25px;}
#content_right_fitness img{padding:10px 5px 5px 5px;}
#content_right_fitness ul{margin-left:15px;padding-left:5px;list-style-image:url("/publishingimages/goldBullet2.gif");}
#content_right_fitness li {padding:0;margin:0 0 0 5px;}
#content_right_fitness blockquote{margin-left:20px;margin-right:0;}
#content_right_fitness-noRightCol{float:right;width:200px;padding:0;margin-top:0px;position:relative;top:0px;font-size:.9em;line-height:1.6em;margin-right:1px;}
#content_right_fitness-noRightCol img{padding:10px 5px 10px 5px;}
/*#calendarContent {margin:-10px 0 -10px 5px !important;}*/

#mainContent{
	/*padding:5px;*/
	position:relative;
	bottom:0;
	visibility: visible;
	width:725px;
	float:right;
	margin-right:20px;
	
}
.article-content-page{
width:540px;
position:relative;
float:right;
top:0;
background: none;/*url("/publishingimages/contentBgwh.jpg") repeat-y center;*/
padding:0;
margin:5px 5px 5px 5px;
}
.article-content-page-noRightCol{
width:90%;
position:relative;
float:left;
top:0;
background: none;/*url("/publishingimages/contentBgwh.jpg") repeat-y center;*/
padding:0 0 0 60px;
margin:5px auto;
}
.article ,.article-links{
width:725px;
position:relative;
float:right;
top:0;
background:url("/publishingimages/contentBgwh.jpg") repeat-y center;
padding:0;
margin:0;
/* left:220px; */
}
.welcome, .welcome-links{
width:890px;
position:relative;
float:left;
padding:0;
padding-top:10px;
background:url("/publishingimages/contentBgwh.jpg") repeat-y center;

margin:0;
/* left:220px; */
}
.orsarticle-content-page{
width:941px;
position:relative;
float:right;
margin-right:15px;
padding:0;
padding-top:10px;
background:url("/publishingimages/contentBgwh.jpg") repeat-y center;
}
.ors2column-content-page
{
width:725px;
position:relative;
float:right;
padding:0;
padding-top:10px;
padding-left:5px;
padding-right:5px;
background:url("/publishingimages/contentBgwh.jpg") repeat-y center;
}
.3colcontent
{
width:960px;
position:relative;
float:left;
top:0;
background:url("/publishingimages/contentBgwh.jpg") repeat-y center;
padding:10;
margin:0;

}
.homearticle
{
position:relative;
margin-left:15px;
}
.article-content-home{
width:715px;
position:relative;
left:5px;
padding:5px;
float:left;
background-color:#ffffff;
}
.welcome-content
{
left:15px;
margin-right:15px;
}
#contentleftnav{float:left;width:200px;padding:0;margin-top:2;margin-right:2;position:relative;top:5;font-size:.9em;line-height:1.6em;}
div.article,
div.welcome
{
	padding: 5px 5px;
}
#contentleftnav{float:left;width:185px;padding:0;margin-top:5px;margin-right:5px;position:relative;top:5px;font-size:.9em;line-height:1.6em;}
div.divisionarticle
{
	padding:5px;
	width:540px;
position:relative;
background-color:#fff;
}
.contact  {display:block;}
.contact2{margin-top:0;}
#focuson {background-image:url('/publishingimages/focuson.gif'); background-repeat:no-repeat;height:29px;margin-top:0px;border-bottom:0px;}

h2.focus {border-right: 0px; border-top: 0px; padding-left: 130px; margin: 0px; border-left: 0px; color: #001f39; line-height: 29px; padding-top: 0px; border-bottom: 0px}

#spotlight, #spotlight2 {
    width:700px;
	margin:0 auto;
	padding:5px;
	padding-right:10px;
	position:relative;
	bottom:0;
	visibility: visible;
	font-size:1.1em;
	line-height:1.4em;
	
	padding-top:0px;
	margin-top:0;
	}

#spotlight img, #spotlight2 img {padding-right:5px;height:75px;width:123px;text-align:left;}
#spotlight {margin-top:10px;}
#spotlight2 {margin-top:0;padding-top:0;top:-10px;margin-bottom:0;padding-bottom:0;}
#spotlight {padding-bottom:6px;border-bottom: #b88e10 1px dotted;margin-top:10px;}
.focushead {color:#3284c8;}
.focustext {font-size:0.86em;line-height:1.4em;}
p.divider {border-top: #b88e10 1px dotted; margin: 5px; height: 1px;margin-top:15px;clear:both;margin-right:10px;}

.top {display:block;text-align:left;}
.top a, .top a:visited {color:#333;}
.orsStyle-AccentUL-G a:link, .orsStyle-AccentUL-G a:visited {color:#333;}
.orsStyle-AccentUL-G a:hover {}

/* media print - printer friendly code - */
@media print{
#branding {  display:none; visibility:hidden }
#content_left{  display:none; visibility:hidden }
#content_right{  display:none; visibility:hidden }
#footer{ display:none; visibility:hidden;}
}
/*shuttle Pages */

#legend_right ul.noindent   { list-style-type: none; margin: 0; padding: 0; }
#legend_right ul.noindent li { list-style-type: none; margin: 0 padding: 2px 0 2px 0; }ou
.legend_route_red { display: block; width: 196px; height: 20px; background-image: url(/pes/dats/transportation/PublishingImages/red_553.png); }
.legend_route_red a:hover { }
.legend_route_purple { background-image: url(/pes/dats/transportation/PublishingImages/purple_553.png);}
.legend_route_purple a:hover {  }
.legend_route_exp { background-image: url(/pes/dats/transportation/PublishingImages/exp_553.png);}
.legend_route_exp a:hover {  }
.legend_route_tan { background-image: url(/pes/dats/transportation/PublishingImages/tan_553.png);}
.legend_route_tan a:hover {  }
.legend_route_yellow { background-image: url(/pes/dats/transportation/PublishingImages/yellow.png);}
.legend_route_yellow a:hover {  }
.legend_route_green { background-image: url(/pes/dats/transportation/PublishingImages/green_553.png);}
.legend_route_green a:hover {  }
.legend_route_orange { background-image: url(/pes/dats/transportation/PublishingImages/orange_553.png);}
.legend_route_orange a:hover {  }

h1  {
	/*background: url(_layouts/images/datstopmenu/BarH1.png) no-repeat; */
	background-color:#004F91;
	width: 100%;
	min-height: 21px;
	font-size: 1.222222222222222em !important;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
	color: white !important;
	margin: 25px 0 20px -57px !important;
	padding: 6px 2px 3px 47px;
	clear: left;
	line-height:1.6em;
	position:relative;
	border-radius:0 5px 5px 0;
	behavior: url('_layouts/STYLES/PIE.htc');
	*top:15px; /* IE7 and below */
}

h2 {
	/*background: url(_layouts/images/datstopmenu/BarH2.png) no-repeat; */
	background-color:#CAE5FC;
	width: 100%;
	min-height: 21px;
	font-size: 1.222222222222222em !important;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
	color: #004f91 !important;
    margin: 25px 0 20px -57px;
	padding: 5px 2px 3px 47px;
	clear: left;
	border-bottom: 0 none ;
	line-height:1.6em;	
	position:relative;
	border-radius:0 5px 5px 0;
	behavior: url('_layouts/STYLES/PIE.htc');
	*top:10px; /* fix PIE H2 margin-top*/
}

h2 a:link , h2 a:visited{   
     font-size: 1em;
     font-weight: bold; 
     margin: 25px 0px 20px -48px;
     padding: 0px 2px 0px 47px;   
	 color: #004f91;	
	text-decoration:underline;	 
}

h3 {
	/*background: url(_layouts/images/datstopmenu/BarH3.png) no-repeat;*/
	background-color:#F8EBD6;
	width: 100%;
	min-height: 21px;
	font-size: 1.222222222222222em !important ;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	color: #854306 ;
	margin: 25px 0 20px -16px;
	padding: 5px 2px 4px 15px;
	clear: left;
	line-height:1.6em;
	position:relative;
	border-radius:0 5px 5px 0;
	behavior: url('_layouts/STYLES/PIE.htc');
}

h3 a:link, h3 a:visited {   
    font-size: 1em;
    font-weight: bold; 
	margin: 25px 0 20px -16px;
	padding: 0px 2px 0px 15px;  
	color:#854306 ;
	text-decoration:underline;	
}

h4 {
	/*background: url(_layouts/images/datstopmenu/BarH3.png) no-repeat;*/
	background-color:#F8EBD6;
	width: 100%;
	min-height: 21px;
	font-size: 1.222222222222222em ;
	font-weight: bold;
	color: #854306 ;
	margin: 25px 0 20px -16px;
	padding: 5px 2px 3px 15px;
	clear: left;
	line-height:1.6em;
	position:relative;
	border-radius:0 5px 5px 0;
	behavior: url('_layouts/STYLES/PIE.htc');
}

h4 a:link, h4 a:visited{   
    color: #004f91 ;  
	font-size: 1em ;
    font-weight: bold;
	text-decoration:underline;		
}
/*--- customized classes ---*/

.container {
  width: 100%;
  margin: 0 auto;
  /*background: url(_layouts/images/datstopmenu/ContentBg.png) repeat-y;*/
  background-size:100% auto;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  color: black;
}
.containerTop {
  padding-left:50px;
 
}
.containerTopHome {
	background: url(/pes/dats/PublishingImages/ContentBgTopResponsive.png) no-repeat;
	height: 90px;
	padding-left: 50px;
	padding-top: 18px;
}
.nav1 {
	background: url(_layouts/images/datstopmenu/menu/navLevel1Bg.png) no-repeat;
	width: 95%;
	height: 39px;
	*left:-25px; /* IE7 and below */ 
	position:relative;
}
.customTitle
{
	width: 100%;
}
.content {
	width: 100%;
	margin-bottom: 50px;
	margin-left: 40px;
	display: table;
}
.contentClm {
	float: left;
	width: 68%;
	padding-left: 20px;
	margin-right: 20px;
	display: table-cell;
}

.infoClm {
	float: right;
	width: 20%;
	display: table-cell;
	margin-right: 80px !important;
	padding: 18px 0px 0px 8px;
}
.divisionTitle {
	/*height: 105px;*/ 
	width: 100%; 
	*width:100%;
	margin-left: 36px;
}

.icons {
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 5px;
	imargin-bottom: 10px;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.floatLeft {
	float: left;
	width: 45%;
	margin-left: -7px;
	margin-right:2px
}

.floatRight {
	float: left;
	width: 50%;
}
.top {
	font-size: 1em;
}

/*--- id ---*/

#breadcrumb {
	font-size: 0.8em;
	width: 896px;
	margin-bottom: 14px;
}
#imageRotator {
	display: table;
	width: 100%;
	padding: 5px 0 0 15px;
	margin-bottom: -20px;
}
#row {
	display: table-row;
}
#RotatorLeft {
	float: left;
	width: 45%;
	margin-left: 20px;
	display: table-cell;
}
#RotatorRight {
	float: left;
	width: 45%;
	margin-left: 25px;
	display: table-cell;
}
#iconsAmenities {
	float: left;
	margin-bottom: 20px;
	width:45%;
}
#iconsTransportation {
	float: left;
	margin-left: 40px;
	width:45%;
}
#iconTable TD {
	padding-bottom: 10px;
	font-size:1.111111111111111em;
	width:45%;
}


/*--- Menu and dropdown ---*/

.nav2 {
	width: 892px;
	height: 39px;
	margin-left: -40px;
}
.RadMenu
{
	z-index:2 !important;
}
.RadMenu .rmLink
{
    font-weight:bold;
    white-space:normal;
    text-decoration:none;
   
	color: #00335d;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.RadMenu .rmLink:hover
{
    background: #7d7d7d;
	color: #FFF;
}
.rmVertical
{	left:0; /* Bring back on-screen when needed */
	background-color: #d5e8f7; 
	width: 275px; 
    margin-top: 0px;
	margin-left: 0px;
	margin-left: 0px/8; /* IE8 */  
	*margin-left : 0px; /* IE7 and below */  
	*margin-top : 0px; /* IE7 and below */ 
	border-right: 1px solid #c5c3c9;
	border-bottom: 1px solid #c5c3c9;
	border-left: 1px solid #c5c3c9;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	 /* dropshadow */
	 box-shadow: 2px 2px 4px #c2bfb1;
    -moz-box-shadow: 2px 2px 4px #c2bfb1;
    -webkit-box-shadow: 2px 2px 4px #c2bfb1;
}	
.RadMenu ul ul a{
    padding: 10px 32px 10px 20px !important;	
}
.RadMenu .rmGroup .rmItem {
	border-bottom: 1px Solid #9fc7e8 !important;
    padding: 0;
    width: 100%;
}
.RadMenu .rmGroup .rmItem.rmLast {
	border-bottom: 0px !important;
	margin-bottom:-2px;
}
.titleImage{margin: 10px 0 0 37px;}

.titleImage h2 { 
margin-left: -34px;
}

@media screen and (max-width:510px)
{
	.titleImage{margin:10px;}
}
.article-content-home-norightcolumn {
    display: table-cell;
    float: left;
    margin-right: 20px;
    padding-left: 20px;
    width: 90%;
}
.divisionTitleText {
   width:100%;
   margin-left:40px
}
.content2 {
	width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;   
    display: table;
}
.article-content-page-oneThird {
width:25%;
position:relative;
float:left;
top:0;
padding:0 0 0 40px;
margin: 5px 0 0px 20px;
display: table-cell;
}
.article-content-page-oneThird1 {
width:27%;
position:relative;
float:left;
top:0;
padding:0 0 0 40px;
margin: 5px 0 0px 10px;
display: table-cell;
}
.article-content-page-oneThird2 {
width:27%;
position:relative;
float:right;
top:0;
padding:0 0 0 40px;
margin: 5px 0 0px 20px;
display: table-cell;
}
.bulletPoint1 {
    font-size: 1em; 
    margin-left: -60px;
    margin-right: 15px;
}
.areaTextPadding {
    font-size: 1em; 
    margin-left: -35px;
    margin-right: 25px;
}

/* FoodImageRotator */
#RotatorRightContent {
    float: left;
    width: 45%;
    height: 185px;
    margin-left: 42px;
    padding: 5px 40px 10px 20px;
    display: table-cell;
    background: url(/pes/dats/publishingimages/food_contentBox.jpg);
    background-repeat: no-repeat;
}
#RotatorLeft_Food
{
	float: left;
	width: 45%;
	margin-left: -15px;
	display: table-cell;
}
.even {
    background-color: #e6f2fc;
}
.eventTable {
    border-bottom: 1px solid #828282;
    border-top: 1px solid #828282;
}
.header {
    background-color: #65666A;
    color: #FFFFFF;
    height: 30px;
}
.odd {
    background: none repeat scroll 0 0 #FFFFFF;
}
.eventTable TD {
    border-top: 1px solid #DADBD8;
    font-family: Arial,Helvetica,sans-serif;
    padding: 5px;
    vertical-align: top;
}
.tableTitle
{
	background-color:#CAE5FC;
	color: #004F91;
	font-weight:bold;
	font-size:1.361111111111111em;		
	line-height:1.6em;
	text-align:center;
}
.iconTitle_Amenities {width:100% !important;}
.iconTitle_Transportation {width:100% !important;}

.iconLeft{float:left; width:45%;}
.iconRight{float:right; width:50%; margin-right: 15px;}

.titleImageLeft{width:45%; float: left; }
.titleImageMid{width:5%; float: left;}
.titleImageRight{width:45%; float: right;}


.RadPanelBar_Simple .rpExpandable span.rpExpandHandle, .RadPanelBar_Simple a.rpExpandable:hover .rpNavigation .rpExpandHandle{
	display:none;
}

 
/* 2016 ---- Take A Hike */

.quotes {
	font-family: Courier New, Courier, monospace !important; 
	font-size: 16px;
	width: 595px; 
	text-align: left; 
	/* margin: 25px auto 0 auto; */
	margin: 25px 0 0 1px; 
	padding: 15px 10px 15px 20px; 
	border-radius: 10px;
}

.part1 {
	background-color: #f3fafe; 
	border: 3px solid #66bced; 
}

.part2 {
	background-color: #f2fdf7; 
	border: 3px solid #00b652; 
}

.part3 {
	background-color: #fff9eb; 
	border: 3px solid #fcb407; 
}

.reminderBox {
	background-color: #fff6de; 
	border: 3px solid #f9c847;
	font-family: arial; 
	font-size: 1.1em;
	font-weight: bold;
	width: 90%; 
	text-align: left;
	line-height: 20px;
	margin: 25px 0 0 0; 
	padding: 15px 10px 10px 15px; 
	border-radius: 10px;
}

.TakeaHikeRegistrationForm {
	background-color: #fcf9ef;
}

.TakeaHikeFormHeader {
	background-color: #cae5fc !important;
	color: #004f91 !important;
	font-weight: bold !important;
}

.TakeaHikeSubmit {
	background-color: #004f91 !important;
	color: white !important;
	font-size: 1.0em !important;
	margin-left: 0px !important;
	padding: 5px 5px !important;
   border: 1px solid #ababab !important;
	letter-spacing: 1px;
}

.TakeaHikeCancel {
	background-color: #004f91 !important;
	color: white !important;
	font-size: 1.0em !important;
	margin-left: -16px !important;
	padding: 5px 5px !important;
   border: 1px solid #ababab !important;
	letter-spacing: 1px;
}

.TakeaHikeSubmit:hover, .TakeaHikeCancel:hover {
	background-color: #cae5fc  !important;
	color: #004f91 !important;
}

/* #ctl00_ctl43_g_8b847e93_03f4_4dc7_8b6e_d207167c5a35_ctl00_lblSuccess {
	background-color: #f2f9fe;
	font-size: 1.3em;
	color: #b82f1d !important;
	border: 1px solid #cae5fc;
	padding: 15px;
} */


/* Shuttle Page updates*/
@media (min-width: 992px)
{
.shuttle_tablet, .shuttle_mobile{display:none;}
}
/*@media (min-width: 768px) and (max-width: 991px)
{
.shuttle_tablet {
	width:100%;
	min-height: 380px;
	padding: 151px 0 0 0px; 
	background-image: url("/pes/dats/PublishingImages/tablet/shuttleBg.png");
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;}
.shuttle_desktop, .shuttle_mobile {display:none;}
}

@media (min-width: 320px) and (max-width: 767px)*/

@media (min-width: 320px) and (max-width: 991px)

{
.shuttle_desktop, .shuttle_tablet{display:none;}
.shuttle_mobile {float: left; width: 100%; text-align:center; margin-bottom: 10px; clear: right;}
.clm-50 {width: 50%;float: right;margin-bottom: 10px;}
}
@media (max-width: 450px)
{
.clm-50 {width: 100% !important; text-align:center;}
}
/*End Shuttle Page updates*/



/* Commuter Page updates 6.13.2024 */

.webinar-thumbnail-flex {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: left;
    align-items: center;
    /* min-height: 100vh;
    background-color: #f0f0f0; */
}

.webinar-image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    max-width: 800px;
    width: 95%;
    /* padding: 16px; */
}

.webinar-image-item {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    padding: 12px;
}

.webinar-image-item img {
    max-width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
}

.webinar-image-item p {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    color: #004f91;
}

/* Mobile optimization */
@media (max-width: 991px) {
    .webinar-image-grid {
        grid-template-columns: 1fr;
    }
}

/*End Commuter Page updates*/