/*-----------------------------------------------------------------------------
Victoria Petroleum Core Style Sheet

version:   1.0
author:    Flow Interactive, http://www.flowinteractive.net.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
html {height: 100%}
body {
	font-family: Arial, helvetica, sans-serif;
	font-size: 76%;
	color: #333;
	margin: 0;
	line-height: 150%;
	text-align: center;
	height:100%;
	background:transparent url(../i/mainbg.jpg) bottom repeat-x
}
a {
	color: #333
}
a img {border: none}
#topBannerSect a {color:#fff}
#topBannerSect1 a {color:#fff}
p#moreLink a {padding: 0 0 0 20px; background: transparent url(../i/linkarrow.gif) 0 50% no-repeat; font-size: 1em}
a.relatedLink, #links a {padding: 0 0 0 15px; background: transparent url(../i/rlinkarrow.gif) 0 50% no-repeat; font-weight: bold}
#colMain a, #colMainFull a {color:#5A6A73}
/*sitemap*/
#sitemap ul {list-style-type:none}
#sitemap li {margin-left: -10px}
#sitemap ul li a {padding: 0 0 0 25px; background: transparent url(../i/chart_organisation.png) 0 50% no-repeat}
#sitemap a.sub {padding: 0 0 0 25px; background: transparent url(../i/chart_organisation_add.png) 0 50% no-repeat}
#sitemap ul li ul {margin: 10px 0 0 35px}
#footer a {color: #fff}
.cntr {text-align:center}
.float {float:left}
.floatRight {float:right}
.imgRight {float:right; height: 102px}
.note {background: #fff url(../i/information.png) 5px 50% no-repeat; border: 1px outset #ccc; padding: 5px 5px 5px 25px}
#topBanner .col1 p {margin: 0.75em 0}
.small {font-size:0.8em}
/* = Typography
--------------------------------------------------------*/
h1 {font-weight: normal; color:#9C3E16; font-size: 2.5em; margin: 5px 0}
#headerSect h1 {display:block; position:relative; padding: 20px 0 0 85px;background: transparent url(../i/logo.gif) left top no-repeat; font: bold italic 14px "Times New Roman", Times, serif; width: 300px; height:52px; text-transform:uppercase; top: 20px}
#headerSect h1 a {text-decoration:none}
h2 {font-weight: bold;font-size: 1.5em; color:#9C3E16; margin: 0 0 0.5em 0}
#topBannerSect h2 {color:#C3CED4; font-size: 1.4em;}
#topBannerSect1 h2 {color:#C3CED4; font-size: 1.4em;}
h3 {font-size: 1.2em; color:#9C3E16; font-weight: bold}
.dialog h3 {text-transform:uppercase; font-weight: bold; font-size: 0.9em}
#sideNoteTop h3 {padding: 10px 0 0 15px}
h4 {font-size: 1.1em; color:#9C3E16; font-weight: bold; margin: 0}
td h4 {font-size: 1.2em; padding: 0.25em 0}
ul {list-style: disc ; margin-left: 2em /*margin-left:-1em*/ }
li {margin-bottom:0.6em}
p {font-size: 1em; margin-bottom: 1em}
#topBannerSect p {margin: 0.25em 0; color:#C3CED4}
#topBannerSect1 p {margin: 0.25em 0; color:#C3CED4}
#contentSect p {font-size: 1.1em}
p#moreLink {text-align:right}
p#sharePrice {font-size: 2.2em; color:#5A6A73; text-align:center; padding: 10px 0 0 0; margin: 0 0 -5px 0}
p#sharePrice span {font-size: 0.5em}
p#shareDetails {font-size: 0.9em; text-align:center; color: #999; padding: 5xp 0 5px 0}
#sideNote p {font-size: 1em}
#phone {display:block; text-align: right; color:#fff; font-size: 2.2em; font-weight:bold; margin: 0.5em 0 0.5em 0}
.qual {font-size: 0.8em; color:#5A6A73}
/* = Menu
----------------------------------------------*/
#menu {
	position: relative;
	background: transparent url(../i/menubg.png) bottom repeat-x;
	_background: transparent url(../i/menubg.gif) bottom repeat-x;
	min-height: 37px;
	/*IE6 min-height hack*/
	height:auto !important;
	height: 37px;
	/*end*/
	z-index: 100
}
#menu ul {width: 790px; margin: 0 auto; padding: 0 0 0 50px}
#menu li {display: inline; list-style-type:none}
#menu li a {
	padding: 0.25em 1.2em 0.4em 1.7em;
	margin: 0.25em 0;
	color: #333;
	float: left;
	font-size: 1em;
	text-decoration:none;
	border-right: 1px solid #fff;
}
#menu li a#last {border: none}
#menu li a:hover, #menu li a:active, #menu li a.sel {
	background:transparent url(../i/menusel.gif) 2px 7px no-repeat;
	font-weight: bold;
}
#menu li a.sel {font-weight: bold}

/*left navigation*/
#leftNav ul {width: 132px; margin: 0 auto;}
#leftNav li {display: block; list-style-type:none; width: 130px;border-bottom: 1px solid #ccc; padding: 0 0 5px 0;}
#leftNav li a {
	width: 130px;
	color: #333;
	display:block;
	font-size: 1.1em;
	text-decoration:none;
	
}
#leftNav li#lnlast {border: none}
#leftNav li a:hover, #leftNav li a:active, #leftNav li a.sel {
	 font-weight: bold
}
#leftNav li a.sel {font-weight: bold}

/* = Containers
----------------------------------------------*/
#wrapper {position: relative; width: 100%; min-height: 100%; margin: 0 auto}
* html #wrapper {height: 100%}
.col1 {float: left; width: 45%}
.col1a {float: left; width: 45% ; margin-left: 20px}

#colMain {float: left; width: 70%}
#colMainFull {float:left; margin-left: 20px; width: 90%}
#colMainRep {float: left; width: 72%}
#sideBar {float: left; width: 20%; margin-left: 20px}
#topBannerSect .col1 {margin: 10px 0 0 380px; width: 410px}
.col2 {float: left; width: 25%}
.bannerImg {position: absolute; left: 0; top: 0; width: 361px; height:200px}
#topBannerSect1 .col1 {margin: 10px 0 0 380px; width: 410px}
.col2 {float: left; width: 25%}
.bannerImg {position: absolute; left: 0; top: 0; width: 361px; height:200px}
#container {position:relative;padding-bottom: 8.5em;}
#header {
	position: relative;
	text-align:center;
	background:#fff url(../i/headbg.jpg) repeat-x;
}
#headerSect {
	position: relative;
	width:790px;
	height:95px;
	background:#fff url(../i/header.jpg) left top no-repeat;
	margin: 0 auto;
}
#topLinks {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1em
}
#topBanner {position: relative; background:#5A6A73 url(../i/topbannerbg.gif) bottom repeat-x; z-index: 1; margin-top: -5px}
#topBannerSect, #topBannerSubSect {
	position: relative;
	width:790px;
	/*background: transparent url(../i/topbannermap.gif) 350px 0 no-repeat;*/
	margin: 0 auto;
}
#topBannerSect1 {
	position: relative;
	width:790px;
	height:200px;
	/*background: transparent url(../i/topbannermap.gif) 350px 0 no-repeat;*/
	margin: 0 auto;
}

