#textualDisplay
{
	display:none;
}

 /* ==================  default/core.css ===================== */ 
/*
-webkit-box-shadow: 10px 10px 25px #ccc;
-moz-box-shadow: 10px 10px 25px #ccc;
box-shadow: 10px 10px 25px #ccc;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);


filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
*/

#marker
{
    display: none;
}

#print-page-num
{
    display: none;
}
/***** Global Settings *****/
* {
	padding:0;
	margin:0;
}


fieldset { padding: .5em; }
option{min-width: 1.5em;}


body 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
 
/***** Headings *****/
 

 
h1 
{
    padding: 0;
    font-size: 2em;
}
 
h2 
{
   
    font-size:1.5em;
}
 
h3 
{
    font-size: 1em;
}

/***** Common Formatting *****/

* html #opening .adjustment
{
   width: 100%;
   overflow: hidden;
    
}

* html #opening #banner-caption
{
   top: 10px;
    
}
 
img 
{
    border: 0;
}
 
sup 
{
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}
 
sub 
{
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}
 
acronym, abbr 
{
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover 
{
    text-decoration: underline;
}

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 

.rounded
{
    -webkit-box-shadow: 0px 0px 5px #999;
    -moz-box-shadow: 0px 0px 5px #999;
     box-shadow: 0px 0px 5px #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
     behavior: url(/css/default/PIE.htc);
     position: relative;
   
}

/********************* PAGE LAYOUT *********************************************************/
body
{
	background-color: #e0ecef;
	
	background-image: url(/images/tile.png);
    background-image: url(/images/rock-texture4.jpg);
	color: #131916;
}


.note
{
    color: #c66;
}

#close .adjustment, #enclosure,  #content .adjustment, .float-block, #header-opening
{
	/* http://www.quirksmode.org/css/clearing.html */
	/* Clears floated elements inside these containers */
	overflow: hidden; 
	width: 100%;
}



/*
* html #opening div, * html img, * html .shadow-one div { behavior: url(/js/iepngfix.htc) }
*/



#opening .adjustment
{
    position: relative;  
    overflow: hidden;
    width: 100%;
}

 html #header-opening
{
 
}
#opening #link-screen
{
	 background-image: url(/images/banner.png);
	background-repeat: no-repeat;
	background-position: 60px 10px;
	height: 120px;
	cursor: pointer;
	float: none;
	width: 400px;
}

#opening #link-screen a
{
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}


.diamond-drilling #opening #link-screen
{
	 background-image: url(/images/banner-shadow-small.png);
	background-repeat: no-repeat;
	background-position: 60px 10px;
	height: 120px;
	cursor: pointer;
	float: none;
	
}

#banner-caption
{
    width: 250px;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    color: #9aa;
    font-size: .7em;
    line-height: 1em;
    text-align: center;
    font-style: italic;
}

#header-opening
{
	background-color: #9aa;
	
	background-image: url(/images/sma-hq.png);
	background-image: url(/images/sma-hq.png);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #676;	

}	

#close .adjustment
{
	width: 100%;
	background-color: #788;
}	

#close p
{
    color: #000;
    font-size: 12px;
    margin: 5px;
}

#w3c
{
   width: 88px;
   height: 31px;
   float: right;
   margin-top: 2px;
}

#enclosure
{
	min-height: 500px;	
	margin-top: 60px;
}

#outer

{	/* #outer encloses all content (#opening, #enclosure, #close) except 
	content defined in extras.php intended for conditional displaying and 
	absolute positioning. Content in extras.php is placed between #outer and
	closing body tag. Use margin and border on #outer to create boxed site  */
	
/*	 margin: 30px 2% 20px 2%; 
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	-moz-border-radius: 5px;
	width: 900px;
	margin: 20px auto;

	
	*/
	 background: #f0f9f9;
     background-color: #fff;
	 
    width: 950px;
	margin: 20px auto 20px auto;
   
    border: 2px solid #c6c9cf;
    
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	-moz-border-radius: 5px;

}

.dan_moye_remembered #outer
{
    background-image: url(/images/daniel_moye_remembered/daniel-moye-handwriting.png);
    background-repeat: repeat-y;
    background-position: right top;

}

.dan_moye_remembered .shadow-one, .written_works .shadow-one
{
    margin-left: 40px;
}


.content
{
	
}
.content .adjustment
{	/* The main content centre column. Add padding for all pages here */
	padding: 0;
	margin: 0;
}

.dan_moye_remembered #enclosure
{

    margin-top: 40px; /* smaller top margin to accomodate shadow image on top of box */
}

.written_works #enclosure
{
   background-image: url(/images/written_works/thumbs/publications-collage.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-top: 40px; /* smaller tyop margin to accomodate shadow image on top of box */
}

.pictures #enclosure
{
   margin-top: 7px; /* smaller tyop margin to accomodate shadow image on top of box */
}

#close img
{
	float:right;
}

#content-ancillary1
{
    width: 700px;
    float:left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

#content-ancillary1-ancillary2
{
	float:left;
	width:67%;
	margin-left:12%;
	margin-right: -79%;
}

#content-ancillary2
{
	float:left;
	width:79%;
}


#ancillary1
{
	float:left;
	width: 220px;
	/* border-right: 1px solid #999; */
}

#ancillary2
{
	width:20%;
	float:right;
	margin-right: 10px;

}
#ancillary1 .adjustment
{
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
		
}

#ancillary2 .adjustment
{
	margin-top: 15px;
}

.col1
{
	width:45%;
	float:left;
	margin-right:3%;
}

.col2
{
	width:45%;
	float:left;
}


* html #content-ancillary1, * html #content-ancillary2, * html #content-ancillary3
{
	display:inline; /* for IE6 */
}

.hilite
{
	background: #cfc;
}

a
{
	color: #464;
}

.intro
{
    font-size: 1.2em;
    width: 95%;
}

img, a img
{
	border: none;
}

p,  ul, dl, ol, marquee, td
{
	font-size:.8em;line-height:1.2em;font-family:Arial,Verdana,Helvetica,sans-serif;;
	
	line-height: 1.3em;
	margin-bottom: 1em;
}

ol p, ul p, dl p, li p, td p
{
    font-size: 1em;
}

dd
{
    margin-bottom: 1em;
}

p.opening
{
    margin-top: 0;
}

td p, td ul
{
    font-size: 1em;
}

#breadcrumbs
{
	margin-top: 10px;
	margin-left: 60px;
	font-size: .7em;
}

#breadcrumbs span.arrow
{
	font-size: 20px;
	vertical-align: text-bottom;	
}

#breadcrumbs a, #breadcrumbs a:visited
{
	color: #043;
}

#breadcrumbs a:hover
{
	
}

blockquote, cite
{
	font-size: .7em;
}

h1
{
    font-weight: normal;
	font-size: 1.2em;
	color: #566;
	margin: 0 0 10px 0;
}

h2
{
	font-size: 1em;
	text-align:left;
	color: #566;
	font-size: 1em;
	font-weight:normal;
	margin: 0 0 0 10px;
}

h3
{
	font-size:.8em;
	color: #566;
	
}

h4
{
	font-size: .9em
}

h5
{
	font-size: .8em
}

h6
{
	font-size: .7em;
}

h1 + h2
{
	/* reduces the vertical space separating an H1 and an H2 that immediately follows it.
	h2 is the subject of the selector */
	margin-top: -5px;
}

h1#site-title
{
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 1px;
}

div.article-list p
{
    margin-top: 10px;
    padding: 10px;
}


div.article-list p:before
{
    content: " * ";
}

/**************************** Shadow Box **********************************/



   .shadow-one 
   { 
       position: relative;
       padding-left: 100px;
       padding-top: 100px;   
        float: left; /* shrink wrap content */
    
    }
    
    .corner-a 
    { 
        position: absolute; 
        right: 0; 
        top: 0; 
        width: 100px; 
        height: 100px; 
        background: url(/images/shadow.png) right top no-repeat; 
       
    }
        
     .corner-b 
     { 
         position: absolute; 
         left: 0; 
         bottom: 0; 
         width: 100px; 
         height: 100px; 
         background: url(/images/shadow.png) left bottom no-repeat; 
         }            
         
      .shadow-two 
      { 
          
          background: url(/images/shadow.png) right bottom no-repeat;
       
      
         
      
      }
      
       .shadow-three 
       { 
           position: relative; 
           left: -100px; 
           top: -100px; 
              
           background: url(/images/shadow.png) left top no-repeat;  
        
        }
       
        .shadow-four 
        {
             position: relative;         
             left: 50px;
             top: 50px;
           
        } 

/*********************************************************************************/

  div
    {
     
    }
   .shadow-one 
   { 
    position: relative;
      padding-left: 40px;
      padding-top:  40px;     
    }
    
    .corner-a 
    { 
        position: absolute; 
        right: 0; 
        top: 0; 
        width:  40px; 
        height: 40px; 
        background: url(/images/shadow2.png) right top no-repeat; 
       
    }
        
     .corner-b 
     { 
         position: absolute; 
         left: 0; 
         bottom: 0; 
         width:  40px; 
         height: 40px; 
         background: url(/images/shadow2.png) left bottom no-repeat; 
         }            
         
      .shadow-two 
      { 
          
          background: url(/images/shadow2.png) right bottom no-repeat;
        
      }
      
       .shadow-three 
       { 
           position: relative; 
           left: -40px; 
           top:  -40px; 
           
           background: url(/images/shadow2.png) left top no-repeat;  
           

        }
       
        .shadow-four 
        {
             position: relative;         
             left: 20px;
             top:  20px;
         
        
        } 
#nav-global-wrapper
{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}

#include h1 span
{
    visibility: hidden;
}

#bhpb-perm
{
    text-align: left;
    color: #505c50;
    font-style: italic;
    font-size: .7em;
    margin-top: 10px;
}

 /* ==================  default/menus.css ===================== */ 
/* ====== Global Menus ========== */
.nav-global
{
	padding: 0;
	margin: 10px auto 0px 60px;
	float:left;
	line-height: 30px;
	background-color: #fff;
    position: relative;
    margin-top: 0px;
}

.nav-global li
{
	float:left;
	list-style-type: none;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	display:block;
	margin: 0;
}

.nav-global a, .nav-global a:visited
{
	color: #043;
	font-weight: 400;
	margin-right:10px;
	font-size: 1em;
	letter-spacing: 1px;
	text-decoration: none;
}

.nav-global a:hover, .nav-global li.current a
{
	color: #5a7;
	text-decoration: underline;
}

#close .nav-global
{
    background-color: transparent;
    color: #fff;
}

#close .nav-global a
{
    color: #ded;
}

/* ====== Local Menus ========== */

.nav-local
{
	margin: 0;
	list-style: none;
	background-position: center top;
	background-repeat: no-repeat;
    padding: 0;


}

.nav-local li a
{
	color: #000; 
	display: block;
	color: #575;
	text-align: left;
    background: #fff;
	text-decoration: none;
}


.nav-local li
{
	margin-bottom: 10px;
}

.nav-local ul
{
	margin:0;
	padding-left: 5px;
	display: none;
}

.nav-local li.dir li
{
   margin-top: 5px;
   font-size: 11px;
   padding: 0px;
 }
 
.nav-local li a
{
    font-size: 1em;
}

.nav-local li a:hover, .nav-local li.current a
{
    text-decoration: underline;	
}

 /* ==================  default/jquery.ad-gallery.css ===================== */ 
.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 40%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 40%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/images/slideshow/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/images/slideshow/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        font-size: .8em;
        font-style: italic;
        text-align: center;
        padding: 5px 2px;
        width: 100%;
        z-index: 2;
        background: url(/images/slideshow/opa75.png);
        color: #121;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(/images/slideshow/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(/images/slideshow/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

 /* ================= current.css ==================== */ 
.col1
{
    width: 30%;
}

.col2
{
    float: left;
    width: 600px;
}

#content
{
    margin-top: 20px;
}

/****************************** Gallery stuff ************************************/



  #gallery 
  {
    padding: 10px 20px 20px 20px;
    width: 700px;
    margin: 0px auto;
    background-color: #fff;
  }
  
  
  #gallery #set-select
  {
    
    margin: 0px 0px 10px 0px;
    text-align: center;
    color: #666;
  }
  
    #gallery #set-select a
  {
    
    color: #787;
    margin-left: 5px;
  }
  
.ad-gallery .ad-thumbs li a img 
  {
    border:3px solid #ccc;
    display:block;
}

.ad-image
{
  
}

.ad-slideshow-controls span
{
    font-size: .8em;
}

  
  /********************************************************************************************************/
/*
#prev
{
    background-image: url(/images/image_viewer_controls/button.png);
}

#next
{
    background-image: url(/images/image_viewer_controls/button.png);
}

#first
{
    background-image: url(/images/image_viewer_controls/button.png);
}
*/


#image_viewer
{
    margin-top: 30px;
    margin-left: 50px;
    width: 100%;
    overflow: auto;
}

#img-display-box
{
    
 
 float: left; 
}

/*****************************************************************************/
#slideshow-box
{

    margin: 0 auto;

}

#slideshow
{
  
  margin-left: 0px;
  position:relative;
  float:left;
  height: 700px;
  width: 550px;
  
    
}

#slideshow img
{
    float: none;
}


#image-controls
{
    width: 320px;
    float:left;
    padding: 10px;
 

    /*
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.9);
	-moz-border-radius: 5px;
	*/
}

#image-controls a
{
    color: #036;
 

    /*
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.9);
	-moz-border-radius: 5px;
	*/
}




.controls
{
    width: 100%;
    overflow:hidden;

    margin-bottom: 20px;
    margin-top: 20px;
    padding: 5px;
    border-top: 1px dotted #ccc;
  
}

#slideshow-controls
{
  border-top: 1px dotted #ccc;
}

#slideshow-controls p
{
  margin-top: 0;
}




#controls-info
{
    color: #000
    margin:0px;
    clear:left

}
#image-controls p
{

}

#thumbs-outer
{

    position: relative;
    overflow: hidden;
}
#thumbnail-strip
{


    
}


.thumb
{
    border: none;
    float:left;    
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.6);
	-moz-border-radius: 2px;
    border: 1px solid #ccc;
}

.thumb-box
{
    padding: 2px;
    float:left;
    background: #fff;
    margin: 0px 5px 5px 0px;
	width: 55px;
	height: 55px;
}

#f1 option
{
    border: 1px solid #999;
}

#f1 span
{
   font-size: 12px;
   margin-right: 5px;
}

#f1 #go
{
    border: 1px solid #000;
    background: #ded;
    color: #000;
}
#canvas
{
    background-color: #fff;
    border: 1px solid #999;
    padding: 10px;
}

.slideshow-button
{
/*
    border-top: 1px solid #ccc;
    border-right: 1px solid #666;
    border-bottom: 1px solid #000;
    border-left: 1px solid #999;
    margin-top: 10px;
    font-size: .7em;
    padding: 2px;
    cursor: pointer;
    background: #467;
    color: #fff;
    font-weight: 600;
    */
    
    border:1px solid #CCCCCC;
    display:block;
    float:left;
    margin-right:2px;
    padding:4px 7px 2px;
    font-size: .8em;
    color: #444;
    cursor: pointer;
}

.slideshow-button:hover
{
    background-color: #eee;
}

#slide
{
    margin: 0;
    padding: 0;
    border: none;
    display: block;

}

#slide-background
{
    background: #999;
    position: relative;
}

#thumbnails-previous
{
    float: left;
}

#thumbnails-next
{
    float: right;
}

#basic-view
{
    font-size: .7em;
    margin-top: 20px;
}

#thumbnail-buttons
{
    width: 100%;
    overflow: hidden;
}

#image-set-select li
{
    list-style: none;
    color: #669;
    cursor: pointer;
    
}

#left-button
{
    position: absolute;
    top: 0;
    left: 50px;
    z-index: 20;
    color: #000;
    height: 89px;
    width: 100px;
    padding: 10px;
    background-image: url(/images/pictures/left-arrow.png);
    background-repeat: no-repeat;
}

#right-button
{
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 20;
    color: #000;
    height: 20px;
    width: 20px;
    padding: 10px;
    background-image: url(/images/pictures/right-arrow.png);
    background-repeat: no-repeat;
}

/* //////////////////// picture shadow box //////////////////////// */

div
{
 
}

#content
{
    margin-top: 0;
}

.content .adjumstment
{
    padding: 0;
}

.shadow-one
{
    width: 80%;
    margin: 0 auto;
    float:none;
    
}

#include h1
{

  
    height: 33px;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-image: url(/images/pictures/pictures.png);
    background-position: center center;
    padding: 0;
    text-align: right;
}



#set-select #gmap
{
    margin-right: 20px;
}

#set-select #gmap, #set-select #gmap a 
{
    color: #00f;
    background: #ff6;
}

#include h1 span#belitung-intro
{
    visibility: visible;
    font-size: 12px;
    font-weight: 400;
    color: #021;
    margin-right: 50px;
}

#bhpb-perm
{
    text-align: center;
    color: #505c50;
    font-style: italic;
    font-size: .7em;
    
    
}




