/*
-----------------------------
PETROTRANZ STYLESHEET
-----------------------------
*/

/* General Styles */
html { 
	font-size: 80%; 
	font-family: arial, "microsoft sans serif", arial, sans-serif;
}

html,body {
	margin:0;
	padding:0
}

body {
	text-align: center;
	background: #424c56;
}

p, td {
	margin: 0;
	padding: 0;
	line-height: 18px;
	vertical-align: top;
}

p {
	margin-bottom: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

a {
	color: #274c8a;
}

img {
	border: 0;
}

strong {
	font-weight: bold;
}

ul, ol {
	line-height: 18px;
}

blockquote {
	border : 1px solid #81b487;
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #c4e5c8;
	font-style: italic;
}

blockquote div {
	text-align: right;
	font-weight: bold;
	font-style: normal;
}


/* Structure */

#container {
	width: 824px;
	border-right: 1px solid #2a3137;
	border-bottom: 1px solid #2a3137;
	border-left: 1px solid #2a3137;
	background: #fff;
	margin: 0 auto;
	text-align:left
}


/* Header */

#header {
	background: url(../images/header_main_bg.gif) repeat-x;
	position: relative;
	height: 109px;
}

#header_links {
	position: absolute;
	top: 48px;
	right: 25px;
	text-align: right;
	color: #fff;
}

#header_links a {
	color: #fff;
	font-size: 13px;
}

#header h1 {
	height: 35px;
	line-height: 50px;
	margin: 0;
  	color: #79B30B
}

#petrotranz_logo {
	position: absolute;
	top: 37px;
	left: 25px;
	width: 355px;
	height: 35px;
	background: url(../images/logo_petrotranz.gif) no-repeat;
}

#petrotranz_logo span {
	display: none;
}

#petrotranz_logo a {
	display: block;
	width: 355px;
	height: 35px;
}

/* Footer */

#footer {
	clear: both;
	width: 100%;
	background: #323b41;
	color: #fff;
}

#footer p {
	margin: 0;
	padding: 10px;
}

#footer a {
	color: #fff;
}

#footer #copyright {
	float: right; 
	font-size: 11px;
	margin: 11px 11px 0 0;
}


/* Home Page */

#status_bar {
	background: url(../images/status_bar_bg.gif) repeat-x;
	height: 34px;
}

#status_bar span {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 13px 0 5px 24px;
}

#grey_band {
	background: #f7f7f7;
	border-bottom: 1px solid #cdcdcd;
}

#grey_band #about_block {
	width: 294px;
	float: right;
}

#grey_band #about_block .about_body {
	background: url(../images/about_bg.gif) repeat-y;
	color: #fff;
	padding: 0 35px 5px 35px;
	font-size: 11px;
}

#grey_band #about_block .about_body h2 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0;
}

#grey_band #about_block .about_head {
	background: url(../images/about_bg.gif) repeat-y;
	height: 13px;
	width: 294px;
}


#grey_band #portal_buttons {
	margin: 0 280px 0 0;
	padding: 18px 0 18px 14px;
	width: 511px;
}


#grey_band #portal_buttons h2 {
	font-size: 16px;
	margin: 10px 0;
	color: #274c8a;
}

#grey_band #portal_buttons td {
	vertical-align: top;
	font-size: 11px;
	color: #464e5c;
	text-align: center;
	width: 33%;
}

#grey_band #portal_buttons td .padded{
	margin: 0;
}

#grey_band #portal_buttons p {
	text-align: left;
	margin: 0;
	padding: 10px 12px 0 12px;
}

#grey_band #portal_buttons ul {
	text-align: left;
	margin: 0 0 0 31px;
	padding: 0;
}

#grey_band #portal_buttons .portal_button {
	padding: 0;
}

#main_content {
	background: #fff;
	float: left;
	padding: 25px;
	width: 479px;
}

#main_content h2, #sidebar h2 {
	font-size: 18px;
	margin: 5px 0 15px 0;
}

#main_content h3 {
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0 15px 0;
	color: #836d21;
}

#sidebar {
	background: #fff;
	float: right;
	width: 295px;
}

#sidebar_liner {
	padding: 0 15px 15px 15px;
	margin: 25px 0;
	border-left: 1px solid #d7d7d7;
}

#sidebar_liner td {
	padding: 0 5px 20px 5px;
	color: #333;
}

#sidebar h4 {
	color: #214683;
	font-size: 12px;
}

#sidebar_liner ul {
	margin: 0 0 0 13px;
	padding: 0;
}

/* News Items, Contact Block */
#news, #contact_block, #access {
    border-bottom: 1px solid #cdcdcd;
    margin: 0 0 30px 0;
}

.newsitem {
	padding: 0 0 0 80px;
	background: url(../images/news_date_bg.gif) no-repeat 0 1px #fff;
	position: relative;
}

.newsitem .title {
	font-size: 14px;
	color: #274c8a;
	margin: 0 0 10px 0;
	line-height: 18px;
	display: block;
}

.newsitem p {
	margin: 0 0 30px 0;
}

.newsitem .newsdate {
	position: absolute;
	top: 9px;
	left: 9px;
	_left: -71px; /* IE6 Hack */
	width: 46px;
	height: 46px;
	line-height: 20px;
	text-align: center;
}

.newsitem .newsdate span {
	font-size: 24px;
	font-weight: bold;
}

.pdf_box_small {
    margin: 0 0 15px 0; border: 1px solid #7b7a51;
}

.pdf_box_small a {
    display: block; 
    padding: 15px 15px 15px 45px; 
    background: url(../images/icon_pdf_small.gif) 10px 50% no-repeat #fffee8;
}


/* Form Styles */

input, textarea {
	border: 1px solid #999;
	font-family: Arial;
	font-size: 14px;
	padding: 5px;
	margin: 0;
	background: #fafafa;
	
}

#contact_form p {
	margin: 0 0 15px 0;
}



/* Custom Styles */

.sep {
	color: #94999d;
	padding: 0 7px;
}


/* Link Styles */

a:link { 
	text-decoration: underline; 
	color: #1a4f83; 
}
a:visited { 
	text-decoration: underline; 
	color: #3b3e88; 
}
a:hover { 
	text-decoration: underline; 
	color: #c33; 
}
a:active, .content a:focus { 
	text-decoration: underline; 
	color: #000; 
}