﻿/* GENERAL TEMPLATE ITEMS */

body {
	top: 0px;
	left: 0px;
	background: #ffffff url(../../images/476_tem_bkgd.jpg) repeat-x;
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #000000;
	text-align: center; /* center hack */
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px; 
}
a {
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #E09301;
	text-decoration: underline;
}
a:hover {
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #FAC761;
	text-decoration: underline;
}
h1 {
	font: 21px/28px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #0A20C7;
	padding: 24px 0px 8px 0px;
	margin: 0px;
}
.Clearer {
	clear: both;
}
.TextualHeaders { /* USE THIS TO KEEP SEO-FRIENDLY TEXT IN HTML FILE WHILE SWAPPING IT FOR AN IMAGE IN THE CSS */
	visibility: hidden;
}
.CenteredContainer {
    min-width: 960px;
    max-width: 960px;
    width: auto !important; /* IE6 hack */
    width: 960px; /* IE6 hack */
    margin: 0 auto; /* center hack */
    text-align: left; /* center hack */
	padding: 0px;
}
.Header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 171px;
	padding: 0px;
	margin: 0px;
}
.TopOfHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 141px;
	padding: 0px;
	margin: 0px;
}
.Logo {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 344px;
	height: 141px;
	padding: 0px;
	margin: 0px;
}
.TopOfHeaderRightSide {
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width: 616px;
	height: 141px;
	padding: 0px;
	margin: 0px;
}
.SecondaryNav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 445px;
	height: 34px;
	padding-left: 171px;
	margin: 0px;
}
ul.NavList {
 	list-style: none;
	margin: 0px;
	padding: 0px;
}
li.NavListItem {
	list-style: none;
	float: left;
	top: 0px;
	margin: 0px;
	padding: 0px;
	font: 0px/0px Verdana, Arial, Helvetica, Tahoma, sans-serif;
}
.PaDotLogo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 235px;
	height: 107px;
	padding-left: 381px;
	margin: 0px;
}
.BottomOfHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 30px;
	padding: 0px;
	margin: 0px;
}
.MainNav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 30px;
	padding: 0px;
	margin: 0px;
}
.MainContainer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	padding: 14px 0px 12px 0px;
	margin: 0px;
}
.Footer {
	position: relative;
	top: 0px;
	left: 0px;
	height: 125px;
	background-color: #344E96;
	border-top: 1px #AEB8D5 solid;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.Footer p.Legal {
	font: 10px/48px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}



/* INSIDE PAGE TEMPLATE */

