*
  {
      margin              : 0px;
      padding             : 0px;
  }

  body
  {
      text-align          : center;
      background-color    : #303030; 
      color               : #C3C3C3;
      font-family         : "Arial";
  }

  a:link {color: #C3C3C3; text-decoration: underline; }
  a:active {color: #0000ff; text-decoration: underline; }
  a:visited {color: #C3C3C3; text-decoration: underline; }
  a:hover {color: #CCCCCC; text-decoration: none; }
  
  p
  {
      padding-top         : 5px;
      padding-bottom      : 5px;
  }
  
  h1
  {
      font-size            : 50pt;
      font-weight          : bold;
  }
  
  h2
  {
     font-size            : 30pt;
     font-weight          : bold;
     margin-top: 1rem;
  }

  .column1
  {
       width              : 428px;
       padding            : 10px;
       float              : left;
  }

  .column2
  {
       width              : 580px;
       padding            : 10px;
       float              : left;
  }
     
  
  table.cv
  {
       color              : #5C5C5C;
       width              : 100%;
  }

   
  table.cv th
  {
       text-align         : left;
       left               : 428px;
  }
  
  td {
    vertical-align: top;
  }

  table.imggal
  {
       width              : 100%;
       border-spacing     : 10px;
       text-align         : center;
  }

  
  img#image
  {
     border               : 0px;
  }

  img#pageselect
  {
       border             : 0px;
       width              : 35px;
       height             : 35px;
       margin-left        : 2px;
  }  

  div#top
  {
       margin-top         : 30px;
       border             : 1px solid #303030;
  }

  ul#menu
  {
      float               : right;
  }

  ul#menu li
  {  
      list-style-type     : none;
      float               : left;
      height              : 35px;
      width               : 91px;
      padding             : 5px;
      border              : 1px solid #C3C3C3;
      margin              : 4px;
      font-size           : 19pt;
      font-weight         : bold;
  }
    
  ul#menu li.selected, ul#menu li.mouse_over, ul#subsubmenu li.mouse_over, ul#submenu li.mouse_over, ul#submenu li.selected
  {
      background-color    : #A0A0A0;
      color               : #303030;
      cursor              : pointer;
  }
  
  ul#submenu li
  {
      list-style-type     : none;
      float               : left;
      width               : 190px;
      height              : 35px;
      padding             : 5px;
      border              : 1px solid #C3C3C3;
      margin-top          : 4px;
      margin-left         : 5px;
      font-size           : 16pt;
      font-weight         : bold; 
      margin-bottom       : 20px;   
      text-align          : left;
  }
  

  div#container
  {
      margin              : auto;
      width               : 978px;
  }
 
  
  div#lang
  {
      float               : right;
      width               : 100px;
      padding-left        : 0px;
      margin              : 5px;
      margin-left         : 0px
  }
  
  div#content
  {
      clear               : both;
      /* width               : 100%; */
      min-height          : 500px;
      text-align          : left;
      padding-top         : 10px;
  }

  .content-white {
    background-color: #E1E1E1; 
    padding-left: 40px;
    padding-right: 40px;
    font-size: 13px;
    color: #5C5C5C;
  }

  .next-page-button {
    color: #5C5C5C; 
    font-size: 14px; 
    font-weight: bold;
  }
  
  div#left
  {
      float               : left;
      width               : 428px;
      padding-top         : 12px;
  }

  div#right
  {
      float               : left;
      width               : 550px;
      /* text-align          : justify; */
      font-size           : 14pt;
  }

  div#rightContact
  {
      float               : left;
      width               : 550px;
      height              : 500px;
      text-align          : justify;
      font-size           : 14pt;
      padding-top         : 7px;
  }

  div#copyright
  {
      float               : left;
      width               : 400px;
      text-align          : right;
      font-size           : 12px;
      padding-top         : 10px;
  }

  div#bottomcenter
  {
      vertical-align: bottom;
  }
  
  div#center
  {
   position: absolute;
   top:15%;
   width: 100%;
 }

  table#contact
  {
    height: 325px;
    font-size: 10px;
  }


  .home {
      clear               : both;
      width               : 978px;
      min-height          : 200px;
      text-align          : left;
      padding-top         : 10px;
      display: flex;

  }

/* Lightbox css stuff */  
 #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }