* {margin:0;padding:0;border-collapse:collapse}
html, body {height:100%;}
body, td, input, textarea, select {font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size:12px;color:#333;}
body  {background:url(../images/site-bg.png) top center repeat-y #fff;text-align: center;}

a {text-decoration:none;color:#000667;font-weight:bold;}
a:hover {text-decoration:underline;color:#333;}

#topline {background-color:#000667;height:5px;margin:0;padding:0; position:fixed;top:0;width:100%;}

#container {width:925px;margin:0 auto;padding:0 15px 60px 15px;overflow:hidden;text-align:left;}

#header {width:auto;height:115px;border-bottom:5px solid #000667;background:url(../images/petro6-title.png) right 35px no-repeat;}
#logo {width:234px;height:71px;background:url(../images/petro6-logo1.jpg) 0 0 no-repeat;float:left;margin:10px 0 0 0;}
#logo a {display:block;width:234px;height:71px;}

#menuArea {float:right;margin:0;}
ul.menu {list-style:none;margin:0;padding:0;}
ul.menu li {float:left;list-style:none;text-align:center;margin:79px 0 0 2px;padding:0;line-height:normal !important;text-transform:capitalize;}
ul.menu li a {color:#fff;background-color:#0042f8;padding:10px 0;display:block;width:95px;font-size:13px;}
ul.menu li a:hover, ul.menu li.active a {background-color:#000667;text-decoration:none;color:#fff;}

#slideshow {border-bottom:5px solid #000667;margin:0;padding:0;}

#contentArea {margin:15px 0 0 0;}
p {line-height:22px;padding:0 0 15px 0;}
h1 {color:#000667;margin:0 0 15px;font-size:20px;font-weight:bold;border-bottom:3px solid #000667;}
h2 {color:#000667;padding:0 0 15px;font-size:17px;font-weight:normal;}
h3 {color:#000667;padding:0 0 15px;}
ul,ol {margin:0;padding:0 0 15px;}
li {margin-left:15px;line-height:22px;text-align:left;}
ol li {margin:0 0 10px 20px;}
td {line-height:22px;}

#dataarea {float:right;width:636px;overflow:hidden;}
#welcomebox {background-color:#c0d9f0;padding:15px 15px 0 15px;margin:0 0 15px;overflow:hidden;}
#welcomebox h1 {font-size:20px;font-weight:bold;border:none;}
#welcomebox a {text-decoration:underline;}
#welcomebox img {float:left;padding:0 15px 40px 0;}

.infobox {padding:15px 15px 0 15px;background-color:#000667;float:left;width:165px;color:#fff;}
.infobox h2 {color:#fff;padding:0 0 10px;font-weight:bold;}
.infobox img {margin:0 0 10px;}
.infobox a {color:#fff;text-decoration:underline;}
.midbox {margin:0 25px;}

#subsection {float:left;width:270px;overflow:hidden;}
#latestnews {background-color:#000667;padding:15px 15px 0 15px;color:#fff;margin:0 0 15px;}
#latestnews h2 {color:#fff;padding:0 0 10px;font-size:20px;font-weight:bold;}
#latestnews a {color:#fff;text-decoration:underline;}
#latestnews a.active {color:#fff;text-decoration:none;background-color:#1e5aff;padding:5px 1px;}

#addressinfo {padding:130px 0px 15px 15px;background:url(../images/global-map.gif) center 15px #e8f1fa no-repeat;}
#addressinfo p {padding:10px 0 0;}
#addressinfo span {font-weight:bold;color:#880015;}
.bColor {font-weight:bold;color:#880015;}

.infobox a:hover, #welcomebox a:hover, #latestnews a:hover {color:#fff;text-decoration:none;}

table.dataTable {border:1px solid #e5e5e5;margin:0 0 15px;}
table.dataTable th {padding:8px 10px;border:1px solid #e5e5e5;border-bottom-width:2px;font-size:13px;text-align:left;}
table.dataTable td {padding:8px 10px;border:1px solid #e5e5e5;}

table.profileTable {border:1px solid #000667;margin:0 0 15px;background-color:#f9f9f9;}
table.profileTable th {padding:8px 10px;border-right:1px solid #000688;font-size:13px;text-align:center;white-space:nowrap;background-color:#000667;color:#fff;}
table.profileTable td {padding:8px 10px;border:1px solid #999;text-align:center;vertical-align:top;}

label {width:120px;display:block;clear:both;float:left;margin:0;}

form label {width:120px;display:block;clear:both;float:left;margin:0 0 15px 0;}
.textBox {float:left;padding:5px;width:225px;border:1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.textArea {float:left;padding:5px;width:225px;height:90px;border:1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.button {float:left;margin-top:8px;padding:6px 10px;border:none;background-color:#000667;color:#fff;font-weight:bold;text-transform:uppercase;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.hideMe {display:none;}
.floatRight {float:right;margin:0 0 15px;}
.floatLeft {float:left;}
.clear {clear:both;}

#sitemap {margin:15px 0 0 0;}
#sitemap  h2 {margin:0;padding:0 0 5px;font-weight:bold;}
#sitemap p {line-height:24px;}
#sitemap p.indentLeft{padding-left:15px;}

a.readMore {font-size:14px;text-decoration:underline;}
a.readMore:hover {}
span.mailid {color:#1e5aff;}

#footerarea {background-color:#000667;height:35px;border-top:5px solid #0042f8;margin:15px 0 0 0; position:fixed;bottom:0;width:100%;}
#footer {width:955px;margin:0 auto;}
#footerMenu {line-height:35px;float:right;}
#footerMenu a {color:#fff;padding:0 0 0 15px;}
#copyRight {float:left;text-align:right;line-height:35px;color:#fff;}