.MainInsideLeftBarContainer {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 250px;
	background-color: #DEE5F8;
	padding-bottom: 35px;
	margin: 0px;
}
.MainInsideLeftBarTopImage {
	position: relative;
	top: 0px;
	left: 0px;
	width: 250px;
	padding: 0px;
	margin: 0px;
}
.MainInsideLeftBarSectionTitle {
	position: relative;
	top: 0px;
	left: 0px;
	width: 250px;
	background-color: #344E96;
	padding: 0px;
	margin: 0px;
}
.MainInsideLeftBarSectionTitle h2 {
	font: 16px/20px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #ffffff;
	padding: 10px 18px;
	margin: 0px;
}
.MainInsideLeftBarLeftNav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 250px;
	padding: 0px;
	margin: 0px;
}
.MainInsideLeftBarLeftNav ul {
 	list-style: none;
	margin: 0px;
	padding: 12px 20px 26px 50px;
}
.MainInsideLeftBarLeftNav li {
	list-style-image: url(../../images/476_inside_leftnav_bullet.gif);
	top: 0px;
	font: 11px/13px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.MainInsideLeftBarLeftNav a {
	font: 11px/13px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #182F5B;
	text-decoration: none;
}
.MainInsideLeftBarLeftNav a:hover {
	font: 11px/13px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #0A20C7;
	text-decoration: underline;
}
.MainInsideLeftBarDivider {
	position: relative;
	top: 0px;
	left: 4px;
	width: 242px;
	border-bottom: 1px #5467F2 solid;
	padding: 0px;
	margin-bottom: 16px;
}
.MainInsideLeftBarCallout {
	position: relative;
	top: 0px;
	left: 4px;
	width: 240px;
	background-color: #ffffff;
	border: 1px #FAC761 solid;
	padding: 0px;
	margin: 0px;
}
.MainInsideLeftBarCallout h3 {
	font: 16px/20px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #FCA705;
	text-align: center;
	padding: 10px 10px 2px 10px;
	margin: 0px;
}
.MainInsideLeftBarCallout p {
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 2px 10px 10px 10px;
	margin: 0px;
}
.MainInsideRightSideContainer {
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width: 663px;
	padding: 0px;
	margin: 0px;
}
/* ADD TAGS FOR OTHER ELEMENTS IN THIS DIV */
.MainInsideRightSideContainer h1 {
	font: 21px/28px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #0A20C7;
	padding: 24px 0px 8px 0px;
	margin: 0px;
}
.MainInsideRightSideContainer h3 { /* CHANGE TO SERIF? */
	font: 14px/18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 2px 0px 8px 0px;
	margin: 0px;
}
.MainInsideRightSideContainer p {
	font: 11px/18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 2px 0px 8px 0px;
	margin: 0px;
}

/*    HOME PAGE    */
.MainContainerHomeLeftSide {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 630px;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideIntro {
	position: relative;
	top: 0px;
	left: 0px;
	width: 630px;
	padding-bottom: 30px;
	margin: 0px;
}
.MainContainerHomeLeftSideIntro h1 {
	font: 21px/28px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #0A20C7;
	padding: 24px 0px 8px 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideIntro p {
	font: 11px/18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 2px 0px 8px 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideIntroLink {
	position: relative;
	top: 0px;
	left: 0px;
	width: 630px;
	text-align: right;
	border-bottom: 1px #5467F2 solid;
	padding: 12px 0px 1px 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideIntroLink p {
	text-align: right;
	font: 11px/18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideIntroLink a {
	background-color: #5467F2;
	font: 11px/18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding: 1px 6px;
	margin: 0px;
}
.MainContainerHomeLeftSideIntroLink a:hover {
	background-color: #AFB8F7;
	font: 11px/18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #23376F;
	text-decoration: none;
	padding: 1px 6px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxes {
	position: relative;
	top: 0px;
	left: 0px;
	width: 630px;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxes h2 {
	font: 16px/20px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #382C28;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxes ul {
	list-style: inside url(../../images/476_home_bullet_gray.gif);
	padding: 4px 48px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxes li {
	font: 11px/22px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #382C28;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxes a {
	font: 11px/22px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #382C28;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxes a:hover {
	font: 11px/22px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #382C28;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxesLeft {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 291px;
	border: 1px #1E336C solid;
	background: url(../../images/476_home_box_bkgd.jpg) repeat-y;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxesLeft div.HomeBoxBottom {
	background: url(../../images/476_home_commute_img.jpg) bottom no-repeat;
	padding-bottom: 180px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxesRightCams div.HomeBoxBottom {
	height: 132px;
	background: url(../../images/476_home_cams_img.jpg) bottom no-repeat;
	padding-bottom: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxesRightSchedule div.HomeBoxBottom {
	height: 132px;
	background: url(../../images/476_home_schedule_img.jpg) bottom no-repeat;
	padding-bottom: 0px;
	margin: 0px;
}
.HomeBoxTop {
	position: relative;
	top: 0px;
	left: 0px;
	width: 291px;
	padding: 0px;
	margin: 0px;
}
.HomeBoxBottom {
	position: relative;
	top: 0px;
	left: 0px;
	width: 291px;
	padding-top: 4px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxesRight {
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width: 293px;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeLeftSideBoxesRightCams {
	position: relative;
	top: 0px;
	left: 0px;
	width: 291px;
	border: 1px #1E336C solid;
	background: url(../../images/476_home_box_bkgd.jpg) repeat-y;
	padding: 0px;
	margin-bottom: 10px;
}
.MainContainerHomeLeftSideBoxesRightSchedule {
	position: relative;
	top: 0px;
	left: 0px;
	width: 291px;
	border: 1px #1E336C solid;
	background: url(../../images/476_home_box_bkgd.jpg) repeat-y;
	padding: 0px;
	margin-bottom: 18px;
}
.MainContainerHomeLeftSideBoxesRightWeather {
	position: relative;
	top: 0px;
	left: 0px;
	width: 291px;
	border: 1px #1E336C solid;
	padding-top: 26px;
	margin: 0px;
}
.MainContainerHomeRightBarContainer {
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width: 265px;
	background-color: #DEE5F8;
	padding: 20px 20px 35px 20px;
	margin: 0px;
}
.MainContainerHomeRightBarContainer h2 {
	font: 16px/20px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #344E96;
	padding: 10px 0px 2px 10px;
	margin: 0px;
}
.MainContainerHomeRightBarContainer p {
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #132965;
	padding: 4px 10px 4px 20px;
	margin: 0px;
}
.MainContainerHomeRightBarLink {
	width: 265px;
	text-align: right;
	border-bottom: 2px #5467F2 solid;
	padding-bottom: 1px;
	margin: 0px;
}
.MainContainerHomeRightBarLink p {
	text-align: right;
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeRightBarLink a {
	background-color: #2B3EC9;
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding: 1px 6px;
	margin: 0px;
}
.MainContainerHomeRightBarLink a:hover {
	background-color: #AFB8F7;
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #23376F;
	text-decoration: none;
	padding: 1px 6px;
	margin: 0px;
}
.MainContainerHomeRightBarProgressPhoto {
	position: relative;
	top: 0px;
	left: 0px;
	padding-bottom: 20px;
	margin: 0px;
}
.MainContainerHomeRightBarPhoto {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeRightBarProgressText {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
.MainContainerHomeRightBarAdvisories {
	position: relative;
	top: 0px;
	left: 0px;
	width: 263px;
	background-color: #ffffff;
	border-top: 1px #FAC761 solid;
	border-left: 1px #FAC761 solid;
	border-right: 1px #FAC761 solid;
	padding: 0px;
	margin-bottom: 20px;
}
.MainContainerHomeRightBarAdvisories h3 {
	font: 16px/20px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #FCA705;
	text-align: center;
	padding: 10px 10px 2px 10px;
	margin: 0px;
}
.MainContainerHomeRightBarAdvisories p {
	font: 11px/16px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #000000;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #FDD588;
	border-bottom-width: 1px;
	padding: 2px 10px 10px 10px;
	margin: 0px;
}

.MainContainerHomeRightBarUpdates {
	position: relative;
	top: 0px;
	left: 0px;
	padding-bottom: 20px;
	margin: 0px;
}
.MainContainerHomeRightBarNews {
	position: relative;
	top: 0px;
	left: 0px;
	padding-bottom: 20px;
	margin: 0px;
}



