html {overflow: -moz-scrollbars-vertical}
body {background-color: #FFF; margin: 0; font-family: verdana, arial; font-size: 10pt}
h1 {margin: 0; padding: 10px 0; font-family: arial, verdana; font-size: 20px}
h2, h3, h4 {margin: 0; padding: 0; font-family: "trebuchet MS", arial, verdana; font-weight: bold; font-size: 22pt}

#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
    }
    
h3 img.inactive {display: none;}

p {margin-top: 0}
a {text-decoration: none}
img {border: none}
a:hover {text-decoration: underline}
a:focus {text-decoration: underline}
table {width: 95%}

a.pdf {padding-right: 17px;  background-color: transparent; background-image: url(../icons/pdf-icon-gray.gif); background-repeat: no-repeat; background-position: top right }
a.pdf:hover {background-image: url(../icons/pdf-icon.gif);}

a.xls {padding-right: 17px;  background-color: transparent; background-image: url(../icons/xls-icon-gray.gif); background-repeat: no-repeat; background-position: top right }
a.xls:hover {background-image: url(../icons/xls-icon.gif);}

a.docx {padding-right: 17px;  background-color: transparent; background-image: url(../icons/docx-icon-grey.gif); background-repeat: no-repeat; background-position: top right }
a.docx:hover {important; background-image: url(../icons/docx-icon.gif);}

.report-banner {margin:20px; padding:10px; background-color: #FFFFE9; border: 2px solid gold;}

.footnote {vertical-align: super; font-size: 6pt; position: relative !important;}
p.highlight {font-weight: bold; color:  #FFA000}
p.highlight { color: red !important }
div.specialnote { background-color: #FFFFE9; color: #990000; padding: 15px; margin-right: 5px; font-style: italic }
/* don't explicitly set the wall-margin, we're setting it differently below, depending on whether it's in a paragraph */
.content-body .in-text-right { float: right; margin-top: 5px; margin-bottom: 5px; margin-left: 15px; margin-right:10px }
.content-body .in-text-left { float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 15px; margin-left: 15px }
img.decorated { border: 1px solid black }
img.caption {text-align:center; margin: 0 !important } /* otherwise it grabs the content-body img margins below */
div.caption { background-color: #FFFFCC; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 4px; font-size: 8pt }
.note li { list-style-type: upper-alpha }
.jslink { color: #005FA9; cursor: pointer; }
.inline-block {display: inline-block;}
.vertical-header {width: 1px; height: 26px; position: relative; top: 6px; background: #FFF; border: 0;}
.disclaimer {vertical-align: super; font-size: 8pt; position: relative !important;}

/* Heading */
.phmsa-title {padding-left: 10px;}
.right-logo {font-size: 10px; position: relative; top: -4px;}
#divMainHead {
  background-color: #003366; 
  color: #FFF;
}

.msie7 .sidebar-list .three-lines a {top: -11px !important; left: 0px !important;}
.msie7 .nav-head { clear: both }
.msie7 .content-wrapper { clear: both }
.msie7 hr {display: none;}
.msie7 .nav-head > div {float: left !important; padding: 5px 10px; display: block !important; text-align: left !important;}
.msie7 .nav-head a {padding-left: 0;}
.msie7 .nav-head .current a {color: #FFA000;}
.msie7 #divSidebar a {margin-left: 7px;}
.msie7 #divSidebar .current a {color: #FFA000 !important;}
.msie7 .sidebar-list hr {display: none !important;}
.msie7 .sidebar-list div {top: 7px !important;}
.msie7 #divSidebar li {display: inline-block  !important; height: auto !important;}

#divMainHead .main-head .left-head {float: left; font-weight: bold; padding-top: 7px; min-width: 375px;}
#divMainHead .right-head {text-align: right; margin-right: 10px; padding-top: 5px; padding-bottom: 13px }
#divMainHead .right-head h2 {
  font-style: italic; 
  color: #CCC; 
  font-size: 17px; 
  margin-top: -10px;
  margin-right: 136px;
}
#divMainHead .right-head .print {
  margin-top: -11px; 
  cursor: pointer;
}
#divMainHead span.contact.inline-block {
  display: none;
}
.print {
  cursor: pointer;
  margin-top: 6px;
  font-size: 12px;
}

/* Start Nav */
.nav-head {
  background-color: #C9C9C9;
  padding: 0 0 10px 5px;
}
.nav-head .single a {padding-top: 5px;}
.msie8 .single {top: -9px !important;}

.nav-head .current hr {background: #FFA000 !important;}
.nav-head div:hover hr {background: #3C7CC9;}
.nav-head div {cursor: pointer; position: relative; height: 30px; display: inline-block; padding: 3px 0;}
.nav-head a {
  outline: none;
  padding-left: 6px;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  color: #405185;
  font-size: 11.5px;
  text-decoration: none;
}
.nav-head a:hover {color: #3C7CC9;}
.nav-head span {position: relative; top: -3px;}
.nav-head hr {border: 0; height: 6px; background: #22457B; margin: 3px 0 0 0 ;}
/* End Nav */

/* Preload Images */
#preload  {background: url(../images/puzzle3.png) no-repeat -9999px -9999px;}
#preload1 {background: url(../images/puzzle4.png) no-repeat -9999px -9999px;}
#preload2 {background: url(../images/puzzle5.png) no-repeat -9999px -9999px;}
#preload3 {background: url(../images/puzzle6.png) no-repeat -9999px -9999px;}
#preload4 {background: url(../images/puzzle7.png) no-repeat -9999px -9999px;}
#preload5 {background: url(../images/puzzle8.png) no-repeat -9999px -9999px;}
#preload6 {background: url(../images/puzzle9.png) no-repeat -9999px -9999px;}
#preload7 {background: url(../images/puzzle10.png) no-repeat -9999px -9999px;}
#preload8 {background: url(../images/puzzle11.png) no-repeat -9999px -9999px;}

#divContentHead {color:#FFF; background-color: #003366; margin: 0 10px; padding: 0px 0px 5px 0px; border-left: 1px solid #E8E8E8 }
#divContentHead .breadcrumb { color: #CCCCCC; }
#divContentHead .breadcrumb a { color: #CCCCCC }
#divContentHead .breadcrumb a:hover { color: red }
#divContentBody {text-align: left; background-color: #FFF; padding-top: 15px; padding-bottom: 0px;}
#divContentBody .gain-layout {overflow: auto;}
#divContentBody .safety-connection {line-height:150%;}
#divContentBody .safety-connection-click {line-height:150%; font-style:italic; font-weight:bold; color:#ff8000;}
#divContentBody .safety-connection-homepage {line-height:150%; font-style:italic;  font-size:17px;position: relative; top: -6px;}
#divContentBody .safety-wheel {display: block; margin-left: auto; margin-right:auto;}
#divContentBody .safety-wheel.hidden {display: none;}
#divContentList  li:hover a {cursor: pointer; color: #FFA000;}
#divContentList .link-wrapper {display: none;}
#divContentList h3 { cursor: pointer;}
#divContentList ul {list-style: none; padding-left: 5px; padding-bottom:0px}
#divContentList ul h3 {padding: 1px; margin: 0 3px 0 0;}
#divContentList li {padding-left: 5px;}

.arrow {padding-right: 5px;}

.content-body p { margin-left: 10px; margin-right: 15px; margin-bottom: 0; padding-bottom: 15px;}
.content-body .compact p { padding-bottom: 0}
.content-body div.caption-containe,
.content-body table,
.content-body caption,
.content-body img { margin-left: 15px; margin-right: 15px }
/* Remove this once you've cleaned up the markup (taken img and tables out of paragraphs) */
.content-body p table,
.content-body p img { margin-left: 0px; margin-right: 0px }
.content-body h3,h4 { margin-top: 5px; color: #003366; padding: 3px 0px 3px 10px; font-size: 12pt; font-weight: bold  }
.content-body h3 { color: #FFA000;}
.content-body a { color: #0033CC }
.content-body a:visited { color: #0033CC }
.content-body a:hover { color: #FFA000 }
.content-body ol { margin: 0px 15px 0 25px; padding: 0 0 15px 0 }
.content-body ul { margin: 5px 15px 0 15px; padding: 0 0 15px 0 }
.content-body li { margin-left: 15px; padding-left: 0 }
.content-body li .heading { color: #0033CC } /* pseudo-link style for "headings" in LIs */
.content-body ul ul { margin-top: 3px; ; padding-bottom: 0  }
.content-body ol ol { margin-bottom: 0; padding-bottom: 0 }
.content-body hr { color: black; background-color: black; height: 1px; border-width: 0; margin-left: 15px; margin-right: 20px }


.content-title-pane {background-color: #EBEBEB;}
.content-title-pane .main-title {
  color: #415CAE; 
  margin: 0 0 0 10px;
  font-size: 32px;
}

.content-title-pane .subtitle {
  font-size: 14px;
  margin-left: 10px;
  font-style: italic;
  position: relative;
  color: #666;
}

.highlight-box { background-color: #FFFFE9; margin-right: 5px; margin-top: 30px; border-top: 0px solid #FFAB89; border-bottom: 0px solid #FFAB89; clear: both }
h3.highlight-box-title  { background-color: #FFFFCC; padding: 3px 0px 3px 15px; margin: 0; font-size: 12pt; font-weight: bold }
h3.highlight-box-title,
.highlight-box a,
.highlight-box a:visited,
.highlight-box h3,
.highlight-box li,
.highlight-box h3 {color: red}

#divFooterpage h4 {padding 25px;}

#divFooter {margin: 25px 15px 5px 10px; font-size: 10px; text-align: center; color: #6F6666;}
#divFooter a,
#divFooter a:visited,
#divFooter a:active {color: #405185;}

#divSide {width: 170px; position: relative; top: -6px;}
#divSide #divSidebar { width: 170px; padding: 0 10px 10px 0; font-size: 9pt; margin: 0 0 0 10px}
#divSide a { color: #003366; padding: 1px }
#divSide p { margin: 0 0 7px 0 }
#divSide h3 {
  font-weight: normal;
  font-size: 15px; 
  text-indent: 0; 
  margin: 0 15px 0 0; 
  padding: 0 5px 0 2px;
  cursor: pointer;
  color: #666;
}

#divSide #divSideTab { text-align: right; width: 171px; background-position: bottom right; background-repeat: repeat-x; margin: 15px 0 0 0; padding-bottom: 0px }
#divSideTab div.gain-layout {clear: both;  text-align: left; background-color: #FFFFE9; padding: 10px 5px 10px 7px }
#divSide a {display: block; margin: 0 3px 0 0; color: black;}
#divSidebar ul {list-style: none; padding: 0; margin: 0 5px 0 0;}
#divSidebar ul h3 {padding: 1px; margin: 0 5px 0 0;}
#divSidebar .state-selector-heading {margin-top: 35px;}
#divSidebar .state-selector a {background-color: #EBEBEB; color: #000 !important;}
#divSidebar .state-selector a:hover {text-decoration: underline;}
#divSidebar .link-wrapper {display: none; padding-left: 3px;}
#divSidebar .link-wrapper a {color: #405185;}
#divSidebar .link-wrapper a:hover {color: #3C7CC9;}
#divSidebar .link-title {color: #036; font-size: 16px; font-weight: bold;}

/* small experiment avoid <hr> in link lists */
.reportsubmenu li {border-left: 6px #405185 solid; height: auto !important; margin: 5px 0 3px 3px; }
.reportsubmenu li:hover {border-color:#3C7CC9;}
.reportsubmenu li a {display:inline-block !important; top: 0px !important; padding:0px 0px 2px 2px !important;  }
/* end experiment */


#divSide div.side-section-end { clear: right; margin: 0}
#divSideTab .top-corner { float: right; font-size:0; width: 5px; height: 5px; background-image: url(../icons/SideTabTopCorner.gif) }
#divSideTab .bottom-corner { float: right; font-size:0; width: 5px; height: 5px; background-image: url(../icons/SideTabBottomCorner.gif) }
#divSideTab a { color: #000 }

#divSide div.gain-layout { margin: 0 }
#divSide a.printthis { padding: 0 2px 0 20px; background: url(../icons/printer_icon.gif) no-repeat }
#divSide a:hover.printthis { color: #003366 }

.sidebar-list.about {padding-top: 0 !important; margin-top: 3px !important;}
.sidebar-list hr {border: 0; background: #22457B; width: 6px; display: inline-block; height: 17px;}
.sidebar-list .two-lines hr {width: 6px; display: inline-block; height: 34px;}
.sidebar-list .two-lines a {top: -11px;}
.sidebar-list .three-lines hr {width: 6px; display: inline-block; height: 51px;}
.sidebar-list .three-lines a {top: -55px !important; left: 6px;}

/*note: this style is for extra menus i.e. PIPA, Reports, Public Awareness*/
#divSide .expansion {text-decoration: none; color: #666;}
#divSide .awareness-pages {
  width: 175px;
  display: inline-block; 
  padding: 3px;
  border-right: 1px inset #EFEFEF;
  border-top: 2px inset #EFEFEF;
  border-bottom: 2px outset #EFEFEF;
  position: relative; 
  top: 3px; 
  left: -11px;
  margin-bottom: 15px;
  background-color: #FFF;
  z-index: 1;
}

#divSide li a {
  font-size: 11.5px; 
  margin-left: 2px; 
  display: inline-block; 
  position: relative; 
  top: -10px; 
  text-decoration: none;
  outline: none;
}
#divSide li:hover {cursor: pointer;}
#divSide li:hover hr {background: #3C7CC9;}
#divSide li.current hr {background: #FFA000;}
#divSide li {height: 20px;}
#divSide li.two-lines {height: 37px;}
#divSide li.three-lines {height: 54px;}
#divSide ul {padding-top: 5px;}
#divSide ul div {position: relative; top: -5px;}

#divFeedback {float:right; border: 2px solid blue; padding:5px 5px 5px 5px; margin:10px 25px 10px 10px; font-weight:bold}
#divFeedback,
#divFeedback a {color:red}

caption { text-align: left; color: #003366; font-weight: bold; padding-bottom: 1em }
/*note: see ie7,ie6 .css files for special glossaryterm directives*/
/* default the domain-nav to off */
#divSide #divSideTab2 { display: none }

/* Right Side */
.right-pane .new {
  color: #415CAE !important; 
  font-size: 26px;
  text-align: center;
  padding: 3px 3px;
  border-style:solid;
  border-color:  #FFA000;
  border-width: 2px;
  display: inline-block;
  margin: 5px 0 5px 0;

}
.right-pane .align-right {position: relative;}
.right-pane .align-right img {position:absolute; right: 0; top: -13px;}
.right-pane img {margin: 10px 0 5px 0;}

.left-hand-content {
  display: inline-block;
  vertical-align: top;
}
.left-hand-content ul {
  list-style: none;
  margin-left: 0;
}
.left-hand-content li {
  padding-right: 5px;
  margin-bottom: 2px;
  width: 200px;
  height: 40px;
}
.left-hand-content li span {
  position:relative;
  top: -40px;
  left: 100px;
  display: block;
  width: 100px;
}
.left-hand-content a:hover {
  color: #FFF !important;
  text-decoration: none !important;
}
.left-hand-content li:hover a {
  color: #FFF !important;
  text-decoration: none !important;
}
.left-hand-content li.current a {
  color: #FFF;
  text-decoration: none;
}
.left-hand-content li.current {
  background-color: #316AC5 !important;
}
.left-hand-content li:hover {
  background-color: #95A5D9;
  cursor: pointer;
}
.right-hand-content {
  position:absolute;
  display: inline-block;
}
.right-hand-content .hidden {
  display: none;
}


/* Content Wrapping */
.content-wrapper {position: relative; background-color: #FFF;}

.content-wrapper .left-pane {
  width: 179px;
  float: left;
  background-color: #EBEBEB;
}
.content-wrapper .content-pane.no-right-pane {
  margin-right: 0px !important;
  border-right: 0 !important;
}
.content-wrapper .content-title-pane {
  margin-left: 179px;
  padding: 5px 0 13px 0;
  border-left: 1px solid #D8D8D8;
}
.content-wrapper .content-pane {
  margin-left: 179px;
  margin-right: 170px;
  background-color: #FFF;
  border-left: 1px solid #D8D8D8;
}
.content-wrapper .right-pane {
  width: 170px;
  float: right;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FFF;
}

#entry h3 { font-size: 15pt; margin-bottom: 0; padding-bottom: 0; margin-left: 0; padding-left: 0 }

ul.float-right
{
float:right;
border:1px dotted black;
margin:10px 20px 15px 20px;
padding:10px 20px 15px 20px;
}



 p.sub-title {
  color: #415CAE; 
  margin: 5px 0 0 10px;
  font-size: 20px;
}

td.cellborder {
border:1px dotted black;
margin:15px 15px 15px 15px;
padding:15px 15px 15px 15px;
}

.emph {
color:#FFA000;
font-style:italic;
}

.subemph {
color:#405185;
font-style:italic;
}

h3.sublist {
	color: grey;
	font-size:12px: 
}

.photowrapper {
    width: 100%;
    overflow: hidden;
}
.phototcontainer {
    width: 100%;
    margin: 0 auto;
}
.banner-img {
    width: 100%;
}