@charset "utf-8";
/* =RESET ----------------------------------------------------*/


/* UNIVERSAL ELEMENTS */

body {
	font: normal small/1.25em Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#skipToMainContent {
	float: left;
	width: 120px;
	color: #ffffff;
	font: normal 80%/1.25em Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#skipToMainContent  a {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

#headerHome {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 140px 0px;
	background: url(/images/logo_nampo_home.png) no-repeat 0px 35px;
}

#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 115px 0px;
	background: url(/images/logo_nampo.png) no-repeat 0px 23px;
}


/* set paragraph tag so IE6 and FF start with the same base margins*/
p {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* secondary bg */
.bgBody1 {
	background: url(/images/bg_body1.jpg) repeat-x 0px 0px;
}

/* tertiary bg */
.bgBody2 {
	background: url(/images/bg_body2.jpg) repeat-x 0px 0px;
}

/* media center bg */
.bgBody3 {
	background: url(/images/bg_body3.jpg) repeat-x 0px 0px;
}

/* regional events bg */
.bgBody4 {
	background: url(/images/bg_body4.jpg) repeat-x 0px 0px;
}

#footer {
	font: normal 90%/1.25em Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 50px 0px;
	float: left;
	width: 100%;
	background-image: url(/images/bg_footer.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#global {
	font: normal 90%/1.25em Arial, Helvetica, Verdana, sans-serif;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 0px 0px;
	background-color: #efefef; /* lt gray */
	width: 257px;
}

#globalNav {
	list-style: none;
	float: right;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
#globalNav li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#globalNav li.withBar {
	border-right: 1px solid #bebebe; /* lt/med gray */
	padding: 0px 5px 0px 5px;
}

#search {
	float: right;
	background-image: url(/images/icon_search.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 20px;
}
.searchField {
	margin: 0px 7px 0px 0px;
}



/* Turn off borders for linked images */

img {
	border: 0;
}



/* PAGE CONTENT */


#pageWrapper {
	font: normal 90%/1.25em Arial, Helvetica, Verdana, sans-serif;
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 0px 16px;
	width: 934px;
}

#contentWrapper {
	margin: 0px;
	padding: 0px;
}

#trackerContent{
	font: normal 90%/1.25em Arial, Helvetica, Verdana, sans-serif;
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 950px;
clear:both;
}

#leftContentWrapper {
	line-height: 1.35em;
	margin: 0px 0px 0px 0px;
	padding: 0px 52px 25px 12px;
	float: left;
	width: 580px;
	clear: both;
}
#rightContentWrapper {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	float: right;
	width: 290px;
}
#wideContentWrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 934px;
}
#wideContentWrapper2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	float: left;
	width: 922px;
}


/* BREADCRUMBS*/

#breadcrumbs {
	height: 33px;
	width: 934px;
	padding: 28px 0px 0px 0px;
	margin: 0px;
	color: #9a9a9a; /* med gray */
}
#breadcrumbs a {
	color: #6faedc; /* lt blue */
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #9dd6ff; /* very lt blue */
	text-decoration: none;
}
#breadcrumbs .selected {
	color: #ffffff;
}

/* PRIMARY NAVIGATION */

body.navPA #navPA a.main,
body.navPB #navPB a.main,
body.navPC #navPC a.main,
body.navPD #navPD a.main,
body.navPE #navPE a.main,
body.navPF #navPF a.main,
body.navPG #navPG a.main, 
body.navPH #navPH a.main {
	color:#181818;
}

/* MEGA MENUS */
#primNav {
	margin: 0px;
	padding: 0px;
	list-style: none;	
	float: left;
}

#primNav li {
	height: 38px;
	font-weight: bold;
	float: left;
	list-style: none;
	padding: 10px 37px 0px 10px;
	margin: 0px;
	border-left: 1px solid #CCCCCC;
}

#primNav a {
	display: block;
	color: #007ec2;
	text-decoration: none;
}
#primNav a:hover {
	display: block;
	color: #141414; 
	text-decoration: none;
}

ul#primNav div {
	display: none;
	
}
ul#primNav li.mega {
	background-image: url(/images/bg_nav_arrow.gif);
	background-position: right 29px;
	background-repeat: no-repeat;
}

/* MEGA MENUS - Secondary nav */
ul#primNav div {
	display: none;
}

ul#primNav li.mega div {
	background-color: #ffffff;	
	position: absolute;
	opacity: 0.97;
	filter: alpha(opacity=97);
}

ul#primNav li.hovering div {
	display: block;
	
}
ul#primNav li.mega div ul {
	font: normal 95%/1.25em Arial, sans-serif;	
	list-style: none;
	margin: 15px 0px 20px 0px;
	padding: 0;
}

ul#primNav li.mega div ul li {
	height: auto;
	width: 150px;
	margin: 0px 12px 0px 12px;
	padding: 0;
	border: 0;
	float: none;
	border-bottom: 1px solid #dcdcdc;
	font-weight: normal;
}

ul#primNav li.mega div a {
	text-decoration: none;
	background-image: none;	
	padding: 5px 0px 5px 2px;
}

ul#primNav li.mega div a:hover  {
	text-decoration: none;
} 

/* SECONDARY NAVIGATION */

#secNav {
	color: #c2c2c2;
	width: 934px;
	height: 251px;
	padding: 45px 0px 0px 0px;
	margin: 0px;
}

#secNav ul {
	margin: 20px 0px 0px 15px;
	padding: 0px 20px 0px 0px;
}
#secNav li {
	width: 240px;
	list-style: none;
	padding: 4px 0px 4px 2px;
	margin: 0px;
	border-bottom: 1px solid #4c4c4c; /* med gray */
}
#secNav a {
	color: #6faedc; /* lt blue */
	padding: 0px;
	text-decoration: none;
}
#secNav a:hover {
	color: #9dd6ff; /* very lt blue */
/*	background: url(/images/bg_sec_nav_ov.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	text-decoration: none;
	margin: 0px;
}
/* secNav/Section Down Arrow */

.sectionArrow {
	padding-bottom: 20px;
}

body.navBS4 li#navBS4 a, 
body.navES1 li#navES1 a, 
body.navES2 li#navES2 a, 
body.navES3 li#navES3 a, 
body.navES4 li#navES4 a, 
body.navES5 li#navES5 a, 
body.navES6 li#navES6 a,
body.navES7 li#navES7 a,
body.navFS1 li#navFS1 a, 
body.navFS2 li#navFS2 a, 
body.navFS3 li#navFS3 a, 
body.navFS4 li#navFS4 a, 
body.navFS5 li#navFS5 a, 
body.navFS6 li#navFS6 a,
body.navCS1 li#navCS1 a, 
body.navCS2 li#navCS2 a, 
body.navCS3 li#navCS3 a, 
body.navCS4 li#navCS4 a,
body.navDS1 li#navDS1 a, 
body.navDS2 li#navDS2 a, 
body.navDS3 li#navDS3 a, 
body.navHS1 li#navHS1 a, 
body.navHS2 li#navHS2 a, 
body.navHS3 li#navHS3 a, 
body.navHS4 li#navHS4 a{
	color: #ffffff;
}
/* SEC NAV AREA - NO NAV */

#secNavNone {
	color: #c2c2c2;
	width: 934px;
	height: 251px;
	padding: 45px 0px 0px 0px;
	margin: 0px;
}
#secNavNone p {
	line-height: 1.35em;
	width: 560px;
	margin: 20px 0px 0px 13px;
	padding: 0px 20px 0px 2px;
}

#secNavNone {
	color: #c2c2c2;
	width: 934px;
	height: 251px;
	padding: 45px 0px 0px 0px;
	margin: 0px;
}
#secNavNone p {
	line-height: 1.35em;
	width: 560px;
	margin: 20px 0px 0px 13px;
	padding: 0px 20px 0px 2px;
}

/* no nav SHORT - room for wide photo */
#secNavNone p.short {
	line-height: 1.35em;
	width: 330px;
	margin: 20px 0px 0px 13px;
	padding: 0px 20px 0px 2px;
}

#secNavNone a {
	color: #6faedc; /* lt blue */
	text-decoration: none;
}
#secNavNone a:hover {
	color: #9dd6ff; /* very lt blue */
	text-decoration: none;
}

/* UNIQUE SEC NAV PHOTO COLLAGES */

/*Global - Stay Involved */
body.globalSI #secNavNone {
  background: url(/images/photos_stay_involved.jpg) no-repeat right 30px;
}

/*A - about the mpo */
body.navAS1 #secNavNone {
	background: url(/images/photos_about_mpo.jpg) no-repeat right 30px;
}

/*A - media center */
body.navBS4 #secNav {
	background: url(/images/photos_media_events.jpg) no-repeat right 30px;
}

/*C -transportation projects */
body.navCS1 #secNav {
	background: url(/images/photos_trans_cwp.jpg) no-repeat right 30px;
}
body.navCS2 #secNav {
	background: url(/images/photos_project_tracker.jpg) no-repeat right 30px;
}
body.navCS3 #secNav {
	background: url(/images/photos_funding.jpg) no-repeat right 30px;
}

/*D -plans  programs */
body.navDS1 #secNav {
	background: url(/images/photos_rtp.jpg) no-repeat right 30px;
}
body.navDS2 #secNav {
	background: url(/images/photos_tip.jpg) no-repeat right 30px;
}
body.navDS3 #secNav {
	background: url(/images/photos_upwp.jpg) no-repeat right 30px;
}

/*E -regional planning */
body.navES1 #secNav {
	background: url(/images/photos_regional_overview.jpg) no-repeat right 30px;
}
body.navES2 #secNav {
	background: url(/images/photos_roadways.jpg) no-repeat right 30px;
}
body.navES3 #secNav {
	background: url(/images/photos_mass_transit.jpg) no-repeat right 30px;
}
body.navES4 #secNav {
	background: url(/images/photos_walk_bike.jpg) no-repeat right 30px;
}
body.navES5 #secNav {
	background: url(/images/photos_freight.jpg) no-repeat right 30px;
}
body.navES6 #secNav {
	background: url(/images/photos_lu_ud.jpg) no-repeat right 30px;
}
body.navES7 #secNav {
background: url(/images/photos_environment.jpg) no-repeat right 30px;
}

