/* Industrial Biofouling Cascading Style Sheet Version 4.0 Updated March 11, 2010 */

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

body {
	margin-top       : 0px     ;
      	font-style       : normal  ;
      	margin           : 0px auto;
      	padding          : 8px     ;
        background-image : url("./images/img_gradient-gray.jpg"); 	
        background-repeat: repeat-x;		            		
/*	background	 : #959595 ;  */    
      	line-height      : 1.3     ;
      	font-family      : Arial, Helvetica, Verdana, sans-serif ; }
 
#top_logo {
	position	: absolute;
	margin-top	: 20px    ;
	margin-left	: 50px	  ;
 	height		: 202px   ;
	width		: 865px   ;
	background-color: #ffffff ; 
	border		: #000000 0px solid; }

#logo_text {
	position	: absolute;
	margin-top	: 30px    ;
	margin-left	: 310px	  ;
 	height		: 50px    ;
	width		: 605px   ;
	background-color: #ffffff ; 
	border		: #000000 0px solid; }

#header_menu {
	position	: absolute;
	margin-top	: 220px   ;
	margin-left	: 50px	  ;
 	height		: 50px    ;
	width		: 865px   ;
	border		: #000000 0px solid; }

#side_menu {
	float		: left    ;  
	position	: absolute;
	margin-top	: 300px   ;
	margin-left	: 50px	  ;
 	height		: 760px   ;
	width		: 225px   ;
	overflow	: hidden  ; 
/*	background-color: #555555 ;  */
	border		: #000000 0px solid; }

#body_text {
        float		: right   ;
	position	: absolute; /* absolute fixed relative static inherit */
	margin-top	: 300px   ;
	margin-left	: 300px	  ;
 	height		: 760px   ;  /* was 100% */     
	width		: 615px   ;
	background-color: #ffffff ;
	overflow	: auto    ; /* auto hidden scroll visible inherit */ 
	border		: #000000 0px solid; }

#body_long {
        float		: right   ;
	position	: absolute; /* absolute fixed relative static inherit */
	margin-top	: 300px   ;
	margin-left	: 300px	  ;
 	height		: 1395px  ;     
	width		: 615px   ;
	background-color: #ffffff ;
	overflow	: auto    ; /* auto hidden scroll visible inherit */ 
	border		: #000000 0px solid; }

#footer_menu {
	clear		: both    ;  
 	position	: absolute; 
 	margin-top	: 950px   ;  
	margin-left	: 50px	  ;
 	height		: 140px   ;
	width		: 225px   ;
/*	background-color: #d7d7d7 ; */
	border		: #000000 0px solid; }


/* Characterize Links */

a:link    {color : #252525 ; text-decoration : none     ; }
a:visited {color : #555555 ; text-decoration : none     ; }
a:hover   {color : #ef9c00 ; text-decoration : underline; }  /* was yellow ef9c00 */
a:active  {color : #000000 ; text-decoration : none     ; }

a         {cursor: pointer ;}   

/* Sizing for Heading in Pixels */

h1, h2, h3, h4, h5 {
       margin      : 5px    ;
       color       : #000000; 
       padding-left: 5px    ;
       font-weight : bold   ;
       font-family : Arial, Helvetica, Verdana, sans-serif ;}

h1     {
       margin-top  	: 4px    ;
       bottom	        : 2px	 ;
       padding	   	: 0px    ;
       border-top  	: 3px solid #ef9c00; }

h2     {
       margin      : 4px    ;
       padding-left: 4px    ;
       line-height : 1.2    ;
       font-size   : 16px   ;
       color       : #000000; }

h3     {
	font-size    : 12px   ;
        color        : #000000; 
        text-align   : left   ;
       	margin       : 5px    ;
       	padding-left : 5px    ;
        margin-bottom: 1px    ;
        margin-top   : 1px    ; }

h6     {
       margin      : 4px    ;
       font-style  : normal ;
       font-size   : 10px   ;
       color       : #000000;
       text-align  : center ;
       font-family : Arial, Helvetica, Verdana, sans-serif ;}

/* Characterize Font Type in Pixels */

.style_red {
	    margin      : 5px    ;
            padding     : 5px    ;
            font-size   : 26px   ; 
            color       : #ff0000; 
            text-align  : left   ;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }

.style_gallery {
	    margin      : 3px    ;
            padding     : 3px    ;
            font-size   : 26px   ; 
            color       : #ffffff; 
            text-align  : center  ;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }

.style_8 {
	    font-size   : 8px    ;
            color       : #000000;
	    margin      : 0px	 ;
            padding     : 0px    ; 
            font-family : Arial, Helvetica, Verdana, sans-serif ; }

.style_10 {
	    font-size   : 10px   ; 
            color       : #000000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }	 

.style_12 {
            font-size   : 12px   ;
            margin      : 4px    ;
            padding     : 4px    ; 
            color       : #000000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }	 

.style_14 {
            font-size   : 14px   ; 
            margin      : 4px    ;
            padding     : 4px    ; 
            color       : #000000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }	

.style_16i {
            font-size   : 16px   ;
            font-style  : italic ;
            margin      : 4px    ;
            padding     : 4px    ; 
            line-height : 1.4    ;  
            color       : #000000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }

.style_16 {
            font-size   : 16px   ;
            margin      : 4px    ;
            padding     : 4px    ; 
            line-height : 1.3    ;  
            color       : #000000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }	 


.style_20 {
            font-size   : 20px   ; 
            color       : #000000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }
	
.style_24 {
            font-size   : 24px   ; 
            color       : #000000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }		 

.style_14red {
            font-size   : 14px   ;
            font-style  : italic ; 
            color       : #ff0000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }		 

.style_new {
            font-size      : 14px   ;
            font-weight    : normal ; 
            color          : #ff0000;
            font-family : Arial, Helvetica, Verdana, sans-serif ; }	

.style_white {
	    margin-top      : 0px      ;
            margin-left     : 10px     ;
	    margin-bottom   : 5px      ;
            font-size       : 14px     ;
            font-weight     : normal   ;
            color           : #ffffff  ; 
            text-decoration : none     ; 
            font-family     : Arial, Helvetica, Verdana, sans-serif ; }

.style_12white {
	    margin-top      : 0px      ;
            margin-left     : 72px     ;
            font-size       : 12px     ;
            font-style      : italic   ;
            color           : #cccccc  ; 
            text-decoration : none     ; 
            font-family     : Arial, Helvetica, Verdana, sans-serif ; }

.style_gold {
	    margin-top      : 5px      ;
            margin-left     : 10px     ;
            font-size       : 14px     ;
            font-style      : italic   ;
            color           : #ef9c00  ; 
            text-decoration : none     ; 
            font-family     : Arial, Helvetica, Verdana, san-serif ;}
p     {
      margin-top    : 4px ; 
      margin-bottom : 4px ;
      font-size     : 12px; 
      line-height   : 1.3 ; }

p    {font-size     : 8px ; }

p.copyright {
          margin-top     : 0px    ;
          font-style     : normal ;
          font-size      : 9pt    ;
          color          : #ffffff;
          text-align     : center ;
          padding-top    : 0px    ;
          padding-bottom : 40px   ;         
          font-family : Arial, Helvetica, Verdana, sans-serif ;}

p.gallery_images {
         white-space    : nowrap ; }

img.gallery {      
          clear         : both  ;
          width         : 250px ;  
          height        : 188px ;
          margin-top    : 15px  ;
          margin-bottom : 15px  ;
          margin-right  : 15px  ; 
          margin-left   : 15px  ;
          padding-top   : 0px   ;
          padding-bottom: 0px   ;
          padding-right : 0px   ;
          padding-left  : 0px   ;
          border        : 1px #7d7d7d ridge; }	 

img.navigation_big {      
          clear         : both  ;
          width         : 225px ;
          height        : 350px ;  /* was 361  */
          margin-top    : 0px   ;
          margin-bottom : 0px   ;
          margin-right  : 0px   ; 
          margin-left   : 0px   ;
          padding-top   : 0px   ;
          padding-bottom: 0px   ;
          padding-right : 0px   ;
          padding-left  : 0px   ;
          white-space   : nowrap;
          border        : 0px #000000 solid; }	 

img.navigation_small {      
          clear         : both  ;
          width         : 225px ;
          height        : 176px ;
          margin-top    : 0px   ;
          margin-bottom : 0px   ;
          margin-right  : 0px   ; 
          margin-left   : 0px   ;
          padding-top   : 0px   ;
          padding-bottom: 0px   ;
          padding-right : 0px   ;
          padding-left  : 0px   ;
          white-space   : nowrap;
          border        : 0px #000000 solid; }	
 
img.mark {      
          clear         : both  ;
          width         : 205px ;
          height        : 284px ;
          margin-top    : 3px 	;
          margin-bottom : 0px   ;
          margin-right  : 2px   ;
          margin-left   : 2px   ;
          padding-top   : 1px   ;
          padding-bottom: 1px   ;
          padding-right : 1px   ;
          padding-left  : 1px   ;
          white-space   : nowrap;
          border        : 8px #a0a0a0 ridge; }

img.new {      
          width         : 30px  ;
          height        : 35px  ;
          margin-top    : 35px  ;
          margin-bottom : 0px   ;
          margin-right  : 0px   ; 
          margin-left   : 367px ;
          padding       : 0px   ;
          white-space   : nowrap; }	

img.icon {      
          clear         : both  ;
          width         : 55px  ;
          height        : 15px  ;
          margin-top    : 10px  ;
          margin-bottom : 0px   ;
          margin-right  : 0px   ; 
          margin-left   : 80px  ;
          padding-top   : 1px   ;
          padding-bottom: 1px   ;
          padding-right : 1px   ;
          padding-left  : 1px   ;
          white-space   : nowrap;
          border        : 1px #a0a0a0 ridge; }	

img.image_logo {
          margin         : 0px    ;
          white-space    : nowrap ;
          width          : 578px  ;
          height         : 47px   ;
          padding-top    : 0px    ; 
          padding-bottom : 0px    ;
          padding-right  : 0px    ;
          padding-left   : 0px    ; }

img.image_circles {
          margin         : 1px    ;
          white-space    : nowrap ;
          width          : 200px  ;
          height         : 200px  ;
          padding-top    : 0px    ; 
          padding-bottom : 0px    ;
          padding-right  : 0px    ;
          padding-left   : 0px    ; 
          border         : 0px #ffffff; }
    
img.image_left {
          width         : 250px ;
          height        : 200px ;
          margin-top    : 5px   ;
          margin-bottom : 5px   ; 
          margin-right  : 5px   ;
          margin-left   : 60px  ;
          padding-top   : 1px   ;
          padding-bottom: 1px   ;
          padding-right : 1px   ;
          padding-left  : 1px   ;
          white-space   : nowrap; 
          border        : 1px #555555 solid; }
    
img.image_right {
          width         : 250px ;
          height        : 167px ;
          margin-top    : 5px   ;
          margin-bottom : 5px   ;
          margin-right  : 5px   ; 
          margin-left   : 1px   ;
          padding-top   : 1px   ;
          padding-bottom: 1px   ;
          padding-right : 1px   ;
          padding-left  : 1px   ;
          white-space   : nowrap; 
          border        : 1px #555555 solid; }

img.image_center {
          width         : 400px ;
          height        : 217px ;
          margin-top    : 5px   ;
          margin-bottom : 5px   ;
          margin-right  : 5px   ; 
          margin-left   : 60px  ;
          padding-top   : 1px   ;
          padding-bottom: 1px   ;
          padding-right : 1px   ;
          padding-left  : 1px   ;
          white-space   : nowrap; 
          border        : 1px #555555 solid; }

img.image_figures {
          width         : 500px ;
          height        : 339px ;
          margin-top    : 5px   ;
          margin-bottom : 5px   ;
          margin-right  : 5px   ; 
          margin-left   : 50px  ;
          padding-top   : 1px   ;
          padding-bottom: 1px   ;
          padding-right : 1px   ;
          padding-left  : 1px   ;
          white-space   : nowrap; 
          border        : 1px #555555 solid; }

img.about_logo {
          clear         : both  ;
          width         : 280px ;
          height        : 280px ;
          margin-top    : 5px   ;
          margin-bottom : 5px   ;
          margin-right  : 5px   ; 
          margin-left   : 15px  ;
          padding-top   : 0px   ;
          padding-bottom: 0px   ;
          padding-right : 0px   ;
          padding-left  : 0px   ;
          white-space   : nowrap; }

div {clear : both}
 
div.list {
          margin-left    : 300px ;
          text-align     : left  ;
          margin-top     : 2px  ; 
	  margin-bottom  : 2px   ;
	  margin-left    : 20px  ;
          margin-right   : 0px   ; }

div.lists {
	  list-style-type      : none      ;
           padding-left        : 1.2em     ;
           margin-left         : 0px       ;
           background-repeat   : no-repeat ;
           background-position : 0 0.1em   ; }

span {      color           : white    ; }

             
/* Hit Logo Image and Send Home */

#logo_home a:link    {color : #ffffff ; text-decoration : none     ; }
#logo_home a:visited {color : #ffffff ; text-decoration : none     ; }
#logo_home a:hover   {color : #ffffff ; text-decoration : none     ; }
#logo_home a:active  {color : #ffffff ; text-decoration : none     ; }
 

 
