/* Body has 0 margin and padding for background col. to reach browser edge */
body {background: #072642; font-family: Verdana, arial, sans-serif; margin: 0; padding: 0;}

/* container has 0 margin and padding for background image to repeat to browser edges */
#container { background: url(../images/container_bkgrnd.jpg) repeat; padding: 0 0 30px 0; border-bottom:solid #999999 3px;}

#header {margin: 0; padding: 0; height: 130px; background: url(../images/spo_header.jpg) top center no-repeat ;}

/* h1 text is hidden from view through text-indent */
#header h1 {margin:0px; display:block; text-indent:-9999px;}


/* Google map with backgoound image as preload */
.map {height: 350px; width: 550px; margin: 20px 100.5px; border: solid #c7c7c7 2px; background: url(../images/si_map.jpg) no-repeat;}

/* Horizontal Navigation menu - with vertical lines between buttons, button lines up with spo header */
#navmenu {width:1000px; height: 41px; padding: 0; margin: 0 auto 0 auto; background: url(../images/navmenu.gif);}
#navmenu ul {margin: 0 auto 0 95px; padding: 0; font-size: 0.8em; font-weight: bold;}
.first_link {border-left: solid 1px #092e52; border-right: solid 1px #092e52;}
#navmenu li {border-right: solid 1px #092e52;}
#navmenu ul li{float: left; display: block; list-style-type: none; margin: 0 ; padding: 0; line-height: 38px;}
#navmenu a {text-decoration: none;; color: #fff; padding: 0 12px 0 12px;}
#navmenu a:hover {color: #ffde00;}
#navmenu li.current a {color: #3783ba;}


#pg_status {width: 950px; margin: 10px auto; padding: 0; color: #072642; font-weight: bold; font-size: 0.8em;}
#pg_status a {text-decoration: none; color: #072642;}
#pg_status a:hover {color: #00539b;}

/* Inner container is aligned to the horizontal center of the browser */
#inner_container {width: 1000px; margin: 0 auto; padding: 0;}


#left_column {float: left; width: 160px; margin: 0; padding:0;}
#panel_top {height: 15px ;margin: 0; padding: 0}
#panel_cntnt {background: #072642;	border-left: solid #999999 2px;	border-right: solid #999999 2px; margin:0; padding: 5px 10px; font-size: 0.8em;}
#panel_cntnt ul {display: block; margin:0; padding: 0; list-style-type: none; font-weight: bold;}
#panel_cntnt li {margin:0;padding: 5px 0 3px 0;}
#panel_cntnt a {text-decoration: none;text-decoration: none; color: #5e5e5e ;}
#panel_cntnt a:hover {color: #0079d4;}
.menu_header {colour: #064983;}
li .submenu {border-top: solid 1px #064983; border-bottom: solid 1px #064983;}
#panel_btm {width:160px; height: 15px ;margin: 0; padding: 0}

/* RIGHT COLUMN DIV TO BE POSITIONED 20PX FROM L. COLUMN, LIGHT GRAY BACKGROUND AND 4 ROUNDED CORNERS */
#right_column {width: 821px; margin: 0 0 0 178px; padding: 0;}
.rcol_top {width: 821px; height:16px; margin: 0; padding: 0;}
#rcol_cntnt {background: #D9D8D8 url(../images/rcol_bkgrnd.jpg) top right no-repeat; margin: 0; padding: 20px 35px;	border-left: solid #adadad 1px;
	border-right: solid #adadad 1px;}
#rcol_cntnt p {font-size: 0.9em; margin: 0; padding:0;}
#rcol_cntnt h1 {margin:0 0 10px 0; padding: 0; color: #00539b; text-align: center;}
#rcol_cntnt h3 {margin: 0; padding: 1.2em 0 0 0; font-size: 1em; color: #00539b; border-bottom: solid #00539b 1px;}
#rcol_cntnt h6 {margin: 15px 0 0 0; padding: 0 14px; color: #00539b;}
#rcol_cntnt a {text-decoration: none; color: #072642; font-weight: bold;}
#rcol_cntnt a:hover {text-decoration: none; color: #0079d4; font-weight: bold;}
#rcol_cntnt a:visited {text-decoration: none; color: #00539b; font-weight: bold;}
.rcol_btm {clear: both; width: 821px; height: 16px; margin: 0 auto 0 auto;}

/* first paragraph after h3 text has 0 top margin so it begins straight after the heading */
.first_para {padding-top: 0.5em; margin-top: 0;}

/* all "South Pacific Oil Limited" text in content is made bold and dark blue */
.spo_emp {font-weight: bold; color: #072642;}

.cntnt_emp {color: #00539B;}


/* Images in content */
/* Lighbox thumbnails */
.thmbnl {border: solid #c7c7c7 2px; margin: 10px 14px; padding: 0;}

/* Home page collage */
.collage {margin: 10px auto 20px 35px;}

/* Photos in content */
.pix {margin: 20px 100.5px; padding: 0; border: solid #c7c7c7 2px;}


.cntct_table {font-size:0.9em;}
.col_cat {font-size: 1em; color:#666666;}
.cntct_header {font-size: 0.8em; text-align: left; padding: 10px 0 0 10px; margin: 0;}
td {font-size: 0.8em; text-align: left; vertical-align: center; padding: 10px 15px 0 10px; margin: 0;}
.cntct_dsgnte {font-size: 0.7em; color:#666666; padding: 0 0 5px 10px}

.ext_links li {line-height: 2.5em; list-style-type: none;}
.ext_links a:hover {color: #00539b; text-decoration: underline;}



.sitemap {margin: 0; padding: 0;}
.site_map ul { display: block; margin: 0; padding: 0;list-style-type: none; text-decoration: none;}
.site_map li { padding: 10px 0; list-style-type: none;}
.site_map ul li { padding: 10px 0; margin:0;list-style-type: none; text-decoration: none;}
.site_map a {color: #072642; text-decoration: none; list-style-type: none; font-weight: bold;}
.site_map a:hover {color: #ffde00;}
.site_map li.current a {color: #3783ba;}
.site_map, .menu_header {padding: 5px 0 0 0;font-size: 0.9em; font-weight:bold; color: #00539b;}
.site_map .sub_menu li {padding: 0 0 10px 0;}

/* 3 column footer, with gray text on dark blue background with vertical lines between cols. */
#footer {width: 1000px; margin:0 auto; padding: 0; font-size: 0.8em;}
.footer_col {float:left;width: 120px; color: #5e5e5e;margin: 0; padding: 15px 30px;}
#footer .info {width: 440px;}
#footer .byline {width: 230px;}
/* reset padding and margin on all first paragraph */
.ftr_frstline {margin: 0; padding: 0}
#footer a {color: #5e5e5e; text-decoration: none; list-style-type: none; font-weight: bold;}
.footer_col ul {display: block; padding: 0; margin: 0; }
.footer_col ul li, .footer_col li {list-style-type: none; padding: 0 0 10px 0; }
#footer a:hover {color: #0079d4;}
#footer .flinks {border-left: solid #07172b 1px; border-right: solid #07172b 1px;}
.flinks li.current a {color: #3783ba;}