/* CSS for the FISHBASE pages 31 October 2003 */

/*     Copyright Sven O Kullander, sven.kullander@nrm.se */

/* Font sizes are in pt. Using smaller, medium, etc. gives very different */
/*       results in NN and IE  */
/* Tested with Opera 6.01 and IE 6.0 */


address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset,
h1, h2, h3, h4, h5, h6, iframe, noframes, object, ol, p, ul, applet,
center, dir, hr, menu, pre   { display: block }

em, strong, i, span { display: inline }

/* For Screen display (see below for print display) */

@media screen {

body  { font-family:Arial,sans-serif;
        text-align: center;
               }

div.container {margin-left:10%; 
			margin-right:10%; 
			text-align:left;
			color: #000000;
			background:#ffffff;
			font-family:Arial,sans-serif;
       		font-size: 12px;
       		}
			
div.gauche { float: left;
		width: 48%;
		margin-right: 1%;
		}

div.droite	{float: right;
		width: 48%;
		margin-left:1%
		}
			
			
			
			
/* Normal link color behavior */
a:hover { background:#ffffff; color: #FF0000 }
a:visited { background:#ffffff; color: #640096 }

/*For the little [top] bookmark in long lists */

.moveup { color: #FF0000;
		background:#ffffff;
          font-family: Arial, sans-serif;
					font-size:8px;
					text-align: right
					 }

/* EVERY PAGE: For menu on top of each page text FishBase Sverige */
/* FACTRUNNER = Text FishBase"  
	TOPMENU = row of links
	AFLASH  = style of links */
   
.factrunner {
          font-family: Arial, sans-serif;
          font-size: 12px;
          font-weight: bold;
          text-align: left;
	  			line-height: 14px; 
					border-bottom-style: solid;
					border-bottom-color: green;
		background:#ffffff;
          color: #000000
            }

.topmenu  {
          font-family: Arial, sans-serif;
				  width: 100%;
          font-size: 12px;
          text-align: left
           }

a.aflashy { background:#ffffff; color: #000000 	}


.headimage	{position: absolute; 
							top: 0px;
							right: 0px 
							}

/* Different text styles below, applies to all parts of doc */							
							
h2.headline {
          font-family: Arial, sans-serif;
          font-size: 15pt;
          font-weight: 400;
          font-style: normal;
          text-align: left;
		  background:#ffffff;
          color: #7D1506;
	  padding-top: 20px
            }

/* Normal text header */

h1.black { font-family:Arial,Sans-Serif;font-weight:500;
            }

h2.blue { color:#000099; background:#ffffff; font-family: Arial, Sans-Serif;font-weight:500;
            }


h3 {      font-family: Arial, Sans-Serif;
          font-size: 14px;
          font-weight:600;
		  background: #ffffff;
          color: #00a900;
            }

/* Small text header */

h4 {      font-family: Arial, Sans-Serif;
          font-size: 12px;
          font-weight:600;
		  background: #ffffff;
          color: #00a900;
		  padding-top: 0px; padding-bottom: 0px
            }

/* Normal text header */

h3.deco {      font-family: Arial, Sans-Serif;
          font-size: 14px;
          font-weight: bold;
          background: #009900;
	  padding-left: 10px;
          color: #ffffff
            }

/* Small text header */

h4.deco {      font-family: Arial, Sans-Serif;
          font-size: 12px;
          font-weight: bold;
		  height:14px;
          background: #009900;
					padding-left: 10px;
          color: #ffffff;
            }
						

/* Centers Image and places small Legend */
.cimage {
          font-family: Arial, sans-serif;
          font-size: 8pt;
          font-weight: 300;
          text-align: center
            }

/* Lefts Image and places small Legend */

.limage {
          font-family: Arial, sans-serif;
          font-size: 8pt;
          font-weight: 300;
          text-align: left
            }

/* Any small text */						

.smalltext {
          font-family: Arial, sans-serif;
          font-size: 10px;
          font-weight: 300
            }


/*  Normal is plain paragraph text  */

p {
        font-family: Arial, sans-serif;
		font-size: 10pt;
        text-align: justify;
		padding-left: 10px
           }

dd {
	padding-bottom: 2px;
	padding-top: 2px
           }
dt  {
	padding-top: 10px;
	font-weight: 600;
	background:#ffffff;
	color: #000000;
	} 
		
/* In the bottomtext */

.footer  {
          font-family: Arial, sans-serif;
          font-size: 8pt;
		  background:#ffffff;
          color: #7D1506
            }

/* For Disclaimer etc at bottom of page */
div.bottomline  {
              border-top: thin dotted Green;
              padding-left: 2px;
              padding-right: 2px;
              padding-top: 2px;
              padding-bottom: 2px;
              text-align: left;
              font-family: Arial, sans-serif;
              font-size: 8pt;
              font-weight: normal;
              font-style: normal;
            }

/* The small text refering to author, NRM homepage and NRM webmaster */

.bottommenu {
          font-family: Arial, sans-serif;
          font-size: 8pt;
          text-align: left
             }
/* End of screen media style */
}

/* Here starts the print media style. Explanations as above */

@media print {
body  {
       color: #000000;
	   background:#ffffff;
			 font-family: Arial, sans-serif;
       font-size: 10pt;
       text-align: center;
}

div.container  {
       color: #000000;
	   background:#ffffff;
			 font-family: Arial, sans-serif;
       font-size: 10pt;
       text-align: left;
}
div.col1 { float: left;
		width: 48%;
		margin-right: 1%;	}

div.col2	{float: left;
		width: 48%;
		margin-left:2%;
		}
a:link { color: #0000FF}
a:hover {  color: #FF0000 }
a:visited { color: #640096 }
a:active { color: #FF0000 }
 
.moveup { display: none } 
 
.factrunner {
          font-family: Arial, sans-serif;
          font-size: 12pt;
          font-weight: bold;
          text-align: left;
	  			line-height: 14pt; 
					border-bottom-style: solid;
					border-bottom-color: green;
          color: #000000
            }

.topmenu  {

          font-family: Arial, sans-serif;
				  width: 100%;
          font-size: 10pt;
          text-align: left;

           }
/* Should not show */
a.aflashy 	{ display: none; 	}

/* Should not show */
.headimage	{ display: none
							}

/* Should not show */			 
.leftcontent { display: none; 	}					

/* Should not show */	
.leftheader {
					width: 150px;
					color: #ffffff;
					text-align: center;
					background-color: #ffffff;
					padding-top: 2px;
					padding-bottom: 2px;
					font-size: 8pt;
					font-family: Arial, sans-serif
			
				}					


	
.rightcontent {
					width: 100%;
          font-family: Arial, sans-serif;
          font-size: 10pt;
          text-align: justify;
					}

h2.headline {
          font-family: Arial, sans-serif;
          font-size: 17pt;
          font-weight: 400;
          font-style: normal;
          text-align: left;
          color: #7D1506;
					padding-top: 20px
            }
	
h3 {      font-family: Arial, Sans-Serif;
	        font-size: 12pt;
          font-weight: bold;
          background: #009900;
					color: #ffffff
            }

h4 {      font-family: Arial, Sans-Serif;
          font-size: 10pt;
          font-weight: bold;
          background: #009900;
          color: #ffffff
            }

.cimage {
          font-family: Arial, sans-serif;
          font-size: 8pt;
          font-weight: 300;
          text-align: center
            }

.limage {
          font-family: Arial, sans-serif;
          font-size: 8pt;
          font-weight: 300;
          text-align: left
            }

.smalltext {
          font-family: Arial, sans-serif;
          font-size: 8pt;
          font-weight: 300
            }

.normal {
          font-family: Arial, sans-serif;
          font-size: 10pt;
          text-align: justify
           }

.ref      {
          font-family: Arial, sans-serif;
          font-size: 8pt;
          text-align: justify
           }

.footer  {
          font-family: Arial, sans-serif;
          font-size: 8pt;
          color: #7D1506
            }

div.bottomline  {
              border-top: thin solid Green;
              padding-left: 2px;
              padding-right: 2px;
              padding-top: 2px;
              padding-bottom: 2px;
              text-align: left;
              font-family: Arial, sans-serif;
              font-size: 8pt;
              font-weight: normal;
              font-style: normal;
            }

dd.distinct {
		padding-bottom: 10px;
		padding-top: 5px;
           }

/* Should not show */						
.bottommenu {
display: none;
          font-family: Arial, sans-serif;
          font-size: 8pt;
          text-align: left
             }
/*Ends the Print media type */
}