/*
____________

Global
____________
*/

html>body {
	font-size:15px;
} /* for scalable text sizing for all non-IE/Win browsers */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em; /* for IE/Win scalable text sizing*/
	background-color:#26395a;
	background-image:url(/staticfiles/PHMSA/SiteImages/PageBackgrounds/bg4-home.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	text-align:center;
	margin:5px 5px 15px 5px;
}
pre,tr,td,th,p {
	font-size: xx-small !important;
}

h1 {
	font-size: 200%;
	}
	
h2 {
	font-size: 150%;
	}
	
h3 {
	font-size: 120%;
	}
	
h4 {
		font-size: 100%;
	}
	
h5 {
	font-size: 80%;
	}
	
h6 {
	font-size: 60%;
	}

a:link {
	color:#25385a;
	text-decoration:underline;
}
	
a:visited {
	color:#25385a;
	text-decoration:underline;
}

a:hover {
	color:#2854a4;
	text-decoration:none;
}

a:active {
	color:#25385a;
	text-decoration:underline;
}

.textBox {
	color: #000;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align:left;
	padding:2px 4px 2px 2px;
}

.dropDown{
	margin-left:5px;
	border: outset 1px #CCCCCC;
	padding:2px;
	}

.goButton{
	margin: 0px 0px 1px 5px;
	color: #ffffff;
	background-color: #25385a;
	border-top: 1px solid #607895;
	border-left: 1px solid #607895;
	border-right: 1px solid #152135;
	border-bottom: 1px solid #152135;
	font-weight: bold;
	padding: 1px 1px 0px 1px;
	font-size: 110%;
	text-align:center;
	}

.title {
	font-size: 170%;
	font-weight: bold;
	margin: 5px 5px 5px 0;
	text-align:left;
}

.subTitle {
	font-size: 110%;
	font-weight: bold;
	margin: 2px 5px 2px 0;
	text-align:left;
}

#grid {
	background-color:#fff;
	width:760px;
}

/*
____________

Header
____________
*/
 
.header {
	background-color:#26395a;
}
	
.header img {
	display:block;
}
 
.floatingLinks {
	width:100%;
	font-size:10px !important;
	background-image:url(/staticfiles/PHMSA/SiteImages/FloatingLinks/floating-BG.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	border-top: 5px solid #fff;
	padding: 10px 0 0 0;
	text-align:right;
}

.floatingLinks .item {
	white-space: nowrap;
}

.floatingLinks a:link {
	color: #25385a;
	text-decoration: none;
	font-weight: bold;
}

.floatingLinks a:visited {
	text-decoration: none;
	color: #25385a;
	font-weight: bold;
}
	
.floatingLinks a:hover {
	text-decoration: underline;
	color:#2854a4;
	font-weight: bold;
}
	
.floatingLinks a:active {
	text-decoration: none;
	color: #25385a;
	font-weight: bold;
}

.floatRight {
	width:11px;
	padding: 0px;
	margin: 0px;
	background-image:url(/staticfiles/PHMSA/SiteImages/FloatingLinks/head-RTcurve.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#26395a;
}

/*
____________

Simple Search Form
____________
*/

#simpleSearchForm {
	background-image:url(/staticfiles/PHMSA/SiteImages/FloatingLinks/floating-BG.gif);
	background-repeat:repeat-y;
	padding: 5px 5px 31px 0;
	font-size:10px !important;
	text-align:right;
	vertical-align:bottom;
	margin:0;
	height:100%;
}
	
#simpleSearchForm a:link {
	color: #25385a;
	text-decoration: none;
	font-weight: bold;
}
	
#simpleSearchForm a:visited {
	text-decoration: none;
	color: #25385a;
	font-weight: bold;
}
	
#simpleSearchForm a:hover {
	text-decoration: underline;
	color:#2854a4;
	font-weight: bold;
}
	
#simpleSearchForm a:active {
	text-decoration: none;
	color: #25385a;
	font-weight: bold;
}

#simpleSearchForm .advancedSearch {
	margin-left:55px;
}

/*
____________

Key Audience Main Tabs
____________
*/

