/* CSS Document */
body {
  margin:0;
  padding:0;
  text-align: center;
  color: #333;
  background:#E5E5E5; /* 404040 */
  }
  
img{border:0;}
  
#content{ 
     width:673px;
	 border: 1px solid #fff;/* invisible border -fixes some bug in IE */
	 margin:1 auto; 
	 text-align:left;
	 background:#ffffff; /* f0f0f0 */
	 }
	 
 /* Links  general style */

a{text-decoration:none; font-weight:normal;}
a:link, a:active, a:visited{color:#039;}
a:hover{color:#C00; text-decoration:underline;}

/* end link style */

 
/* 6 boxes  relatively positioned */	 
#box1 {
position: relative;
  width:100%;
  height:120px;
  clear: both;
  margin:0px;
  padding:0px;
  border:0px;
     }

#box2 {
position: relative;
  width:100%;
  height:110px;
  clear: both;
  margin:0px;
  padding:0px;
  border:0px;
   }
   
#box3 {
  position: relative;
  width:100%;
  height:300px;
  clear: both;
  margin:0px;
  padding:0px;
  border:0px;
   }
   
#box4 {
  position: relative;
  width:100%;
  height:50px;
  clear: both;
  margin:0px;
  padding:0px;
  border:0px;
  }
  
#box5{
  position: relative;
  width:100%;
  height:100px;
  clear: both;
  margin:0px;
  padding:0px;
  border:0px;
   }
  
 /* box 6 to fix bug in firefox */
#box6{
  position: relative;
  width:100%;
  height:0.01px;
  clear: both;
  margin:0px;
  padding:0px;
  border:0px;
   }
   
/* End of boxes */

/* Banner */  
#header{
	width:100%;
	height:120px;
	margin:0px;
    padding:0px;
    border:0px;
	background-color: #003265;
	}
	
#image1{
      float:left;
	  top:0px;
	  left:0px;
	  margin-left:5px; /* 10 for screen */
	  }
	 
#image2{
	float:right;
	top:0px;
	right:0px;
	margin-right:20px;
	}

/* End Banner */	

/* Top pictures */	
#pic1{
    float: left;
	width:32.625%;/* 261px*/
	height:110px;
	margin: 2px 2.5px 1.5px 3px;
	/*background-color:#98a1b2;  *//* pic1,2,3 #98a1b2 */
	}
#pic2{
   float: left;
	width:32.625%;
	height:110px;
	margin: 2px 2.5px 1.5px 2.5px;
	/*background-color:#98a1b2;  */
	}
#pic3{
  float: right;
	width:32.625%;
	height:110px;
	margin: 2px 1px 1.5px 1px;
	/*background-color:#98a1b2;  */
	}
	
/* End Top pictures */
	
#content1{
    float:left;
	width:218px; /*260px*/
	height:300px;
	margin: 2px 2.5px 2px 3px;
	background-color:#ffffff; /* #dee5eb   F2F5F7*/
	border:1px solid #D0E4FD;	
	}
#content2{
    float:left;
	width:218px;
	height:300px;
	margin: 2px 2.5px 2px 2.5px;
	background-color:#Ffffff; 
	border:1px solid #D0E4FD;	
	}
#content3{
    float:right;
	width:218px;
	height:300px;
	margin: 2px 1px 1.5px 1px;
	background-color:#ffffff; 
	border:1px solid #D0E4FD;
	}
	
/* Bottom Pictures */
#pic4{
    float:left;
	width:32.625%;
	height:69px;
	margin: 2px 2.5px 2px 3px;
	/*background-color:#98a1b2; (for pic 4,5,6 ) */
	}
#pic5{
     float:left;
	width:32.625%;
	height:69px;
	margin: 2px 2.5px 2px 2.5px;
	
	}
#pic6{
    float:right;
	width:32.625%;
	height:69px;
	margin: 2px 1px 2px 1px;
	}
/* End Bottom Pictures */

#list1{
    float:left;
	width:218px;
	height:120px;
	margin: 2px 2.5px 2px 3px;
	background-color:#F2F5F7; 
	border:1px solid #D0E4FD;
	}
#list2{
 	float:left;
    width:216px;
	height:120px;
	/*margin-left:261px;
	margin-top:2px;
	margin-right:0.5px;
	margin--bottom:5px; */
	margin: 2px 2.5px 2px 2.5px;
	background-color:#F2F5F7;
	border:1px solid #D0E4FD;
	}
#list3{
    float:right;
	width:216.5px;
	height:120px;
	margin: 2px 1px 2px 1px;
	background-color:#F2F5F7; 
	border:1px solid #D0E4FD;
	}



/* link and marker styles*/
ul.styleli  {
 list-style-image:url(images/REDBALL.GIF);
 list-style-type:disc;
 list-style-position:outside;
 margin-left:20px;
 margin-top:35px;
 }
 
ul.styleli li{
    margin: 1;
	padding-left:10px;
	padding-bottom:12px;
	}
	
ul.style1{
  list-style-image:url(images/BLUEBALL.GIF);
  list-style-type:disc;
  list-style-position:outside;
  margin-left:20px;	
	}
	
ul.style1 li{
    margin: 1;
	padding-left:10px;
	}
	
/* moving fish content */	
.inbox{
     height:40px;
	 width:100%;	  
	  }
.marker{
	float:left;
	margin-left:10px;
	width:50px;
	height:40px;
	
	}
.text1{
	float:left;
	height:40px;
	width:135px;
	padding-left:10px;
	}
/* End moving fish */
	
#print{
  float:right;
 margin-top:15px;
 margin-right:5px;
  }	
		
 /* unused list styles*/
 ul.style5  {
 list-style-image:url(images/Fish-03-june.gif);
 list-style-type:disc;
 list-style-position:outside;
 margin-left:20px; 
 border:1px solid #fff;
 }
 
ul.style5 li{
   
	padding-left:20px;
	border:1px solid #D0E4FD;
	}
 
  ul.style6  {
 list-style-image:url(images/Fish-01-june.gif);
 list-style-type:disc;
 list-style-position:outside;
 }
 
ul.style6 li{
    margin: 1;
	padding-left:10px;
	}
 
 /*<!--[if IE]>
<style type="text/css" media="screen">
	/* To place the fish images in the correct position inside the content boxes for IE*/
	/*ul.style5 li{
    	padding-left:40px;
		}
	ul.styleli li{
		padding-left:30px; when fish was used
		}	
</style>
<![endif]-->                 */
	
	
ul.stylelist {
		list-style-type: none;
		
	}
ul.stylelist li{
 list-style-image:url(images/arrowBulletGrayOnGray.gif);
 list-style-type:disc;
 list-style-position:outside;

  }
  ul#style2{
		list-style-type: none;
		margin: 0 0;
		padding-left: 20px;
	}
	ul#style2 li {
		background: url(images/images61.jpg) 0 1px no-repeat;
		padding-left: 25px;
		margin: 0 0 2px 2px
	}
	
	



/*  end of link and marker styles*/