/*F -growth trends */
body.navFS1 #secNav {
	background: url(/images/photos_growth_regional.jpg) no-repeat right 30px;
}
body.navFS2 #secNav {
	background: url(/images/photos_growth_econ.jpg) no-repeat right 30px;
}
body.navFS3 #secNav {
	background: url(/images/photos_growth_lu.jpg) no-repeat right 30px;
}
body.navFS4 #secNav {
	background: url(/images/photos_growth_counts.jpg) no-repeat right 30px;
}
body.navFS5 #secNav {
	background: url(/images/photos_growth_ridership.jpg) no-repeat right 30px;
}
body.navFS6 #secNav {
	background: url(/images/photos_growth_financial.jpg) no-repeat right 30px;
}


/*G - Publications & Documents */
body.navGS1 #secNavNone {
	background: url(/images/photos_publications_docs.jpg) no-repeat right 30px;
}
/*H - Public Notices */
body.navHS1 #secNav {
	background:url(/images/photos_public_meeting.jpg) no-repeat right 30px;
}
body.navHS2 #secNav {
	background:url(/images/photos_public_comment.jpg) no-repeat right 30px;
}
body.navHS3 #secNav {
	background:url(/images/photos_public_contract.jpg) no-repeat right 30px;
}
body.navHS4 #secNav {
	background:url(/images/photos_public_employ.jpg) no-repeat right 30px;
}

/* TERTIARY NAVIGATION */

.tertNavTitleImg {
	padding: 0px 0px 0px 25px;
}

#tertNav {
	background-color: #efefef; /* lt gray */
	border-top: 10px solid #007ec2; /* blue */
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

#tertNavHome {
	background-color: #efefef; /* lt gray */
	border-top: 10px solid #d6d6d6; /* gray */
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

#tertNav ul, #tertNavHome ul {
	margin: 15px 0px 0px 25px;
	padding: 0px 25px 30px 0px;
}
#tertNav li, #tertNavHome li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #cbcbcb; /* med gray */
}
#tertNav a, #tertNavHome a {
	display: block;
	color: #007ec2; /* blue */
	padding: 4px 0px 4px 2px;
	text-decoration: none;
	background-image: none;
}
#tertNav a:hover, #tertNavHome a:hover {
	display: block;
	background-image: url(/images/bg_tert_nav_ov.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-decoration: none;
}


/* FOOTER NAV/ SITEMAP */

.footerTagline {
	margin: 0px;
	padding: 30px 0px 25px 0px;
}
#footerNav {
	position: relative;
	margin: 0px auto;
	width: 934px;
	padding-bottom: 50px;
}
#footerNav ul {
	width: 116px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#footerNav li.sec {
	width: 75%;
	font: normal 90%/1.15em Arial, Helvetica, Verdana, sans-serif;
	list-style: none;
	padding: 4px 0px 4px 12px;
	margin: 0px;
}
#footerNav li.prim {
	font-weight: bold;
	height: 38px;
	list-style: none;
	padding: 10px 15px 0px 10px;
	margin: 0px 0px 8px 0px;
	border-left: 1px solid #4c4c4c;
}
#footerNav li.prim a {
	color: #9a9a9a; /* med gray */
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#footerNav li.prim a:hover {
	color: #cbcbcb; /* lt gray */
	text-decoration: none;
}
#footerNav li.sec a {
	color: #9a9a9a; /* med gray */
	text-decoration: none;
}
#footerNav li.sec a:hover {
	color: #cbcbcb; /* lt gray */
	text-decoration: none;
}
/* LINKS */

a {
	color: #007fc2;
	text-decoration: none;
}
a:hover {
	color: #007fc2;
	text-decoration: underline;
}

/* IMAGE/PHOTO STYLES */

/* image float RIGHT with border */
div.imgRight {
padding: 4px 0px 10px 20px;
float: right;
}

div.imgRight img{
	border: 1px solid #dddddd; /* lt gray */
	padding: 5px 5px 5px 5px;
}

/* image float LEFT with border */
div.imgLeft {
padding: 4px 20px 10px 0px;
float: left;
}

div.imgLeft img{
	border: 1px solid #dddddd; /* lt gray */
	padding: 5px 5px 5px 5px;
}

/* image CENTER with border - NO CAPTION*/
div.imgCenter {
padding: 10px 0px 10px 0px;
}

