/* 1. Global Reset
--------------------------------------------------------------------------------
================================================================================*/	

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}
	
	
	
	

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font, ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td  {

	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	text-align:left; 
	}

img {
		
	border:0;

 
 }
 
 
 
 
table {
	border-collapse:collapse;
	border-spacing:0; 
	}


ul{ 
list-style:none; 
	}

ol{   
padding: 10px;
margin: 10px;

	}


q:before,q:after,blockquote:before,blockquote:after {

content:"";

	}
 
 

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
 
 
 
* {
	outline:0;
	outline-style:none;
	-moz-outline:0; 
}


 

body {
	width: 100%;
	height: 100%;
	margin-top: 0px;
 	background: transparent url("/images/background.blue2.jpg")  center center  repeat;
	font-family:  "report",  sans-serif;
 	font-size: 16px;
	color: #cccccc;
	background-attachment: fixed
	}

 
.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}


  /* CLEAR FLOATS
 /* Add class "clear" to elements that contain floated elements and they will hold the height correctly
 /* updated: 01.10.2010 
 /*******************************************************/
 .clear:before,
 .clear:after {
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
 }
 .clear:after {clear: both;}
 .clear {zoom: 1;}
 /*******************************************************/



#container-top { 
	height: 25px;
	margin: 0 auto;
	margin-top: 100px;
	background: transparent url("/images/container.background.top.png") center center no-repeat;
		  
}


#container-mid {
	background-position: top;
	width: 976px;
	margin: 0 auto;
	background: transparent url("/images/container.background.mid.png") center center repeat-y;		  
}


#content-home {
 	font-family:  "report",  sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #9999aa;
	margin-top: 90px;
	margin-left: 350px;
	margin-right: 57px;
	line-height: 22px;
		  
}


#content {
	font-family: "report",  sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #9999aa;
	margin-top: 20px;
	margin-left: 50px;
	margin-right: 300px;
	line-height: 22px;
		  
}


#container-bottom {
	background-position: top;
	height: 30px;
	margin: 0 auto;
	background: transparent url("/images/container.background.bottom.png") center center no-repeat;
		  
}

#container-clownfish-bottom {
	background-position: top;
	height: 30px;
	margin: 0 auto;
	background: transparent url("/images/container.background.clownfish.bottom.png") center center no-repeat;
		  
}

#container-anenome-bottom {
	background-position: top;
	height: 30px;
	margin: 0 auto;
	background: transparent url("/images/container.background.anenome.bottom.png") center center no-repeat;
		  
}


#columns {
	display: block;
	margin-bottom: 20px;
	}
	
#column-left-home {
	float: left;
	margin-right: 50px;
	font-family: "report",  sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #9999aa;
	line-height: 22px;
	width 300px;	  
}

#column-left-home ul li{
	list-style-type: disc;
	margin-left: 15px;
	
	}


#list-disc ul li{
	list-style-type: disc; 
	margin-left: 50px;
	
	}

  
#column-right-home {
	float: left;
	margin-right: 50px;
	font-family: "report",  sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #9999aa;
	line-height: 22px;
	width 300px;	  
}

  
#column-right-home ul li{
	list-style-type: disc;
	margin-left: 15px;
}

	
#column-left {
	float: left;
	margin-right: 50px;
	font-family: "report",  sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #9999aa;
	line-height: 22px;
	width 300px;	  
}

#column-left ul li{
	list-style-type: disc;
	margin-left: 15px;
	
	}


  
#column-right {
	float: right;
	margin-right: 0px;
	font-family: "report",  sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #9999aa;
	line-height: 22px;
	width 300px;	  
}

	
#column-left-scott {
	float: left;
	margin-right: 50px;
	font-family: "report",  sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #9999aa;
	line-height: 22px;
	width 300px;	   
}
 


  
#column-right-scott {
	float: right;
	margin-right: 0px;
	font-family: "report",  sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #9999aa;
	line-height: 22px; 	  
	overflow:visible;
}

  
#column-right ul li{
	list-style-type: disc;
	margin-left: 15px;
}




#nav { 
	font-family:  "report",  sans-serif;
	font-size: 12px; 
	float: right;
	margin-top: 8px;
	margin-right: 30px;
	}


ul#nav li {
	margin-left: 40px;
	padding: 0px;
	list-style: none;
	display: inline;
	}


ul#nav li a {
	text-decoration: none;
	color: #0579BC; 
	}

ul#nav li a:hover {
	text-decoration: none;
	color: #07A4FF; 
	}


