@charset "windows-1252";
/*
  StyleSheet for www.byrozoans.nl
  Author: Michiel van der Waaij (bryozoans@iaf.nl)
  Copyright (2006, 2007): Michiel van der Waaij
*/
html {
    height:             100%;
    width:              100%;
}
    
body {
    margin:             0;
    padding:            0;
    color: 		        #330099;
    background-color:	#CCFFFF; 
    font-family: 	    "Times New Roman", TimesNR, Times, serif ;
}
 
a {
    text-decoration:     none;
}

a img {
    border:              0;
}

p {
    font-size: 		     12pt;
    margin:              0em 0em 1em 0em;
}
    
A:link {
    color: 		#6600CC;
    text-decoration: 	underline
}	

A:visited { 
    color: 		#009900; 
    text-decoration: 	underline
}

A:hover { 
    color: 		#6600CC;
    text-decoration: 	underline
}
		
H1 {
    color: 		#330099;
    font-style: 	normal;
    font-variant: 	normal;
    line-height: 	normal;
    font-size: 		    xx-large;
    font-weight:        bold;
    float:              left;
    margin: 		    0.3em 0em 0.3em 1em;
    padding:            0.2em 0.2em 0.2em 0.2em;

}

H2 {                /* used in nen_or_special */
    color: 		#330099;
    font-size: 		24pt;
    font-weight: 	bold;
    font-style: 	normal;
    font-variant: 	normal;
    line-height: 	normal;
    margin: 		1em 0em 0.2em 0.6em;
    padding:        0em 0em 0em 0em;
}

H3 {
    color: 		#330099;
    font-size: 		20pt;
    font-weight: 	bold;
    font-style: 	italic;
    font-variant: 	normal;
    line-height: 	normal;
    margin: 		.5em 1em .5em 1em;
}

H4 {
    color: 		#330099;
    font-size: 		14pt;
    font-weight: 	bold;
    font-style: 	italic;
    margin-top: 	.5em;
    margin-bottom:	.5em;
}
H5 { /* used for bottom of page refrence titles */
    color: 		#330099;
    font-size: 		11pt;
    font-weight: 	bold;
    font-style: 	normal;
    margin-top: 	0em;
    margin-bottom: 	0em;
}

H6 { /* used for bottom of page refrences */
    color: 		    #330099;
    font-size: 		9pt;
    font-weight: 	normal;
    font-style: 	normal;
    margin-top: 	0em;
    margin-bottom: 	0em;
}
/*
 * formatting of the index.html pages
 */

/*
 * Formatting of the header block
 */
#page_heading {
    margin: 		 0em 0em 0em 0em;
    padding:         0em 0em 0em 0em;
}

#page_heading p.head_text {
    font-size: 		    xx-large;
    font-weight:        bold;
    float:              left;
    margin: 		    0.3em 0em 0.3em 1em;
    padding:            0.2em 0.2em 0.2em 0.2em;
}

#page_heading p.switch {
    font-size: 		    small;
    font-weight:         bold;
    margin: 		     1em 1em 0.3em 4.5em;
    color:               red;
    float:               right;
/*    clear:               left; */
}

#page_heading p.update {
    font-size: 		     x-small;
    font-weight:         normal;
    margin: 		     2.5em 1em 0.3em 1em;
    padding:             0em 0em 0em 0em;
    float:               right;
}

#navlinks {
    clear:               left;
    margin:              0em 0em 0em 0em;
    padding:             0em 0.2em 0.3em 1em;
    background-color:    #33FFFF;
}

#navlinks li {
   display:                inline;
   margin-right:           0.5em;
   padding-right:          0.75em;
   font-weight:            bold;
}

/*
 * Formatting of the content blocks
 */

#container_block {
    margin:             0em 0em 0em 0em;
    padding:            0em 0em 0em 0em;
    overflow:           visible;
}

#image_block {
    float:              left;
    margin:             0em 0em 0em 0em;
    padding:            0em 13.5em 0em 0em;
    border-width:       1px;
    border-style:       none;
}

#image_block table {
    border-width:       1px;
    border-style:       none;
    margin:             0.5em 0.1em 0.1em 0.5em;
    padding:            0em 0.2em 0.2em 0.2em;
}

#image_block caption {
    text-align:         left;
    margin:             0.4em 0.1em 0em 1em;
    border-width:       1px;
    border-style:       none;
    color: 				#330099;
    font-size: 			10px;
    font-weight: 		normal;
    font-style: 		normal;
}

#image_block td {
    border-width:       1px;
    border-style:       solid;
    border-color:       #0D019F;
    margin:             0.1em 0.5em 0.1em 0.5em;
    padding:            0.3em 0em 0em 0em;
}
#image_block img {
    margin:             0em 0em 0em 0em;
    padding:            0em 0.5em 0em 0.7em;
    border-style:       none;  /* layout test */
    border-width:       1pt;
    border-color:       green;
}

#image_block p.name {
    clear:               left;
    margin:             0em 0em 0em 0em;
    padding:            0em 0em 0.3em 0em;
    font-size: 			11pt;
    font-weight: 		normal;
    font-style: 		normal;
    border-style:       none; /* layout test */
    border-width:       1pt;
    border-color:       red;
}
#image_block td.table_footer {
    margin:             0.1em 0.3em 0.2em 0.3em;
    padding:            0em 0.5em 0.3em 0.3em;
    border-style:       solid;
    border-width:       1pt;
    border-color:       #0D019F;
}

#content_block {
    float:              left;
    width:              10.5em;
    margin:             1.6em 0em 1em -12.5em;
    padding:            0em 0em 0em 0em;
    background-color:   #33FFFF;
    border-width:       1px;
    border-style:       solid;
    border-color:       #0D019F;
}
#content_block ol {
    margin:             .25em .25em .50em .25em;
    padding:            0em 0em 0em 0em;
}
#content_block li {
    list-style-type:    none;
    margin:             .25em .25em .25em .25em;
    padding:            0em 0em 0em 0em;
}
#content_block h4 {
    margin:             .25em .25em .25em .25em;
    padding:            0em 0em 0em 0em;
}
#content_block h5 {
    margin:             .25em .25em .25em .25em;
    padding:            0em 0em 0em 0em;
}
#content_block_red_sea {
    float:              left;
    width:              10.5em;
    margin:             18em 0em 1em -12.5em;
    padding:            0em 0em 0em 0em;
    background-color:   #33FFFF;
    border-width:       1px;
    border-style:       solid;
    border-color:       #0D019F;
}
#content_block_red_sea ol {
    margin:             .25em .25em .50em .25em;
    padding:            0em 0em 0em 0em;
}
#content_block_red_sea li {
    list-style-type:    none;
    margin:             .25em .25em .25em .25em;
    padding:            0em 0em 0em 0em;
}

/*
 * formatting of the footer block
 */
#footer_block {
    float:              left;
    clear:              left;    
    padding:            0.2em 0em 0em 0em;
    margin:             0.4em 0em 0em 0em;
    background-color:   #33FFFF;
    border-style:       solid;
    border-width:       1px;
    border-color:       red;
    width:              100%;
}
#footer_block p.print_contact {
    display:            none;
}
#footer_block p.contact {
    float:              left;
    padding:            0em 0em 0.2em 0.3em;  
    margin:             0em 0em 0em 0em;     
}
#footer_block p.print_copyright {
    display:            none;
}

#footer_block p.copyright {
    float:              right;
    margin:             0em 0.7em 0em 0em;
    padding:            0em 0em 0em 0em;       
    color:              red;
    font-size: 			small;
    font-weight:        bold;
}

/*
 * Red Sea page
 */
table.red_sea {
  width:                90%;
  border:               solid;
  border-color:         #330099;
  border-width:         thin;
  border-collapse:      collapse;
  empty-cells:          show;
  padding:              0.1em 0.1em 0.1em 0.1em;
  margin-left:          1em;
}
table.red_sea th {
  background-color:     #33FFFF;
  border-style:         solid;
  border-width:         1px;
  border-color:         #0D019F;
  font-size:            large;
  padding:              0.5em 0em 0.5em 1em;
}
td.red_sea_image {
  border:               solid;
  border-color:         #330099;
  border-width:         thin;
  width:                30%;
  text-align:           left;
  padding:              1em 1em 0em 1em;
}
td.red_sea_image img {
  border:               none;
  width:                150px;
  height:               150px;
}
td.red_sea_description {
  border:               solid;
  border-color:         #330099;
  border-width:         thin;
  width:                70%;
  text-align:           left;
  vertical-align:       top;
  padding:              1em 1em 0.5em 1em;
}
table.red_sea td.table_footer {
  border:               solid;
  border-color:         #330099;
  border-width:         thin;
  padding:              0.5em 0em 0.5em 1em;
}
span.red_sea {
  font-style:           italic;
}
p.red_sea {
  margin-left:          1.5em;
}
ol.red_sea {
  margin-left:          3em;
}
ul.ul_red_sea {
  margin-top:           -0.8em;
  margin-left:          -0.6em;
  list-style:           none;
}
p#cite_vine {
  padding-left:         3em;
  margin-top:           -0.8em;
  width:                80%;
}
ul#overview_list {
  margin-top:           -0.8em;
  margin-left:          1em;
}
h4#red_sea {
    color: 	      	#330099;
    font-size: 		14pt;
    font-weight: 	bold;
    font-style: 	italic;
    margin:      	0.5em 0em -0.5em 1em;
}
#div_lists {
  padding-bottom:        2em;
}
#container_block #div_lists {
/* dummy */
}
#div_lists #div_cheilostomata_vera  {
   width:               50em;
   position:            relative;
   margin-top:          -70em;
   margin-left:         30em;
}
#div_cheilostomata_vera ul#vera_2 {
   position:            absolute;
   top:                 3em;
   left:                25em;
}
#div_ctenostomata {
   position:            absolute;
   top:                 87em;
   left:                30em;
}
#div_cyclostomida {
   position:            absolute;
   top:                 87em;
   left:                55em;
}
#container_block #div_red_sea_last {
  position:             relative;
  margin-top:           25em;

}
#my_red_sea {           /* div for my finds only */
  width:                97%;
  padding-left:          2%;
  padding-right:         0%;
}
#my_red_sea h3 {
  margin-left:          0%;
}
#my_red_sea img {
  margin-left:          0%;
  margin-top:           1em;
  margin-bottom:        1em;
  width:                98%;
}
#my_red_sea p {
  margin-left:          0%;
  margin-right:         2em;
}
#container_block img#example {
  width:                15%;
  position:             relative;
  left:                 1.5em;
  margin-top:           1em;
}
#container_block p#example_next {
  margin-top:           -10em;
  margin-left:          15em;
  width:                30em;
}