div.imgCenter img{
	border: 1px solid #dddddd; /* lt gray */
	padding: 5px 5px 5px 5px;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

/* image captions */
div.imgRight p, div.imgLeft p{
font: normal 90%/1.15em Arial, Helvetica, Verdana, sans-serif;
color: #a7a7a7; /* lt gray */
padding: 0px 5px 0px 5px;
}

/* image caption CENTER*/
div.imgCenter p{
font: normal 90%/1.15em Arial, Helvetica, Verdana, sans-serif;
color: #a7a7a7; /* lt gray */
padding: 0px 5px 0px 5px;
text-align:center;
}

/* LISTS */

/* form list menu */
.listMenu {
	font: normal 100%/1.5em Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

/* basic List default*/
ul.basicList {
	margin: 10px 0px 30px 30px;
	padding: 0px 0px 0px 0px;
}
.basicList li {
	list-style-type: none;
	background: url(/images/bullet_star1.gif) no-repeat;
	background-position: 0px 10px;
	padding: 7px 0px 0px 18px;
	margin: 0px;
}

.basicList li ul{
	margin: 5px 0px 10px 30px;
	padding: 0px 0px 0px 0px;
}

.basicList li ul li{
	list-style-type: none;
	background: url(/images/bullet_square1.gif) no-repeat;
	background-position: 0px 10px;
	padding: 5px 0px 0px 12px;
	margin: 0px;
}

/* CheckMark List default*/
ul.checkList {
	margin: 10px 0px 30px 30px;
	padding: 0px 0px 0px 0px;
}
.checkList li {
	list-style-type: none;
	background: url(/images/bullet_checkmark.gif) no-repeat;
	background-position: 0px 8px;
	padding: 7px 0px 0px 18px;
	margin: 0px;
}


/* Link List default*/
ul.linkList {
	margin: 10px 0px 30px 30px;
	padding: 0px 0px 0px 0px;
}
.linkList li {
	list-style-type: none;
	background: url(/images/bullet_star2.gif) no-repeat;
	background-position: 0px 10px;
	padding: 7px 0px 0px 18px;
	margin: 0px;
}

.linkList li ul{
	margin: 5px 0px 10px 30px;
	padding: 0px 0px 0px 0px;
}

.linkList li ul li{
	list-style-type: none;
	background: url(/images/bullet_square1.gif) no-repeat;
	background-position: 0px 10px;
	padding: 5px 0px 0px 12px;
	margin: 0px;
}

/* right feature related resources list*/
ul.resourceList  {
	padding: 0px;
	margin: 10px 20px 0px 10px;
}

.resourceList li {
	list-style-type: none;
	background: url(/images/bullet_arrow.gif) no-repeat;
	background-position: 0px 10px;
	padding: 7px 0px 0px 12px;
	margin: 0px;
}


/* HEADER AND TITLE STYLES */

h1 {
	margin: 0px 0px 0px -12px;
	padding: 0px 0px 10px 0px;
}

h1.eventTitle {
	font: bold 185%/1.35em Arial, Helvetica, Verdana, sans-serif;
	color: #878787;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.eventSubtitle{
	font: bold 100%/1.25em Arial, Helvetica, Verdana, sans-serif;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color: #181818; /*darkest gray */
}


h1.teriaryTitle {
	font: bold 210%/1.35em Arial, Helvetica, Verdana, sans-serif;
	color: #878787;
	margin: 5px 0px 0px -12px;
	padding: 0px;
}

h2 {
	display:block;
	font: bold 145%/1.25em Arial, Helvetica, Verdana, sans-serif;
	color: #181818;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 23px 0px;
	background-image:url(/images/gradient_hr_line.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

h3 {
	font: bold 100%/1.25em Arial, Helvetica, Verdana, sans-serif;
	margin: 15px 0px 10px 0px;
	padding: 0px;
	color: #181818; /*darkest gray */
}

h3.inList {
	font: bold 100%/1.25em Arial, Helvetica, Verdana, sans-serif;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	color: #181818;
}

/* MISC */

.text100 {
	font-size: 100%;
}

.text130 {
	font-size: 130%;
}

.textWhite {
	color: #ffffff;
}

.longArrow{
	color: #0095e6;
	font-size: 120%;
	}

.textBgColor {
	background-color: #f3f3f3;
	padding: 2px;
}

.textDark {
	color: #181818; /*darkest gray */
}

.bold{
	font-weight:bold;
}

/*Acronyms + */
.lgWide{
	font: bold 120%/1.1em Arial, Helvetica, Verdana, sans-serif;
	color: #181818; /*darkest gray */
	letter-spacing: .05em;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.indent1 { 
margin-left: 30px;
}

.indent2 { 
margin-left: 10px;
}

.indent3 { 
margin-left: 170px;
}

.alignCenter {
	text-align: center;
}

/* BUTTON STYLES */


.button {
	float: right;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


.button li {
	display: inline;
	list-style: none;
}

.button li a {
	font: normal 100%/1.25em Arial, Helvetica, Verdana, sans-serif;
	background: transparent url(/images/button_sprite.png) no-repeat top left;
	display: block;
	float: left;
	height: 21px;
	margin-right: 15px;
}

.button li a span {
	background: transparent url(/images/button_sprite.png) no-repeat right top;
	display: inline;
	float: left;
	height: 17px;
	padding: 3px 10px 1px 0;
	margin-left: 10px;
	cursor: pointer;
}

.button li a:hover {
	background-position: 0px bottom;
	color: #007fc2;
	text-decoration: none;
}

.button li a:hover span {
	background-position: right bottom;
}

/* top-button within table */
.topBtnTable {
	width: 100%;
	padding: 0;
	margin: 0;
}


/* RIGHT FEATURE STYLES */

.rightFeature1 {
	padding: 20px 25px 30px 25px;
}

p.stayInvolved {
	border-bottom: 1px solid #d9d9d9; /* lt grey */
	padding: 0px 0px 15px 0px;
}

p.followUs {
	border-bottom: 1px solid #d9d9d9; /* lt grey */
	padding: 0px 0px 15px 0px;
}


.rightFeature2 {
	line-height: 1.35em;
	background-color: #efefef; /* lt gray */
	border-top: 10px solid #d6d6d6; /* gray */
	padding: 20px 0px 30px 25px;
}

.rightFeature2 p {
	margin: 15px 0px 0px 0px;
	padding: 0px 25px 0px 0px;
}

.rightFeature3 {
	color: #c2c2c2; /* lt gray */
	background-color: #181818; /* dk gray */
	padding: 20px 25px 30px 25px;
}

.rightFeature3 .title{
	color: #FFFFFF;
}

.rightFeature4 {
	line-height: 1.35em;
	background-color: #efefef; /* lt gray */
	border-top: 10px solid #007ec2; /* blue */
	padding: 20px 0px 30px 25px;
}

.rightFeature4 p {
	margin: 15px 0px 0px 0px;
	padding: 0px 25px 0px 0px;
}

/* TABLE STYLES */

.borderBtm{
	border-bottom: 1px solid #ebebeb; /* very lt gray */
}

/* Style 1*/
.tableStyle1 {
	font: normal 90%/1.25em Arial, Helvetica, Verdana, sans-serif;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	border-bottom: 1px solid #f3f3f3; /* very lt gray */
}

.tableStyle1 td.topRow,.tableStyle1 th.topRow {
	color: #c2c2c2;
	background-color: #181818; /* dk gray */
	margin: 0px;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #363636;
}

.tableStyle1 td {
	vertical-align: top;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	border-left: 1px solid #ffffff;
}

.tableStyle1 td.altRow {
	background-color: #f3f3f3; /* very lt gray */
}

/* Style 2 */
.tableStyle2 {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	border: 1px solid #ebebeb; /* very lt gray */
	border-collapse:collapse;
}

.tableStyle2 td.topRow,.tableStyle2 th.topRow {
	color: #ffffff;
	background-color: #585858; /* dk gray */
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #ebebeb; /* very lt gray */
}

.tableStyle2 td {
	vertical-align: top;
	margin: 0px;
	padding: 5px 5px 12px 5px;
	border-left: 1px solid #ebebeb; /* very lt gray */
}

.tableStyle2 td.altRow {
	background-color: #ebebeb; /* very lt gray */
}

/* Style 3: MPO Staff Profiles + */
.tableStyle3 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #ebebeb; /* very lt gray */
	border-collapse:collapse;
}

.tableStyle3 td {
	vertical-align: top;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ebebeb; /* very lt gray */
}

/* Style 4: photo and image border */
.tableStyle4 {
	border: 1px solid #dddddd; /* lt gray */
	padding: 5px 5px 5px 5px;
}

/* Style 5: Acronyms */
.tableStyle5 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.tableStyle5 td {
	vertical-align: top;
	margin: 0px;
	padding: 10px 5px 5px 5px;
	border-bottom: 1px solid #ebebeb; /* very lt gray */
}

.tableStyle5 td.altRow {
	background-color: #f3f3f3; /* very lt gray */
	}

/* Style 6: Report Covers with Description */
.tableStyle6 {
	margin: 0px;
	padding: 0px;
}

.tableStyle6 td {
	margin: 0px;
	padding: 10px 5px 10px 10px;
/*	border-bottom: 1px solid #ebebeb; /* very lt gray */
	vertical-align: top;
}

.tableStyle6 img {
	border: 1px solid #dddddd; /* lt gray */
	padding: 5px 5px 5px 5px;
}

.tableStyle6 img.other {
	border: none;
	padding: 0px;
}





/* HOME PAGE */


/* bg HOME */
.bgBodyHome {
	background: url(/images/bg_body_home.jpg) repeat-x 0px 0px;
}


/* Home Page Wrappers */

#leftWrapperHome {
	margin: 0px 32px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 290px;
}

#centerWrapperHome {
	margin: 0px 32px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 290px;
}

#rightWrapperHome {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 290px;
}

/* headlines HOME */
#headlines {
	color: #c2c2c2;
	width: 934px;
	height: 350px;
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 40px 0px;
}
#headlineImg {
	float: left;
	border: 13px solid #2c2c2c;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
}

