/* andreas02 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.4
(Jul 08, 2006)

Edited for Geoscience Australia by Carmine Moscaritolo, January 2007 - T, R, B, L

Screen layout: */

body{
padding:0;
margin:0;
font:76% tahoma, verdana, sans-serif;
background:#E5E5E5;
color:#303030;
}

a{
text-decoration:none;
color:#286ea0;
}

a.border img{
padding:1;
margin:1;
border: 2px solid #6373B5;
}

a.border:hover img{
padding:1;
margin:1;
border: 2px solid #3152A5;
}


a:hover{
text-decoration:underline;
}

ul {
line-height:1.4em;
}

ol {
line-height:1.4em;
}

#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}

#toptabs p{
text-align:right;
color:#808080;
}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(../images/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#fafafa url(../images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(../images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

a.activetoptab:hover{
text-decoration:none;
}

/* collapsable/expandable menu formatting 
#menu {
   display: block;
   padding: 3px 1px 15px 5px;
   width:165px;
}
#menu a { color: #286ea0; }
h6 {
   margin: 0px 0px 4px 0px;
   padding: 0px;
}
h6 a {
   margin: 0px;
   padding:0px;
   color:#286ea0;
   font-family: verdana,arial,sans serif;
   font-size: 1.2em;
}
ul.menuList {
   margin: 5px 0px 15px 5px;
   padding: 0px;
   font-family: verdana,arial,sans serif;
   font-size: 0.9em;
   list-style-type: none;
}
ul.menuList li {
   margin: 1px 0px 4px 0px;
   padding: 0px;
   font-family: verdana,arial,sans serif;
   font-size: 0.9em;
   list-style-type: none;
}
*/

#container{
margin:0 auto 15px auto;	
/* Change width below to set the width of the page */
width:1000px;
padding:4px 4px 4px 4px;
background:#ffffff;
}

img.right{
float:right;
}

img.left{
float:left;
}

#logo{
margin:3px 0 7px 0;
}

#logo h1 a{
color:#303030;
}

#logo h1 a:hover{
text-decoration:none;
}


#navitabs{
clear:both;
border-bottom:1px solid #CE1105/*#981F40*/;
padding:0 0 6px 0;
}

.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#D3D3D3 url(../images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover{
text-decoration:none;
background:#C0C0C0 url(../images/corner.gif) top right no-repeat;
}

.activenavitab{
padding:4px 8px 4px 8px;
color:#ffffff;
margin:0 1px 4px 1px;
text-decoration:none;
background:#505050 url(../images/corner.gif) top right no-repeat;
}

.activenavitab:hover{
text-decoration:none;
}

/* Use the table class="centre" if you wish to align your tables in the middle of a page */
table.centre {margin-left:auto; margin-right:auto;}

table.noborder{
padding:0 6px 0 6px;
margin:0 6px 0px 6px;
}

/* Use the ol class="alphabetical" if you want your list items to have lower case letters for the bullet style */
ol.alphabetical
{list-style-type:lower-alpha;
}


/* Use the ul class="nostyle" if you want your list items to have no bullet style */
ul.nostyle
{list-style-type:none;
}

ul.external_link li
{
background:transparent url(../images/arrow.gif) top left no-repeat;
font-weight:bold;
list-style-type: none;
margin: 0 0 0 -1.6em;
padding: 0 0 0 1.6em;
}

ul.page_link li 
{
background:transparent url(../images/down_arrow.gif) top left no-repeat;
list-style-type: none;
margin: 0 0 0 -1.6em;
padding: 0 0 0 1.6em;
}

.smalltext
{
font-size:0.8em;
}

.topanchor
{
font-size:0.8em;
float:right;
}

/* Rollover code - main geology/data map */

#imap
{
    display:block;
    width:700px;
    height:525px;
    background:url(../images/selector_map.gif) no-repeat;
    position:relative;
}

/* the hack for IE pre IE6 */
* html #imap a#aus {
  height:525px;
  he\ight:0;
  }

#imap a#aus 
{
    display:block;
    width:0px;
    height:0px;
    padding-top:0px;
    overflow:hidden;
    background:transparent url(../images/selector_map.gif) 700 525 no-repeat);
    position:absolute;
    left:0;
    top:0;
}

#imap a#aus:hover 
{
    background-position:0 0;
    z-index:10;
}

#imap dd 
{
    position:absolute;
    padding:0;
    margin:0;
}

#imap a
{
    display:block;
    text-decoration:none;
    z-index:20;
}

/*Bonaparte Basin*/
#imap #imgbp 
{
    left:180px;
    top:12px;
    z-index:19;
}
#imap a#bp:hover 
{
    background:url(../images/bonaparte_outline.gif) -180px -12px;
}
#imap a#bp
{
    width:240px;
    height:100px;
}


/*Browse Basin*/
#imap #imgbr 
{
    left:60px;
    top:77px;
    z-index:20;
}
#imap a#br:hover 
{
    background:url(../images/browse_outline.gif) -60px -77px;
}
#imap a#br
{
    width:175px;
    height:50px;
}

/*Canning Basin*/
#imap #imgcan 
{
    left:148px;
    top:120px;
    z-index:20;
}
#imap a#can:hover 
{
    background:url(../images/canning_outline.gif) -148px -120px;
}
#imap a#can
{
    width:170px;
    height:45px;
}

/*Carnarvon Basin*/
#imap #imgcar 
{
    left:70px;
    top:148px;
    z-index:19;
}
#imap a#car:hover 
{
    background:url(../images/carnarvon_outline.gif) -70px -148px;
}
#imap a#car
{
    width:162px;
    height:60px;
}


/*Gippsland*/
#imap #imggl 
{
    left:530px;
    top:390px;
    z-index:20;
}
#imap a#gl:hover 
{
    background:url(../images/gippsland_outline.gif) -530px -390px;
}
#imap a#gl
{
    width:120px;
    height:70px;
}

/*Money Shoal*/
#imap #imgms 
{
    left:305px;
    top:10px;
    z-index:20;
}
#imap a#ms:hover 
{
    background:url(../images/moneyshoal_outline.gif) -305px -10px;
}
#imap a#ms
{
    width:175px;
    height:45px;
}


/* ==== Rollover for Browse Basin map, includes location info for the Caswell and Yampi areas =====*/

#browsemap
{
    display:block;
    width:650px;
    height:457px;
    background:url(../images/area_rollovers/browse.gif) no-repeat;
    position:relative;
}

/* the hack for IE pre IE6 */
* html #browsemap a#browse {
  height:457px;
  he\ight:0;
  }
  
  #browsemap a#browse
{
    display:block;
    width:0px;
    height:0px;
    padding-top:0px;
    overflow:hidden;
    background:transparent url(../images/area_rollovers/browse.gif) 650 457 no-repeat);
    position:absolute;
    left:0;
    top:0;
}

#browsemap a#browse:hover 
{
    background-position:0 0;
    z-index:10;
}

#browsemap dd 
{
    position:absolute;
    padding:0;
    margin:0;
}

#browsemap a
{
    display:block;
    text-decoration:none;
    z-index:20;
}

/*Caswell*/
#browsemap #imgcas
{
    left:220px;
    top:45px;
    z-index:20;
}
#browsemap a#cas:hover 
{
    background:url(../images/area_rollovers/caswell.gif) -220px -45px;
}
#browsemap a#cas
{
    width:310px;
    height:175px;
}


/*Yampi*/

#browsemap #imgyam 
{
    left:115px;
    top:205px;
    z-index:19;
}
#browsemap a#yam:hover 
{
    background:url(../images/area_rollovers/yampi.gif) -115px -205px;
}
#browsemap a#yam
{
    width:390px;
    height:230px;
}

/* ==== Rollover for Bonaparte Basin map, includes location info for the Ashmore, Londonderry, Petrel and Troubadour areas =====*/