.keyAudienceMenu {
	width:100%;
	background-image:url(/staticfiles/PHMSA/SiteImages/KeyAudienceMenu/TAB-bg.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	font-size: 110%;
}
	
.keyAudienceMenu td {
	background-image:url(/staticfiles/PHMSA/SiteImages/KeyAudienceMenu/tabs.gif);
	background-repeat:no-repeat;
	height:27px;
}

.keyAudienceMenuSpacer {
	width:100%;
	background-image:none !important;
	background-color:#789cc6;
}	

.keyAudienceMenu a:link,
.keyAudienceMenu a:visited {
	display:block;
	width: 144px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:3px 0 0 0;
	height:100% !important;
	height /**/:2.8em;
}

.keyAudienceMenuItem_1 a:link,
.keyAudienceMenuItem_1 a:visited {
	background: transparent url(/staticfiles/PHMSA/SiteImages/KeyAudienceMenu/tabs_public.gif) 0 -200px no-repeat;
}

.keyAudienceMenuItem_1 a:hover {
	background-position: 0 0;
}

.keyAudienceMenuItem_2 a:link,
.keyAudienceMenuItem_2 a:visited {
	background: transparent url(/staticfiles/PHMSA/SiteImages/KeyAudienceMenu/tabs_hazmat.gif) 0 -200px no-repeat;
}
	
.keyAudienceMenuItem_2 a:hover {
	background-position: 0 0;
}

.keyAudienceMenuItem_3 a:link,
.keyAudienceMenuItem_3 a:visited {
	background: transparent url(/staticfiles/PHMSA/SiteImages/KeyAudienceMenu/tabs_pipeline.gif) 0 -200px no-repeat;
}
	
.keyAudienceMenuItem_3 a:hover {
	background-position: 0 0;
}

.keyAudienceMenuItem_4 a:link,
.keyAudienceMenuItem_4 a:visited {
	background: transparent url(/staticfiles/PHMSA/SiteImages/KeyAudienceMenu/tabs_media.gif) 0 -200px no-repeat;
}
	
.keyAudienceMenuItem_4 a:hover {
	background-position: 0 0;
}

.keyAudienceMenuItem_5 a:link,
.keyAudienceMenuItem_5 a:visited {
	background: transparent url(/staticfiles/PHMSA/SiteImages/KeyAudienceMenu/tabs_business.gif) 0 -200px no-repeat;
}
	
.keyAudienceMenuItem_5 a:hover {
	background-position: 0 0;
}

/*
____________

Key Content Menus
____________
*/

.Key_Menu_Home {
	clear:both;
	width:150px;
	padding:0 0 0 5px;
	margin: 0;
	background-color:#fff;
}
	
.Key_Menu_Home_header {
	border-bottom: 1px solid #fff;
}
	
.Key_Menu_Home img { 
	display:block;
}

.Key_Menu_About {
	width:155px;
	padding:0;
	margin: 0;
}
	
.Key_Menu_About img{
	display:block;
}

.Key_Menu_About_header {
	border-bottom: 1px solid #fff;
}

.Key_Menu_About li {
	width: 150px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
	float:left;
	background-color:#fff;
}

.Key_Menu_About li a:link,
.Key_Menu_About li a:visited,
.Key_Menu_About li a:active {
	float:left;	
	color: #25385a;
	display:block;
	width: 135px !important;
  	width /**/:150px;
	padding: 2px 3px 2px 12px;
	background-color: #acbcd5;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration: none;
}

.Key_Menu_About li a:hover {
	color: #fff;
	background: #25385a;
}

.Key_Menu_PSS {
	width:155px;
	padding:0;
	margin: 0;
}
	
.Key_Menu_PSS img {
	display:block;
}

.Key_Menu_PSS_header {
	border-bottom: 1px solid #fff;
}

.Key_Menu_PSS li {
	width: 150px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
	float:left;
	background-color:#fff;
}

.Key_Menu_PSS li a:link,
.Key_Menu_PSS li a:visited,
.Key_Menu_PSS li a:active  {
	float:left;	
	display:block;
	width: 135px !important;
  	width /**/:150px;
	padding: 2px 3px 2px 12px;
	background-color: #acbcd5;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration: none;
	color: #25385a;
}

.Key_Menu_PSS li a:hover {
	color: #fff;
	background: #25385a;
}
	
.Key_Menu_EncComp {
	width:155px;
	padding:0;
	margin: 0;
}
	
.Key_Menu_EncComp img {
	display:block;
}

.Key_Menu_EncComp_header {
	border-bottom: 1px solid #fff;
}

.Key_Menu_EncComp li {
	width: 150px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
	float:left;
	background-color:#fff;
}

.Key_Menu_EncComp li a:link,
.Key_Menu_EncComp li a:visited,
.Key_Menu_EncComp li a:active  {
	float:left;	
	display:block;
	width: 135px !important;
  	width /**/:150px;
	padding: 2px 3px 2px 12px;
	background-color: #acbcd5;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration: none;
	color: #25385a;
}

.Key_Menu_EncComp li a:hover {
	color: #fff;
	background: #25385a;
}
	
.Key_Menu_SupCom {
	width:155px;
	padding:0;
	margin: 0;
}
	
.Key_Menu_SupCom img{
	display:block;
}

.Key_Menu_SupCom_header {
	border-bottom: 1px solid #fff;
}

.Key_Menu_SupCom li {
	width: 150px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
	float:left;
	background-color:#fff;
}

.Key_Menu_SupCom li a:link,
.Key_Menu_SupCom li a:visited,
.Key_Menu_SupCom li a:active  {
	float:left;	
	display:block;
	width: 135px !important;
  	width /**/:150px;
	padding: 2px 3px 2px 12px;
	background-color: #acbcd5;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration: none;
	color: #25385a;
}

.Key_Menu_SupCom li a:hover {
	color: #fff;
	background: #25385a;
}
	
.Key_Menu_Resources {
	width:155px;
	padding:0;
	margin: 0;
}
	
.Key_Menu_Resources img{
	display:block;
}

.Key_Menu_Resources_header {
	border-bottom: 1px solid #fff;
}

.Key_Menu_Resources li {
	width: 150px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
	float:left;
	background-color:#fff;
}

.Key_Menu_Resources li a:link,
.Key_Menu_Resources li a:visited,
.Key_Menu_Resources li a:active {
	float:left;	
	display:block;
	width: 135px !important;
  	width /**/:150px;
	padding: 2px 3px 2px 12px;
	background-color: #acbcd5;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration: none;
	color: #25385a;
}

.Key_Menu_Resources li a:hover {
	color: #fff;
	background: #25385a;
}

/*
____________

Home Page Rotating Splash
____________
*/

.randomImagePageSplash {
	margin:5px;
}

/*
____________

Key Audience Page Splash
____________
*/

.keyAudiencePageSplash {
	margin:0 5px 0 5px;
	background:#fff;
}
	
.keyAudiencePageSplash .title {
	padding:3px;
	font-size:100% !important;
}
	
.keyAudiencePageSplash .image {
	float:right;
	padding:0 0 5px 5px;
}
	
.keyAudiencePageSplash p {
	padding:3px;
}

/*
____________

Page Footer
____________
*/

.page_bottom {
	height: 12px;
	background-image:url(/staticfiles/PHMSA/SiteImages/Footer/page_bottom.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#26395a;
	padding: 17px 0 5px 0;
	color: #fff;
	text-align:center;
}
	
.page_bottom a:link,
.page_bottom a:active,
.page_bottom a:visited {
	color: #fff;
	text-decoration:none;
}
	
.page_bottom a:hover {
	color:#999;
	text-decoration: underline;
}

.FedFooter {
	color: #fff;
	text-align:center;
	background-color:#26395a;
}
	
.FedFooter a:link,
.FedFooter a:active,
.FedFooter a:visited {
	color: #fff;
	text-decoration:none;
}
	
.FedFooter a:hover {
	color:#999;
	text-decoration: underline;
}

/*
____________

Key Audience Sub Menu
____________
*/

.keyAudienceSubMenu {
	width: 100%;
	background:#fff;
	padding:10px 0 10px 0;
	margin:0;
	border-bottom:1px solid #25385a;
}

.keyAudienceSubMenuItem {
	width: 25%;
	padding:5px 10px 5px 10px;
}
	
.keyAudienceSubMenuItem a:link,
.keyAudienceSubMenuItem a:visited,
.keyAudienceSubMenuItem a:active {
	font-weight:bold;
	text-decoration:underline;
}

/*
____________

Breadcrumb Trail
____________
*/

.breadcrumb {
	background-color:#fff;
	border-top: 8px solid #25385a;
	margin-right:5px;

	}
  	
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active  {
 	text-decoration:underline;
 }
 
.breadcrumb .trail {
	background-image:url(/staticfiles/PHMSA/SiteImages/Breadcrumb/breadcrumbCornerMain.gif);
	background-repeat:no-repeat;
	padding:5px 0 3px 10px;
}	

/*
____________

Active Sub Menu
____________
*/

.activeSubMenu {
	background-color:#fff;
	margin-left:5px;
	padding:0;
}

.activeSubMenu .spacer {
	height:20px;
	background:#25385a;
}

.activeSubMenu img {	
	display:block;
}

.activeSubMenu ul {
	margin:0;
}
	
.activeSubMenu li {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	background-color:#fff;
}

.activeSubMenu a:link,
.activeSubMenu a:visited,
.activeSubMenu a:active {
	color:#fff;
	float:left;	
	display:block;
	width: 135px !important;
	width /**/:150px;
	padding: 2px 3px 2px 12px;
	background-color: #25385a;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middotWhite.gif);
	background-repeat:no-repeat;
	font-weight:900;
	text-decoration: none;
}

.activeSubMenu a:hover {
	color: #25385a;
	background-color: #fff;
	text-decoration:underline;
}
	
.activeSubMenuBottom {
	background-image:url(/staticfiles/PHMSA/SiteImages/ActiveSubPageMenu/activeSubPageMenuMain.gif);
	background-repeat:no-repeat;
	background-position:5px 0;
	height:7px;
	width:155px;
	float:left;
}
	
.activeSubMenu .currentChannel a:link,
.activeSubMenu .currentChannel a:visited {
	font-weight:900;
	text-decoration:underline;
}

	
/*
____________

Web Article
____________
*/

.webArticle {
	background-color:#fff;
	margin:5px 5px 5px 10px;
}

.webArticle .content {
	width:100%;
	}

.webArticle #author {
	font-weight:bold;
}
	
.webArticle #publishDate {
	font-weight:bold;
}
	