#headlineDetails {
	float: left;
	width: 320px;
	height: 215px;
	overflow: hidden;
	padding: 20px 0px 0px 35px;
	text-align: left;
}

#headlineDetails a {
	color: #6faedc; /* lt blue */
	text-decoration: none;
}
#headlineDetails a:hover {
	color: #9dd6ff; /* very lt blue */
	text-decoration: none;
}


.headlineTitle {
	float: left;
	width: 320px;
	font: bold 160%/1.3em Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}

.headlineDesc {
	float: left;
	width: 320px;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

.headlineReadMoreButton {	
	width: 75px;
	height: 29px;
	background-image: url(/images/home/btn_headline.png);
	padding: 0px;
	border: 0px;
	border-style: none;
	cursor: pointer;
	margin: 15px 0px 0px 0px;
}

.headlineReadMoreButton:hover {
	background-image: url(/images/home/btn_headline_hover.png);
}

#headlinePlayPauseButton {
	position: absolute;
	left: 263px;
	top: -24px;
	width: 22px;
	height: 20px;
	cursor: pointer;
	width: 22px;
	height: 20px;
}

.headlinePlayButton {
	width: 22px;
	height: 20px;
	background-image: url(/images/home/graphic_carousel_play.png);
}

#headlinePlayPauseButton:hover {
	background-position: -22px 0px;
}
#headlinePlayPauseButton:active {
	background-position: -44px 0px;
}

.headlinePauseButton {
	width: 22px;
	height: 20px;
	background-image: url(/images/home/graphic_carousel_pause.png);
}

#headlineTitleThumbs {
	float: left;
	width: 200px;
	font: normal 90%/1.35em Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #ffffff;
	padding: 0px 0px 0px 5px;
	margin: 10px 0px 0px 30px;
}

#headlinePlayPause {
	float: left;
	width: 100px;
	padding: 0px 0px 0px 5px;
}

.headlineRule {
	float: left;
	width: 320px;
	border-bottom: 1px solid #545454; /* med gray */
	padding: 0px;
	margin: 0px 0px 0px 30px;
}

#headlineCarousel {
	float: left;
	width: 320px;
	margin: 10px 0px 0px 35px;
}

#headlineCarousel li.selected {
	/*border: solid 1px #ffffff;*/
	cursor: pointer;
}

#headlineCarousel li.hover {
	/*border: solid 1px #545454;*/
	cursor: pointer;
}

/* home body area headings */
.headingHome {
	font: bold 160%/1.35em Arial, Helvetica, Verdana, sans-serif;
	color: #181818; /* dk gray */
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

/* Home about MPO */

#homeAboutMPO {
	float: left;
	width: 290px;
	border-top: 10px solid #181818; /* dk gray */
	margin: 0px;
	padding: 0px;
}

#homeAboutMPO p.aboutMPOContent {
	margin: 0px;
	padding: 18px 10px 5px 10px;
	background-image: url(/images/gradient_hr.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 1px solid #d2d2d2; /* lt gray */
}

/* Popular Features */

#popularFeatures {
	float: left;
	width: 290px;
	border-top: 10px solid #181818; /* dk gray */
	margin: 0px;
	padding: 0px;
}

#popularFeatures ul {
	background-image: url(/images/gradient_hr.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 1px solid #d2d2d2; /* lt gray */
	margin: 0px;
	padding: 10px 0px 0px 10px;
}

#popularFeatures li {
	list-style-type: none;
	background: url(/images/bullet_star2.gif) no-repeat;
	background-position: 0px 10px;
	padding: 7px 0px 0px 18px;
	margin: 0px;
}


/* News and Notes */

#newsAndNotes {
	border-top: 10px solid #007ec2; /* blue */
	margin: 0px;
	padding: 0px;
}

#newsAndNotes ul {
	margin: 0px;
	padding: 0px;
}

#newsAndNotes li.date {
	list-style-type: none;
	font: normal 90%/1.35em Arial, Helvetica, Verdana, sans-serif;
	color: #9f9f9f;
	background-image: url(/images/gradient_hr.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 1px solid #d2d2d2; /* lt gray */
	margin: 0px;
	padding: 5px 0px 5px 2px;
}

#newsAndNotes li.newsContent {
	list-style-type: none;
	margin-left: 10px;
	padding: 10px 10px 15px 2px;
}

/* follow us HOME */

.twitterIcon {
	margin-left: 181px;
	vertical-align: middle;
}

.facebookIcon {
	margin-left: 163px;
	vertical-align: middle;
}

.flickrIcon {
	margin-left: 188px;
	vertical-align: middle;
}

.youTubeIcon {
	margin-left: 170px;
	vertical-align: middle;
}

.linkedinIcon {
	margin-left: 172px;
	vertical-align: middle;
}

#followUsHomeNav {
	background-color: #efefef; /* lt gray */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#followUsHomeNav ul {
	margin: 15px 0px 0px 25px;
	padding: 0px 25px 30px 0px;
}

#followUsHomeNav li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #cbcbcb; /* med gray */
}

#followUsHomeNav a {
	display: block;
	color: #007ec2; /* blue */
	padding: 2px 0px 2px 2px;
	text-decoration: none;
	background-image: none;
}

#followUsHomeNav a:hover {
	display: block;
	background-image: url(/images/bg_tert_nav_ov.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-decoration: none;
}

/* Google Translate */
.positionGT {
	background-color: #efefef; /* lt gray */
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 35px 25px;
}

/* MEDIA CENTER */
h1.mediaCenter {
	margin: 0px 0px 0px 0px;	
}
#secNavMedia, #secNavMediaEvent {
	float: left;
	width: 213px;
	height: 51px;
	padding: 45px 0px 0px 0px;
	margin: 0px;
}
#secNavMediaEvent {
	width: 934px;
	padding: 10px 0px 32px 0px;
}
.sectionArrowMedia {
	clear: both;
	float: left;
	margin-top: -38px;
	margin-left: 12px;
}
.infoSummaryWrapper {
	clear: both;
	float: left;
	line-height:1.35em;
	width: 580px;
	margin: 0;
	padding: 20px 52px 25px 12px;
}

#mediaCurrentContainer {
	clear: both;
}
#videoMedia {
	float: left;
	width: 533px;
	height: 405px;
	padding: 26px 0px 26px 0px;
	margin: 0px;
	vertical-align: middle;
}
#photoMedia {
	float: left;
	width: 500px;
	height: 405px;
	padding: 26px 0px 26px 0px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
}

#presentationMedia {
	float: left;
	width: 425px;
	height: 405px;
	padding: 26px 0px 26px 0px;
	margin: 0px;
	vertical-align: middle;
}

#mediaVideoContainer {
	float: left;
	width: 330px;
	height: 310px;
	overflow: hidden;
	padding: 35px 30px 0px 35px;
}

#mediaPhotoContainer {
	float: left;
	width: 315px;
	height: 315px;
	overflow: hidden;
	padding: 35px 30px 0px 30px;
}

#mediaPresentationContainer {
	float: left;
	width: 438px;
	height: 310px;
	overflow: hidden;
	padding: 35px 30px 0px 35px;
}
#mediaDetails {
	color: #666666;
	text-align: left;
}

#mediaDetails .title {
	font: bold 140%/1.35em Arial, Helvetica, Verdana, sans-serif;
	color: #007CC2;
	padding: 0px;
	margin: 0px;
}

#mediaDetails .subTitle{
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#mediaDetails .dateAndDuration, #mediaDetails .date {
	font: normal 95%/1.25em Arial, Helvetica, Verdana, sans-serif;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#mediaDetails .photoDate {
	padding: 5px 0px;
}

#mediaDetails .desc {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}


#mediaDetails .rule {
	border-bottom: 1px solid #545454; /* med gray */
	padding: 0px;
	margin: 8px 0px 8px 0px;
	width: 100%;
}


#mediaDetails .links {
	color: #545454; /* med gray */
	padding: 0px;
	margin: 0px;
}

#mediaDetails .links a{
	color: #6faedc; /* lt blue */
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#mediaDetails .links a:hover {
	color: #9dd6ff; /* very lt blue */
	text-decoration: none;
}

#mediaDetails .photoCount {
	font: normal 95%/1.25em Arial, Helvetica, Verdana, sans-serif;
	color: #6faedc; /* lt blue */
	margin-top: 5px;
}

#mediaDetails .photoTitle {
	color: #ffffff;
	font-weight:bold;
	margin-top: 5px;
}

.photoPager {
	float: left;
	width: 22px;
	height: 405px;
	padding: 0px 3px 0px 3px;
}
.photoPager .photoPagerPrev {
	margin-top: 180px;
	width: 18px;
	height: 18px;
	display: block;
	padding: 0px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(/images/mc_photo_pager.gif);
	background-position: 0px -22px;

}
.photoPager .photoPagerPrev:hover { 
	background-position: -21px -22px;
}

.photoPager .photoPagerNext {
	margin-top: 180px;
	width: 18px;
	height: 18px;
	display: block;
	padding: 0px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image: url(/images/mc_photo_pager.gif);
	background-position: 0px 0px;

}
.photoPager .photoPagerNext:hover { 
	background-position: -21px 0px;
}


/*content area - large thumbs */

#mediaThumbs {
	margin: 0px;
	padding: 0px;
}

#mediaThumbs .topBar {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 30px 8px;
	background-image:url(/images/gradient_hr_line.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#efefef;
}

#mediaThumbs .showingTitle {
	padding: 0px 0px 0px 18px;
}

#mediaThumbs .thumbContainer {
	clear: both;	
	padding: 0px 0px 12px 0px;
}

#mediaThumbs .thumbVid {
	line-height: 1.25em;
	float:left;
	width: 141px;
	height: 143px;
	padding: 0px 20px 12px 20px;
	overflow: hidden;
}

#mediaThumbs .thumbAlbum {
	line-height: 1.25em;
	float:left;
	width: 110px;
	padding: 15px 20px 10px 15px;
	margin: 5px 0px 0px 6px;
	background-image:url(/images/bg_album_thumb.png);
	background-repeat: no-repeat;
	background-position:left top;
}
#mediaThumbs .thumbAlbum a, #mediaThumbs .thumbVid a {
	color: #666666;
	text-decoration: none;
}
#mediaThumbs .thumbAlbum a:hover, #mediaThumbs .thumbVid a:hover {
	color: #666666;
	text-decoration: underline;
}
#mediaThumbs .thumbVid img, .thumbAlbum img {
	padding: 0px 0px 4px 0px;
}

#mediaThumbs .btmBar {
	float:left;
	width: 934px;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-image:url(/images/gradient_hr_line.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#photoCarousel {
	float: left;
	width: 330px;
	padding: 10px 0px 0px 35px;
}

.jcarousel-container {
	position: relative;
	width: 320px;
	height: 35px; 
	padding: 0px 0px;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 307px;
	height: 35px; 
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	 /* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 35px;
	height: 24px;
	margin-right: 5px;

}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}

/**
 *  Horizontal Buttons
 */

.jcarousel-next-horizontal {	
	position: absolute;
	left: 285px;
	top: -32px;
	width: 22px;
	height: 20px;
	cursor: pointer;
	background: transparent url(/images/home/graphic_carousel_next.png) no-repeat 0 0;	
}

.jcarousel-next-horizontal:hover {
	background-position: -25px 0px;
}

.jcarousel-next-horizontal:active {
	background-position: -50px 0px;
}

.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -75px 0px;
}

.jcarousel-prev-horizontal {	
	position: absolute;
	left: 263px;
	top: -32px;
	width: 22px;
	height: 20px;
	cursor: pointer;
	background: transparent url(/images/home/graphic_carousel_prev.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
	background-position: -25px 0px;
}

.jcarousel-prev-horizontal:active {
	background-position: -50px 0px;
}

.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -75px 0px;
}

#photoCarousel li {
	opacity: .5;
	filter:alpha(opacity=50);	
}

#photoCarousel li.selected {
	opacity: 1;
	filter:alpha(opacity=100);
}