/*#topBannerSubSect {background: transparent url(../i/topbannersubmap.gif) 0 0 no-repeat}*/
#content {
	position: relative;
	background:#B2B9BF url(../i/mainbg.jpg) top repeat-x;
	z-index: 1000
}
#contentSect {
	position: relative;
	width:810px;
	margin: 0 auto;
	padding: 20px 10px
}
.dialog {margin-top: 30px !important}
#snContainer {margin-left: 60px}
/*IE6 underscore hack to deliver gif files*/
#sideNote {width: 265px; background: transparent url(../i/sidenotebg.png) right repeat-y; padding: 0 15px; _background: transparent url(../i/sidenotebg.gif) right repeat-y;}
#sideNoteTop {position:relative; width: 295px; height:35px; background: transparent url(../i/sidenotetop.png) no-repeat; margin: 0}
#sideNoteBot {position:relative; width: 295px; height:5px; background: transparent url(../i/sidenotebot.png) no-repeat; _background: transparent url(../i/sidenotebot.gif) no-repeat}

#lnContainer {margin-left: 20px}
/*IE6 underscore hack to deliver gif files*/
#leftNav {width: 132px; background: transparent url(../i/leftnavbg.png) right repeat-y; padding: 0 10px; _background: transparent url(../i/leftnavbg.gif) right repeat-y;}
#leftNavTop {position:relative; width: 152px; height:25px; background: transparent url(../i/leftnavtop.png) no-repeat; margin: 0}
#leftNavBot {position:relative; width: 152px; height:5px; background: transparent url(../i/leftnavbot.png) no-repeat; _background: transparent url(../i/leftnavbot.gif) no-repeat}

/*Sub page styles*/
#bannerTitle {
	position:absolute;
	left: 90px;
	top: 20px;
/*	font-weight: bold;*/
	color:#fff;
	font-size: 2em;
	line-height: 1em;
	width: 330px
}


#footer {
	position:relative;
	margin: -8.5em 0 0 0;
	background:#9B3E1F /*#5A6A73*/ url(../i/footerbg.gif) top repeat-x;
	color:#fff;
	padding: 10px 10px
}
#footerSect {
	position: relative;
	width:770px;
	margin: 0 auto;
}
#fl, #fr {float: left; width: 49%; font-size: 0.9em}
#fr {width: 50%; text-align:right}

/* = Forms
----------------------------------------------*/
form {width: 700px}
#colMainRep form {width: 300px}
#contactform label {float: left; width: 15em; font-weight: bold; color:#5A6A73}
#contactform label.txtLabel {width: 7em}
#contactform input.txt {float: left; width: 14em; color:#333; margin: 0 10px 5px 0; border: 1px solid #5A6A73}
#contactform br {clear: both}
#contactform fieldset {font-size: 1.1em;color:#9C3E16; border: 1px solid #666; padding: 10px}
.err, .req {font-weight:bold; color:#f00; font-size: 1em; float:left}
.err {margin-right: 5px}
.hide {display:none}
textarea {font-family: Arial, helvetica, sans-serif; color:#333; font-size: 1em; border: 1px solid #5A6A73}
#sendForm {position: relative; top: -5px}

/* = Tables
----------------------------------------------*/
table {background:#fff}
th {background:#5A6A73; color:#fff; padding: 2px 5px}
td {padding: 5px 5px}
.alt {background:#F1F3F3}
.bTop {border-top: 1px dashed #5A6A73}
#drilling td {border: 1px solid #ccc}
#drilling td table td {border: none}
#colMainRep table tr {border-bottom: 1px solid #ccc}
/* = Easy Clearing
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */