body #fontStyles {font-family: Arial, Helvetica, sans-serif; font-size: small;}
table { border-collapse: collapse; }
img { display: block; border-style: none; }
strong { color: #036; }
sup { line-height:15px; vertical-align: top; }

div.dash { padding: 0 0 10px 0; margin: 0 0 0 10px; border: dashed #d4d4d4; border-width: 0 0 1px 0; } 

#header_homepage { margin: 0; padding: 0; width: 574px; height: 270px; 
  background: transparent url(../images/home_refinery.jpg) left top no-repeat; }
#header_safety { margin: 0; padding: 0; width: 574px; height: 50px; 
  background: transparent url(../images/hdr_safety.gif) left top no-repeat; }
#header_about { margin: 0; padding: 0; width: 574px; height: 50px; 
  background: transparent url(../images/hdr_about.gif) left top no-repeat; }
#header_community { margin: 0; padding: 0; width: 574px; height: 50px; 
  background: transparent url(../images/hdr_community.gif) left top no-repeat; }
#header_environment { margin: 0; padding: 0; width: 574px; height: 50px; 
  background: transparent url(../images/hdr_environment.gif) left top no-repeat; }
#header_news { margin: 0; padding: 0; width: 574px; height: 50px; 
  background: transparent url(../images/hdr_news.gif) left top no-repeat; }
#header_faq { margin: 0; padding: 0; width: 574px; height: 50px; 
  background: transparent url(../images/hdr_faq.gif) left top no-repeat; }
#header_contact { margin: 0; padding: 0; width: 574px; height: 50px; 
  background: transparent url(../images/hdr_contact.gif) left top no-repeat; }

#caption_homepage { margin: 15px 20px; padding: 0; width: 574px; 
  color: #787575; font-style: italic;  font-size: 18px; }

#subnav {
  margin: 0 10px; 
  padding: 0; 
  list-style-type: none; 
  float: left; 
  border-bottom: solid #969696 1px; 
  border-right: dashed #d4d4d4 1px; 
  width: 543px; }
#subnav li {
  margin: 0; 
  padding: 0; 
  border-left: dashed #d4d4d4 1px; 
  display: block; 
  float: left; 
  width: 180px; 
  height: 240px; }
#subnav li.even { background-color: #efefef; }

#subnav li div.content { margin: 0 20px; padding: 0; width: 140px; }

#subnav li h3 { margin: 5px 0; padding: 0; font-size: 12px; text-align: center; }
#subnav li h3 a { color: #036; }
#subnav li h3 a:hover { text-decoration: underline; }

#subnav li div.link {
  margin: 0 5px 15px 5px; 
  padding: 0; 
  width: 150px; 
  height: 16px; 
  font-size: 12px; 
  font-weight: bold; 
  background: transparent url(../images/arrow_forward.gif) right center no-repeat; 
  text-align: right; }

#subnav li div.link p { margin: 0; padding: 0; float: right; }
#subnav li div.link a {
  margin: 0; 
  padding: 0 20px 0 0; 
  display: block; 
  width: 65px; 
  height: 16px; 
  float: right; }

#primarycontent { margin: 20px 0; width: 554px; }
#primarycontent h2 {
  margin: 0px 10px 10px 0px; 
  padding: 0; 
  font-size: 1.4em; 
  text-align: left; 
  font-weight: bold; 
  color: #036; }
#primarycontent h3 {
  margin: 10px 0 10px 0; 
  padding: 0; 
  font-size: 1.1em; 
  text-align: left; 
  font-weight: bold; 
  color: #036; }
#primarycontent h4 {
  margin: 10px 0 0px 0; 
  padding: 0; 
  font-size: 1.0em; 
  text-align: left; 
  font-weight: bold; 
  color: #036; }
#primarycontent p { margin: 0 0 5px 0; padding: 0; }

#primarycontent div.gImageLeft { margin: 5px 10px 5px 0; float: left; display: inline; }
#primarycontent div.gImageRight { margin: 5px 0 5px 10px; float: right; display: inline; }

#primarycontent div.viewImage {
  margin: 0; 
  padding: 0; 
  width: 160px; 
  height: 25px; 
  display: block; 
  text-align: center; 
  background: #e9f4f8 url(../images/icon_mag-glass.gif) no-repeat 140px center; }
	
	#primarycontent div.imageText {
  margin: 0; 
  padding: 0; 
  width: 160px; 
  height: 25px; 
  display: block; 
  text-align: left; 
  background: #e9f4f8; }

#primarycontent div.viewImage p { margin: 0; padding: 0; }
#primarycontent div.viewImage p a { margin: 0; padding-top: 4px; width: 160px; height: 20px; display: block; }
#primarycontent div.viewImage p a:hover { margin: 0; padding-top: 4px; width: 160px; height: 20px; display: block; }


#primarycontent strong.sub_title_small { font-size: .95em; text-align: left; font-weight: bold; color: #036; }
#primarycontent #q_and_a_links { padding-bottom: 0px; }
#primarycontent #q_and_a_links li { font-size: .95em; font-weight: bold; color: #036; }
#primarycontent #q_and_a li { font-size: .95em; color: #000; }
#primarycontent #q_and_a_links_end { padding-bottom: 35px; }
#primarycontent #q_and_a_links_end li { font-size: .95em; font-weight: bold; color: #036; }
#primarycontent #q_and_a li { font-size: .95em; color: #000; }


#primarycontent p.backtotop { font-size: .9em; font-weight: bold; text-align: left; margin: 10px 0 20px 0; display: block; }
#primarycontent p.backtotop a:link,
#primarycontent p.backtotop a:visited,
#primarycontent p.backtotop a:hover { font-size: .9em; }


#primarycontent blockquote {
  margin: 5px 10px; 
  padding: 10px 5px 10px 10px; 
  width: 240px; 
  border: solid #069 1px; 
  font-family : Times,Times New Roman; 
  font-size: 16px; 
  font-style: italic; 
  font-weight: bold; 
  line-height: 24px; 
  color: #006699; 
  background-color: #dbeeff; }
#primarycontent blockquote p { font-size: 14px; }
#primarycontent blockquote.pullQuoteRight { float: right; }
#primarycontent blockquote.pullQuoteLeft { float: left; }
#primarycontent blockquote span.openQuote {
  padding: 0 5px 5px 5px; 
  background: transparent url(../images/quote_start.gif) no-repeat center top; 
  display: inline-block; 
  width: 15px; 
  height: 10px; }
#primarycontent blockquote span.closeQuote {
  padding: 0 5px 5px 5px; 
  background: transparent url(../images/quote_end.gif) no-repeat center top; 
  display: inline-block; 
  width: 15px; 
  height: 10px; }

table#history { width: 100%; }
table#history tr.odd { background-color: #e9f4f8; }
table#history tr.even { background-color: #fff; }
table#history td.date { margin: 0; padding: 10px; width: 15%; }
table#history td.description { margin: 0; padding: 10px; width: 85%; }


table#historyimages { width: 100%; }
table#historyimages tr.images { background-color: #e9f4f8; margin: 5px 5px 5px 5px; }
table#historyimages td.image { padding: 10px; width: 30%; float: center; }
table#historyimages td.captions { background-color: #e9f4f8; font-size: .8em; text-align: center; }
table#historyimages td { text-align: center; }

.clearboth { clear: both; }

/* GALLERY */
.whiteBack { background-color: #fff; }
body#gallery1 { width: 75%; }
#galleryHeader1 { margin: 0; padding: 0; background-color: #069; width: 75%; height: 23px; }


body#gallery { width: 100%; }
#galleryHeader { margin: 0; padding: 0; background-color: #069; width: 100%; height: 23px; }
#galleryNav { margin: 0 10px; float: right; background: transparent url(../images/bevel.gif) no-repeat left center; }
#galleryNav div { background: transparent url(../images/bevel.gif) no-repeat right center; }
#galleryNav div a { padding: 5px 0 0 10px; height: 20px; float: left; display: block; color: #fff; font-size: 10px; }
#galleryNav img { display: inline; }

#printPage { width: 85px; height: 23px; float: left; }
#printPage a { width: 85px; background: transparent url(../images/icon_print.gif) no-repeat 70px 40%; }
#closeWindow { width: 110px; height: 23px; float: left; }
#closeWindow a { width: 110px; background: transparent url(../images/icon_close-window2.gif) no-repeat 90px 20%; }

/*added for the use of richmond gallery */
#gallerysubNav2 { clear: both; margin: 125px; padding: 0; list-style-type: none; width: 450px; }
#gallerysubNav2 li#prevImage { margin: 100; padding: 0; width: 100px; float: left; background: transparent url(../images/arrow_prev-bottom.gif) no-repeat left 4px; }
#gallerysubNav2 li#nextImage { margin: 0; padding: 0; width: 100px; float: right; background: transparent url(../images/arrow_next-bottom.gif) no-repeat right 4px; }
#gallerysubNav2 li a { margin: 0; padding: 0; display: block; width: 100px; height: 20px; }
#gallerysubNav2 li#prevImage a { padding-left: 20px; width: 100px; float: left; }
#gallerysubNav2 li#nextImage a { padding-right: 20px; width: 70px; float: right; }
/* end richmond */


#gallerysubNav { clear: both; margin: 20px; padding: 0; list-style-type: none; width: 654px; }
#gallerysubNav li#prevImage { margin: 0; padding: 0; width: 100px; float: left; background: transparent url(../images/arrow_prev-bottom.gif) no-repeat left 4px; }
#gallerysubNav li#nextImage { margin: 0; padding: 0; width: 100px; float: right; background: transparent url(../images/arrow_next-bottom.gif) no-repeat right 4px; }
#gallerysubNav li a { margin: 0; padding: 0; display: block; width: 100px; height: 20px; }
#gallerysubNav li#prevImage a { padding-left: 20px; width: 100px; float: left; }
#gallerysubNav li#nextImage a { padding-right: 20px; width: 70px; float: right; }

#galleryprimaryContent { background-color: #fff; clear: both; margin: 0; padding: 0; width: 100%; display: block; text-align: center; }
#gallerymainImage { padding: 10px 100px 20px 100px; display: block; }
#galleryprimaryContent p { padding: 0 100px; width: 500px; text-align: left; font-size: .95em; }

#esfooter { clear: both; width: 100%; text-align: center; font-size: .9em; padding: 30px 0;}

/* contact form */
form { margin: 0; padding: 0; }
fieldset { margin: 10px 5px; padding: 0 20px 5px 20px; clear: both; border: solid #39c 1px; }
fieldset legend { font-size: 1.1em; font-weight: bold; color: #036; }
label { margin: 0; padding: 5px 0; clear: both; width : 500px; display : block; font-weight: bold; } 
label span.col1 { margin: 0; padding: 0; float: left; width: 194px; } 
label input,label textarea { float: right; width : 300px; } 

fieldset input#submit { margin: 10px 0; }
.hidequote { font-size: 14px; visibility: hidden; }