#photoCarousel li.hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

#photoCarousel li a img, #photoCarousel li a {
	border: none; 
	overflow: hidden; 
	float: left;
}

#photoCarousel li.selected a {
	border: 2px solid #ffffff;
	opacity: .8;
	filter:alpha(opacity=80);	
}
#photoCarousel li.selected a img {
	margin: -2px;
}

/* Tabstrip */
.RadTabStrip {	
	margin: 0;
	vertical-align: bottom;
}

.RadTabStrip .rtsUL {
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

.RadTabStrip .rtsLI {
	line-height: 39px;
	display: inline;
	float: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.RadTabStrip .rtsLink {
	display: block;
	line-height: 39px;
	text-decoration: none;
	color: #7c7c7c; 
	cursor: pointer;
	text-align: center;
	white-space: nowrap;	
	background-image: url('/images/tab_background_off.gif');	
	background-position: top left;
	background-repeat: no-repeat;		
}
.RadTabStrip .rtsLink:hover {
	color: #000000;
}

.RadTabStrip .rtsIn {
	display: block;
	padding: 2px 25px 0px 25px;			
}

.RadTabStrip .rtsOut {
	display: block;
}

.RadTabStrip .rtsLast .rtsOut {		
	background-image: url('/images/tab_corner_off.gif');	
	background-position: right top;	
	background-repeat: no-repeat;
}

.RadTabStrip .rtsSelected
{
	background-image: url('/images/tab_background_on.gif');
	background-position: top left;
	background-repeat: no-repeat;	
	color: #000000;
}

.RadTabStrip .rtsSelected:hover
{
	color: #000000;				
}

.RadTabStrip .rtsLast .rtsSelected .rtsOut {		
	background-image: url('/images/tab_corner_on.gif');	
	background-position: right top;	
	background-repeat: no-repeat;
}
/* Data Pager */
.RadDataPager_Custom
{
	clear: both;
	/*border: 1px solid #bebebe;*/
	background: #efefef;	
}

.RadDataPager_Custom .rdpInfoPart
{
	color:#8a8a8a;
}

.RadDataPager_Custom .rdpPageSize
{	
	float: left;
	vertical-align: middle;
	text-align: left;	
	padding-right: 20px;
}

.RadDataPager_Custom .rdpTotal
{	
	float: left;
	text-align: left;	
	font-weight: bold;
}

.RadDataPager_Custom .rdpInfoPart strong
{
	color:#4c4e54;
}

.RadDataPager_Custom .rdpPageFirst,
.RadDataPager_Custom .rdpPagePrev,
.RadDataPager_Custom .rdpPageNext,
.RadDataPager_Custom .rdpPageLast
{
	background:transparent no-repeat url('/images/pager_sprite.gif');
}

.RadDataPager_Custom .rdpPageFirst
{
	background-position:0 -550px;
}
.RadDataPager_Custom .rdpPageFirst:hover
{
	background-position:0 -600px;
}
.RadDataPager_Custom .rdpPagePrev
{
	background-position:0 -700px;
}
.RadDataPager_Custom .rdpPagePrev:hover
{
	background-position:0 -750px;
}
.RadDataPager_Custom .rdpPageNext
{
	background-position:0 -850px;
}
.RadDataPager_Custom .rdpPageNext:hover
{
	background-position:0 -900px;
}
.RadDataPager_Custom .rdpPageLast
{
	background-position:0 -1000px;
}
.RadDataPager_Custom .rdpPageLast:hover
{
	background-position:0 -1050px;
}

.RadDataPager_Custom .rdpPagerButton
{
	border:1px solid;
	border-color:#d0d0d0 #aeaeae #8b8b8b;
	background:#e8e8e8 repeat-x 0 -1550px url('/images/pager_sprite.gif');
	color:#000;	
}

.RadDataPager_Custom .rdpNumPart a:hover,
.RadDataPager_Custom .rdpNumPart a:hover span,
.RadDataPager_Custom .rdpNumPart a.rdpCurrentPage,
.RadDataPager_Custom .rdpNumPart a.rdpCurrentPage span
{
	background:no-repeat url('/images/pager_sprite.gif');
}

.RadDataPager_Custom .rdpNumPart a
{
	color:#000;
}

.RadDataPager_Custom .rdpNumPart a:hover
{
	background-position:100% -1250px;
}

.RadDataPager_Custom .rdpNumPart a:hover span
{
	background-position:0 -1150px;
}

.RadDataPager_Custom .rdpNumPart a.rdpCurrentPage,
.RadDataPager_Custom .rdpNumPart a.rdpCurrentPage:hover
{
	background-position:100% -1450px;
}

.RadDataPager_Custom .rdpNumPart a.rdpCurrentPage span,
.RadDataPager_Custom .rdpNumPart a.rdpCurrentPage:hover span
{
	background-position:0 -1350px;
}

/* RadAjax Loading Panel */
.loadingPanelContainer, .loadingPanelColor {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
.loadingPanelContainer {
	position: relative;
	z-index:2;
	background-image:  url(/images/icon_loading.gif);
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}
.loadingPanelColor {
	background-color: #000000;
	background-image: none;
	left: 0;
	position: absolute;
	top: 0;
	background-image: none;
	z-index: 1;
}

.loadingPanelTransp {
	zoom:1;
}