.webArticle .hr {
	float:left;
	margin:0;
	text-align:left;
	width:100%;
}	

.webArticle .hr hr {
	float:left;
	height: 1px;
	noshade:noshade;
	color: #ccc;
	width:100%;
}

.webArticle .pageTitle {
	font-family:arial;
	font-weight:bold;
	font-size:150%;
	margin:10px 0 5px 0;
}

.webArticle .pageBody {
	padding:5px 0 0px 0;
}

/*
____________

Related Content Region
____________
*/
.related {
	width:170px;
	padding:0;
	margin:0;
	}


.related .spiffy {
	display:block;
	background-color:#fff;
	margin-left:10px;
}

.related .spiffy * {
	display:block;
	height:1px;
	overflow:hidden;
	background:#d6d6d6;
}

.related .spiffy1 {
	border-right:1px solid #ededed;
	padding-right:1px;
	margin-right:3px;
	border-left:1px solid #ededed;
	padding-left:1px;
	margin-left:3px;
	background:#e0e0e0;
}

.related .spiffy2 {
	border-right:1px solid #fafafa;
	border-left:1px solid #fafafa;
	padding:0px 1px;
	background:#ddd;
	margin:0px 1px;
}

.related .spiffy3 {
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	margin:0px 1px;
}

.related .spiffy4 {
	border-right:1px solid #ededed;
	border-left:1px solid #ededed;
}

.related .spiffy5 {
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
}
	
/*
____________

Web Article Table of Contents
____________
*/	
	
.webArticle #toc {
	background:#e8e8e8;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	margin-left:10px;
	}
	
#toc .sideHeading {
	padding:4px;
	font-weight:bold;
	background:#e8e8e8;
	}


#toc a:link,
#toc a:visited,
#toc a:active  {
	width: 135px !important;
  	width /**/:150px;
	display:block;
	padding: 2px 3px 2px 12px;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration:none;
	}
	
#toc .selected a:link,
#toc .selected a:visited,
#toc .selected a:active  {
	text-decoration:underline;
	}

/*
____________

Related Links/Downloads
____________
*/


.relatedLD {
	clear:both;
	background:#d6d6d6;
	margin:1px 0 0 10px;
}
	
.relatedLD .sideHeading {
	padding:4px;
	font-weight:bold;
}
	
.relatedLD a:link,
.relatedLD a:visited,
.relatedLD a:active {
	width: 135px !important;
  	width /**/:150px;
	display:block;
	padding: 2px 3px 2px 12px;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	text-decoration:none;
	}
	
.relatedLD a:hover{
	text-decoration:underline;
	}

.relatedHQ {
	margin:5px 0 5px 10px;
	padding: 5px 10px 5px 10px;
	width:100%;
	}

.relatedHQ .heading {
	font-weight: bold;
	font-size: 110%;
	padding-bottom:7px;
	}
	
.relatedHQ .item {
	margin-top:5px;
	padding: 2px 3px 2px 12px;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	}	
	
.relatedHQ .desc {	
	margin: 0 3px 0 12px;
	}

.relatedHQ .item a,	
.relatedHQ .item a:link,
.relatedHQ .item a:active,
.relatedHQ .item a:visited {
	font-weight:normal;
	text-decoration:none;
	}

.relatedHQ .item a:hover {
	font-weight:normal;
	text-decoration: underline;
	}	

/*
____________

Interpretations Detail PDF
____________
*/

.relatedPDF{
	background:#e8e8e8;
	padding:5px;
	border-bottom:1px solid #fff;
	margin-left:10px;
	font-weight:bold;
}

.relatedPDF img{
	align:left;
	vertical-align:middle;
	margin-right:5px;
}


/*
____________

Related Regulation References
____________
*/


.relatedRegs {
	clear:both;
	background:#d6d6d6;
	margin:1px 0 0 10px;
}
	
.relatedRegs .sideHeading {
	padding:2px;
	font-weight:bold;
}
	
.relatedRegs a:link,
.relatedRegs a:visited,
.relatedRegs a:active {
	width: 135px !important;
  	width /**/:150px;
	display:block;
	padding: 2px 3px 2px 12px;
	background-image:url(/staticfiles/PHMSA/SiteImages/Common/middot.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	text-decoration:none;
	}
	
.relatedRegs a:hover{
	text-decoration:underline;
	}

/*
____________

FAQ Group
____________
*/

.faqGroup {
	padding:5px;
}

.faqGroup ol li {
	margin:15px;
}

.faqGroup .h-rule {
	text-align:center;
}
	
.faqGroup .h-rule hr {
	height: 1px;
	color: #ccc;
	width:75%;
}

.faqGroup .pageOverview {
	text-align:left;
	padding: 6px;
}

.faqGroup .updatedDate {
	text-align:left;
	padding: 10px 10px 10px 10px;
}

.faqGroup .question {
	font-weight: bold;
	padding:0;
	text-align: left;
}
	
.faqGroup .answer {
	font-weight: normal;
	padding: 0;
	text-align: left;
}

/*
____________

Glossary
____________
*/

.glossary {
	margin: 5px;
	background-color: #fff;
	text-align:center;
	clear:both;
}

.glossary .menu {
	width: 95%;
	height:25px;
	margin:25px 0 25px 0;
	padding: 5px;
	background-color:#f0f0f0;
	border:1px solid #d6d6d6;
}

.glossary .menuItem {
	margin:2px;
	float:left;
}

.glossary .menuItem a,
.glossary .menuItem a:link,
.glossary .menuItem a:visited {
	color: #25385a; 
	text-decoration:  underline;
	font-weight:bold;
	font-size:170%;	
}

.glossary .menuItem a:active,
.glossary .menuItem a:hover {	
	color: #2854a4;
	text-decoration: none;
}

.glossary .termHeading {
	padding-top: 10px;
	font-size: 170%;
	font-weight: bold;
	border-bottom: 1px solid #d6d6d6;
	text-align:left;
	width: 100%;
	margin:5px;
}

.glossary .termList {
	width:95%;
	margin:5px;
	text-align:left;
}

.glossary .term {
	width: 100%;
	padding:3px;
	font-weight:bold;
}

.glossary .term a,
.glossary .term a:link,
.glossary .term a:visited {
	color: #333; 
	text-decoration: none;
}

.glossary .term a:active,
.glossary .term a:hover {
	color: #369;
	text-decoration: none;
}

.glossary .definition {
	width:100%;
	margin:0 10px 5px 15px;
}
	
.glossary .morelink {
	padding-left:3px;
}

.glossary .topAnchor {
	width:100%;
	text-align:center;
}

.glossaryDetail {
	margin:5px;
}

.glossaryDetail .definition {
	margin:10px 0 10px 0;
}

.glossaryDetail .image {
	margin-top:10px;
}

.glossaryDetail .type {
	color:#666;
	font-style:italic;
}

.glossaryDetail .source {
	margin-top:10px;
}

.glossaryDetail .source .title {
	font-size:100%;
}

.glossaryDetail .info {
	margin-top:10px;
}

.glossaryDetail .info .title {
	font-size:100%;
}


/*
____________

Site Map
____________
*/

.siteMap{
	margin:10px;
	font-weight:bold;
	font-size: 110%;
}
.siteMap .level1{
	margin-top:8px;	
		font-size: 115%;
}

.siteMap .level2 a:link,
.siteMap .level2 a:visited,
.siteMap .level2 a:active  {
	font-weight:bold !important;		
	font-size: 110%!important;
}

.siteMap .level3 a:link,
.siteMap .level3 a:visited,
.siteMap .level3 a:active {
	font-weight:normal !important;
		font-size: 110%!important;
}

.siteMap .level4 a:link,
.siteMap .level4 a:visited,
.siteMap .level4 a:active {
	font-weight:normal !important;
		font-size: 110%!important;
}

.siteMap .level5 a:link,
.siteMap .level5 a:visited,
.siteMap .level5 a:active  {
	font-weight:normal !important;
		font-size: 110%!important;
}

.siteMap .level6 a:link,
.siteMap .level6 a:visited,
.siteMap .level6 a:active  {
	font-weight:normal !important;
		font-size: 110%!important;
}

.siteMap .level2{
	margin:8px 0 0 15px;
}
.siteMap .level3{
	margin:4px 0 0 45px;
}
.siteMap .level4{
	margin:4px 0 0 60px;
}
.siteMap .level5{
	margin:4px 0 0 75px;
}
.siteMap .level6{
	margin:4px 0 0 90px;
}

/*
____________

Search Results
____________
*/

.searchResults{
	padding:10px;
}

.searchResultsBar{
	clear:both;
	background-color:#FFF;
	color:#FFF;
}

.searchResultsBar .spiffy {
	display:block;
	background-color:#FFFFFF;
}

.searchResultsBar .spiffy * { 
	display:block;
	height:1px;
	overflow:hidden;
	background:#25385a;
}

.searchResultsBar .spiffy1 { 
	border-right:1px solid #a1a9b8;
	padding-right:1px;
	margin-right:3px;
	border-left:1px solid #a1a9b8;
	padding-left:1px;
	margin-left:3px;
	background:#5b6983;
} 

.searchResultsBar .spiffy2 { 
	border-right:1px solid #e9ebee;
	border-left:1px solid #e9ebee;
	padding:0px 1px;
	background:#4e5d79;
	margin:0px 1px;
} 

.searchResultsBar .spiffy3 { 
	border-right:1px solid #4e5d79;
	border-left:1px solid #4e5d79;
	margin:0px 1px;
} 

.searchResultsBar .spiffy4 { 
	border-right:1px solid #a1a9b8;
	border-left:1px solid #a1a9b8;
}  

.searchResultsBar .spiffy5 { 
	border-right:1px solid #5b6983;
	border-left:1px solid #5b6983;
}

.searchResultsBar .content {
	background-color:#25385a;
	padding:0 2px 2px 2px;
}

	
.searchResults .result {
	border-bottom:1px solid #d6d6d6;
	padding: 5px;
	margin:5px;
}

.searchResults .title{
	float:left;
	margin:0 0 20px 0;
	padding:0;
	}

.searchResults .textBox {
	float:left;
	margin:0 5px 0 20px;
	padding:0;
}
.searchResults .advancedSearch{
	float:left;
	margin-left:5px;
	}

.searchResults .goButton {
	float:left;
	margin:0;
	}

.searchResults .result .title {
	float:none;
	padding:0;
	margin:0;
	font-size:100%;
}

.searchResults .url {
	font-weight:bold;
	color:#404040;
	width:100%;
	word-wrap:break-word;	
}

.searchResultsNav {
	text-align:center;
	padding-top: 10px;
}

/*
____________

Advanced Search Page
____________
*/

#advancedSearchForm {
	margin:10px;
}

#advancedSearchForm .section {
	clear:both;
	margin:10px 0 10px 0;
	border-top:1px dotted #ccc;
}

#advancedSearchForm h1 {
	margin-top:5px;
}

#advancedSearchForm .item {
	margin:0;
	clear:both;
}

#advancedSearchForm .description {
	float:left;
	width:150px;
	margin:5px;
}
#advancedSearchForm .textBox {
	float:left;
	margin:5px;
}
#advancedSearchForm .goButton {
	position:relative;
	left:200px;
	font-size:140%;
	margin:5px;
}


/* Rounded Frame Controls
 for spiffy bar. 
 
 
 Uncomment this and the
one on the content
are render stylesheet
to get the spiffy bar back
.spiffy {
	display:block;
	background-color:#FFFFFF;
}

.spiffy * { 
	display:block;
	height:1px;
	overflow:hidden;
	background:#25385a;
}

.spiffy1 { 
	border-right:1px solid #a1a9b8;
	padding-right:1px;
	margin-right:3px;
	border-left:1px solid #a1a9b8;
	padding-left:1px;
	margin-left:3px;
	background:#5b6983;
} 

.spiffy2 { 
	border-right:1px solid #e9ebee;
	border-left:1px solid #e9ebee;
	padding:0px 1px;
	background:#4e5d79;
	margin:0px 1px;
} 

.spiffy3 { 
	border-right:1px solid #4e5d79;
	border-left:1px solid #4e5d79;
	margin:0px 1px;
} 

.spiffy4 { 
	border-right:1px solid #a1a9b8;
	border-left:1px solid #a1a9b8;
}  

.spiffy5 { 
	border-right:1px solid #5b6983;
	border-left:1px solid #5b6983;
}
  
/*
___________

Interpretations Search Form
____________
*/

.interpsSearchForm {
	padding:5px;
	}
  
/*
____________

Regional Office List
____________
*/

.regionalOfficeList {
	margin:5px;
}

.regionalOfficeList .title {
	font-size: 120%;
	font-weight: bold;
	color: #25385a;
	border-bottom: 2px solid #25385a;
	margin: 0 0 5px 0;
	padding: 3px 5px 3px 5px;
	background-image:url('/staticfiles/PHMSA/SiteImages/Common/GrayGrad.jpg');
	background-position:left;
	background-repeat:repeat-y;
}

.regionalOfficeList .regionItem {
	margin:5px;
}

.regionalOfficeList .statesCovered {
	margin:5px;
}

.regionalOfficeMap {
	margin: 5px;
	}
	
.regionalOfficeMap .image {
	float:none;
	text-align: center;
	width: 95%;
}

.regionalOfficeMap .title {
	font-size: 120%;
	font-weight: bold;
	color: #25385a;
	border-bottom: 2px solid #25385a;
	margin: 0 0 5px 0;
	padding: 3px 5px 3px 5px;
	background-image:url('/staticfiles/PHMSA/SiteImages/Common/GrayGrad.jpg');
	background-position:left;
	background-repeat:repeat-y;
}



/*
____________

Regional Office Detail
____________
*/

.regionalOffice {
	width:95%;
	margin:10px;
}
.regionalOffice .description {
	clear:both;
	margin: 0 5px 10px 0;
}

.regionalOffice .updatedDate {
	clear:both;
	padding: 10px;
}

.regionalOffice .image {
	float:right;
	margin-right:30px;
}
.regionalOffice .statesCovered {
	font-weight:bold;
	font-size:110%;
	margin:25px 25px 25px 10px;
	float:right;
}

.regionalOffice .spiffyTitle {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #25385a;
	border-bottom: 1px solid #ffffff;
	margin: 0px 0px 10px 0px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	position: relative;
	top: 0px;
	left: 0px;
}
/*
____________

HQ Office
____________
*/

.HQOffice {
	padding:10px;
	}
	
.HQOffice .spiffy3rds {
	padding: 5px 3px 5px 3px;
	}	
	
.HQOffice .description {
	margin:10px 10px 10px 5px;
	}

.HQOffice .HQProfile {
	padding:5px;
	}

.HQOffice .address {
	padding:5px;
	}
	
.HQOffice .email {
	padding:5px;
	}
	
	
.HQOffice .phoneNum {
	padding:5px;
	}
	
.HQOffice img {
	margin: 5px 5px 10px 5px;
	float: right;
	}

.HQOffice .updatedDate {
	padding:10px 10px 10px 5px;
	}
	
/*
____________

Personnel Profile
____________
*/

.personnelProfile .updatedDate {
	padding:10px 10px 10px 5px;
	}
	

.personnelProfile {
	width:600px;
	padding:10px;
	}

.personnelProfile img {
	margin:5px 20px 20px 5px;
	border: 1px solid #000;
	float: left;
	}

.personnelProfile .personnelName {
	padding: 15px 5px 10px 0px;
	font-weight: bold;
	font-size: 120%;
	}
	
.personnelProfile .personnelDuties {
	padding: 10px;
	margin:10px;
	float: left;
	}

.personnelProfile .personnelBio {
	padding: 10px 5px 5px 0;
	clear: both;
	}
	
.personnelProfile .personnelDescription {
	padding:50px 10px 10px 10px;
	width: 95%;
	}
	
	
/*
____________

Contact Us
____________
*/

.HQOfficeList {
	padding: 0 10px 20px 20px;
	}

.HQOfficeList .officeTitle {
	font-weight: bold;
	font-size: 110%;
	padding-top:20px;
	}
	
.HQOfficeList .address {
	padding-left: 15px;
	}
	
.HQOfficeList .officeProfileLink{
	padding: 3px 10px 5px 15px;
	}
	
.HQOfficeList .phone {
	padding: 2px 10px 0 15px;
	}
	
.HQOfficeList .email {
	padding-left: 15px;
	}
.HQOfficeList .image {
	float: right;
	padding: 10px;
	}	
	
/*
____________

Calendar Events List

____________
*/

.calendarEventsList {
	width: 95%;
	padding: 10px;
	clear:both;
	}

.calendarEventsList .heading {
	border-bottom: 2px solid #000;
	padding: 5px 10px 2px 10px;
	border-top: 10px solid #ffffff;
	text-align: left;
	font-size: 110%;
	background-color: #EBEDF1;
	}
		
.calendarEventsList .eventItem {
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #EAEAEA;
	}

.calendarEventsList .eventItem .date {
	font-size: 100%;
	font-weight: normal;
	}
	
.calendarEventsList .eventItem .title {
	font-size: 100%;
	font-weight: normal;
	}		
	
.calendarEventsList .eventItem .location {
	font-size: 100%;
	font-weight: normal;
	}
	
.calendarEventsList .eventItem .detailsLink {
	font-size: 100%;
	font-weight: normal;
	}		

/*
____________

Calendar Event Detail
____________
*/

.calendarEvent {
	margin:10px;
}

.calendarEvent .title {
	font-size: 110%;
	font-weight:bold;
	padding-bottom: 10px;
}

.calendarEvent .location {
	padding-bottom: 10px;
}

.calendarEvent .dates {
}

.calendarEvent .dates .dateText {
}

.calendarEvent .details {
	padding-top: 15px;
}

/*

/*
____________

Special Permits App
____________
*/

.SPList {
	margin:5px;
}

.SPList .SPTable{
	float:left;
	margin:5px;
}
.SPList .SPMenu{
	float:left;
	margin:5px;
}

.SPSearch {
	margin:5px;
}

.SPSearch .searchResults .pagebanner {
	display:block;
	background:#FFF;
	font-size:120%;
	font-type:bold;
}

.SPSearch .searchResults .pagelinks {
	display:block;
	margin: 5px;
	padding:5px;
	background:#CCC;
}

.SPSearch .searchResults .sortable {
	margin:10px;
}

.SPSearch .searchResults .even {
	background:#FFF;
	border: 1px solid #000;
}

.SPSearch .searchResults .odd {
	background:#CCC;
	border: 1px solid #000;
}

.hazmatContact{
	position:relative;
	width:500px;
	background:#e7e6e6;
	padding:10px;
	margin:10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url("/staticfiles/PHMSA/SiteStylesheets/PIE.htc");

}

.hazmatContact .image{
	width:100px;
	float:left;
	padding:10px;
	}
	
.hazmatContact .info{
	width:275px;
	float:left;
	padding:10px;
	}

/*
____________

Print Media Styles
____________
*/

@media print {
	.spiffy,
	.spiffyT,
	.spiffyB
	{
		display:none !important;
	}
	body{
	margin:0 !important;
	}

	.header img{
		width:350px;
	}

	.keyAudienceMenu a:link,
	.keyAudienceMenu a:visited
	{
		width:120px !important;
	}
	.keyAudienceMenuSpacer{
		width:1px !important;
	}
	.randomImagePageSplash img {
		width:500px;
	}
}