#bonapartemap
{
    display:block;
    width:650px;
    height:457px;
    background:url(../images/area_rollovers/bonaparte.gif) no-repeat;
    position:relative;
}

/* the hack for IE pre IE6 */
* html #bonaparte a#bonaparte {
  height:457px;
  he\ight:0;
  }
  
  #bonapartemap a#bonaparte
{
    display:block;
    width:0px;
    height:0px;
    padding-top:0px;
    overflow:hidden;
    background:transparent url(../images/area_rollovers/bonaparte.gif) 650 457 no-repeat);
    position:absolute;
    left:0;
    top:0;
}

#bonapartemap a#bonaparte:hover 
{
    background-position:0 0;
    z-index:10;
}

#bonapartemap dd 
{
    position:absolute;
    padding:0;
    margin:0;
}

#bonapartemap a
{
    display:block;
    text-decoration:none;
    z-index:20;
}

/*Ashmore*/

#bonapartemap #imgash
{
    left:10px;
    top:120px;
    z-index:20;
}
#bonapartemap a#ash:hover 
{
    background:url(../images/area_rollovers/ashmore.gif) -10px -120px;
}
#bonapartemap a#ash
{
    width:175px;
    height:180px;
}


/*Londonderry*/

#bonapartemap #imglon 
{
    left:182px;
    top:110px;
    z-index:19;
}
#bonapartemap a#lon:hover 
{
    background:url(../images/area_rollovers/londonderry.gif) -182px -110px;
}
#bonapartemap a#lon
{
    width:150px;
    height:190px;
}

/*Petrel*/

#bonapartemap #imgpet 
{
    left:460px;
    top:270px;
    z-index:20;
}
#bonapartemap a#pet:hover 
{
    background:url(../images/area_rollovers/petrel.gif) -460px -270px;
}
#bonapartemap a#pet
{
    width:170px;
    height:180px;
}

/*Troubadour*/

#bonapartemap #imgtro
{
    left:475px;
    top:3px;
    z-index:20;
}
#bonapartemap a#tro:hover 
{
    background:url(../images/area_rollovers/troubadour.gif) -475px -3px;
}
#bonapartemap a#tro
{
    width:150px;
    height:100px;
}

/* ==== Rollover for Carnarvon Basin map, includes location info for the Exmouth and Beagle areas =====*/

#carnarvonmap
{
    display:block;
    width:650px;
    height:457px;
    background:url(../images/area_rollovers/carnarvon.gif) no-repeat;
    position:relative;
}

/* the hack for IE pre IE6 */
* html #carnarvonmap a#carnarvon {
  height:457px;
  he\ight:0;
  }
  
  #carnarvonmap a#carnarvon
{
    display:block;
    width:0px;
    height:0px;
    padding-top:0px;
    overflow:hidden;
    background:transparent url(../images/area_rollovers/carnarvon.gif) 650 457 no-repeat);
    position:absolute;
    left:0;
    top:0;
}

#carnarvonmap a#carnarvon:hover 
{
    background-position:0 0;
    z-index:10;
}

#carnarvonmap dd 
{
    position:absolute;
    padding:0;
    margin:0;
}

#carnarvonmap a
{
    display:block;
    text-decoration:none;
    z-index:20;
}

/*Beagle*/

#carnarvonmap #imgbea
{
    left:337px;
    top:80px;
    z-index:20;
}
#carnarvonmap a#bea:hover 
{
    background:url(../images/area_rollovers/beagle.gif) -337px -80px;
}
#carnarvonmap a#bea
{
    width:240px;
    height:170px;
}


/*Exmouth*/

#carnarvonmap #imgexm 
{
    left:110px;
    top:120px;
    z-index:19;
}
#carnarvonmap a#exm:hover 
{
    background:url(../images/area_rollovers/exmouth.gif) -110px -120px;
}
#carnarvonmap a#exm
{
    width:230px;
    height:100px;
}


/* 'Contact Us' page style */

#contact{
/* You can set a given height for the content window within the <div id="desc"> tags. Change the value in pixels to set the height for the content window*/ 
/* height:400px*/
color:#333333;
width:970px;
padding:4px 12px 4px 12px;
/* background:url(../images/bathy_image_1.jpg) top right no-repeat;*/
clear:both;
}

#contact p{
/* You can set a given width for any text contained in paragraphs within the <div id="desc"> tags here. Change the value in pixels to set the paragraph width within the content window*/ 
width:950px; 
padding:4px 12px 4px 12px;
font-size:1em;
line-height:1.3em;
}

#contact h1{
padding:10px 12px 0 12px;
color:#333333;
}

#contact h2{
padding:0 12px 0 12px;
color:#333333;
}

#contact h3{
padding:0 12px 0 12px;
color:#333333;
}

#contact img{
padding:0 8px 0 8px;
}

#contact a{
color:#3333FF;
text-decoration:underline;
}

/* Normal page layout contained in 'desc' class*/

#desc{
/* You can set a given height for the content window within the <div id="desc"> tags. Change the value in pixels to set the height for the content window*/ 
/* height:400px*/
color:#333333;
width:830px;
margin:4px 0 4px 0;
/* Uncomment float:right; if you wish to have a left aligned sidebar menu */
float:right;
/* background:url(../images/bathy_image_1.jpg) top right no-repeat;*/
border-width:0 0 0 1px;
border-color:#CE1105/*#981F40*/;
border-style:solid;
clear:both;
}

#desc p{
/* You can set a given width for any text contained in paragraphs within the <div id="desc"> tags here. Change the value in pixels to set the paragraph width within the content window*/ 
font-size:1em;
line-height:1.3em;
padding:0 12px 0 12px;
}

#desc table{
font-size:1em;
line-height:1.3em;
padding:0;
margin:0 6px 0px 12px;
}

#desc h1{
padding:10px 12px 0 12px;
color:#333333;
}

#desc h2{
padding:0 12px 0 12px;
color:#333333;
}

#desc h3{
padding:0 12px 0 12px;
color:#333333;
}

#desc h4{
padding:0 12px 0 12px;
font-size:1.1em;
color:#333333;
}

#desc img{
padding:0 8px 0 8px;
}

#desc a{
color:#3333FF;
text-decoration:underline;
}

#main{
width:560px;
float:left;
padding:0 15px 0 0;
border-right:1px solid #d0d0d0;
}

.block{
background:#f0f0f0;
padding:15px;
}

#sidebar{
width:150x;
float:left;
/* background:#981F40 */
}

#sidebar a{
color:#151515;
}

#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:0 0 6px 0;
}


.sidelink{
text-align:left;
font-weight:bold;
display:block;
width:150px;
background:#EE8F8A url(../images/corner.gif) top right no-repeat;
padding:3px 2px 3px 6px;
margin:5px 2px 5px 0;
}

.activesidelink
{
text-align:left;
font-weight:bold;
display:block;
width:150px;
background:#E03A31 url(../images/corner.gif) top right no-repeat;
padding:3px 2px 3px 6px;
margin:5px 2px 5px 0;
}

.sidelink:hover{
/*background:#CE2E24 url(../images/corner.gif) top right no-repeat;*/
background:#E9564F url(../images/corner.gif) top right no-repeat;
text-decoration:none;
}

#footer{
clear:both;
background:#FEFEFE;
color:#7E7E7E;
font-size:0.9em;
padding:3px 0 5px 0;
border-top:1px solid #CE1105;
border-bottom:1px solid #CE1105;
text-align:center;
margin:5px 0 3px 0;
}

#footer a{
color:#3333FF;
}

#footer a:hover{
color:#3366FF;
}

#footer p{
margin:0 10px;
}

h1{
margin:0 0 20px 0;
font-size:1.7em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.5em;
font-weight:normal;
}

h3{
margin:20px 0 10px 0;
font-size:1.2em;
font-weight:bold;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.redtext{
text-align:left;
font-weight:bold;
color:red;
}

hr{
margin:0 8px 0 8px;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}