div#logo-home {
	margin-left: 30px;
	float: left;  
	width: 120px;
	height: 31px;
}
 
div#logo {
	margin-left: 52px;
	float: left;   
}
 

#bird { 
	background-image:  url("/images/hummingbird.jpg");
	background-repeat: no-repeat; 
	background-position: 110px 0px;
}
 
#flower { 
	background-image: url("/images/flower.png");
	background-repeat: no-repeat;
	background-position: 0px 150px; 
}
  
#clownfish { 
	background-image: url("/images/clownfishes.jpg");
	background-repeat: no-repeat;
	background-position: 80px 0px;
}
   
#clownfish-anenome { 
	background-image: url("/images/clownfish.top.png");
	background-repeat: no-repeat;
	background-position: 660px bottom;
}
 
  
#anenome { 
	background-image: url("/images/anenome.left.png");
	background-repeat: no-repeat;
	background-position: 0px 369px; 
}
 
.huge {
	font-size: 50px;
	color: #EF7300; 
	color: #71BA00; 
	float: left;
	margin-top: 40px;
	margin-left: 350px;
		}
	
 
h1 {
 	font-size: 40px;
	color: #71BA00;
	margin-top: 75px;

	}
	

h2 {
 	font-size: 22px;
	color: #0579BC;
        margin-top: 18px;
        margin-bottom: 20px;
        padding-bottom: 4px; 
	}
	


	
	h2.cite {
 	font-size: 22px;
	color: #0579BC;
        margin-top: 18px;
        margin-bottom: 0px;
        padding-bottom: 4px; 
	}
	
.line {
 	font-size: 22px;
	color: #0579BC;
        margin-top: 18px;
        margin-bottom: 20px;
        padding-bottom: 4px;
        border-bottom: 1px dotted #03446A;

	}
	

h3 {
 	font-size: 18px; 
	color: #05BD48;

	}
	

b {
	color: #bbbbbb;

}



.green-bold {
	font-weight: bold;
	color: #05BD48;

}

.blue-bold {
	font-weight: bold;
	color: #0579BC;

}


.white { 
	color: #ffffff; 
	}
	


 
a {
	text-decoration: none;
	color: #0579BC; 
	}

 
a:visited {
	text-decoration: none;
	color: #8a04e8; 
	}

a:hover {
	text-decoration: none;
	color: #07A4FF; 
	}
	
	
#copyright {
	width: 976px;
	font-size: 8px;
	color: #111111; 
 	margin: -15px auto; 
	padding-left: 20px;  
}
	

 /*
 red 7A000D
 green 71BA00
 orange EF7300
 dark orange BF4700
  
  */
  
  
  

/* DIV PAD */

/* 
padding:25px 50px 75px 100px;

    * top padding is 25px
    * right padding is 50px
    * bottom padding is 75px
    * left padding is 100px
 */

.pad0x10,.sitelinks,.pagetitle2,.breadcrumb{padding:0px 10px}
.padbottom6{padding:0px 0px 6px 0px}
.padtop6{padding:6px 0px 0px 0px}
.pad6{padding:6px}
.pad8{padding:8px}
.pad10{padding:10px}
.pad20{padding:20px}
.pad40{padding:40px}
.pad5x10{padding:5px 10px}
.pad2x8{padding:2px 8px}
.pad2x5{padding:2px 5px}
.pad10x0{padding:10px 0px}
.pad0x10{padding:0px 10px}
.pad3x0{padding:3px 0px}
.pad0x3{padding:0px 3px}
.pad0x20{padding:0px 20px}
.pad5x10x5x0{padding:5px 10px 5px 0px}
.pad10x10x10x0{padding:10px 10px 10px 0px}
.pad0x0x0x20{padding:0px 0px 0px 20px}
.pad0x0x0x40{padding:0px 0px 0px 40px}
.pad5x0x0x40{padding:5px 0px 0px 40px}
.pad0x0x0x10{padding:0px 0px 0px 10px}
.pad0x0x0x5{padding:0px 0px 0px 5px}
.pad5x5x0x5{padding:5px 5px 0px 5px}
.pad10x5x0x5{padding:10px 5px 0px 5px}
.pad0x5x0x5{padding:0px 5px 0px 5px}
.pad0x10x0x0{padding:0px 10px 0px 0px}
.pad8x20{padding:8px 20px}
.pad1x10{padding:1px 10px}
.cellpadtop{padding:6px 6px 0px 6px}
.cellpadbottom{padding:0px 6px 6px 6px}
.headerpadding{padding:1px 10px}