body {
	background-image:   url(images/gradient_bg1.gif);
	color: #333333;
    background-repeat: repeat-x;
}
table {
	font: 8pt  arial, sans-serif;
	color: #333333;
}
p {
	margin-top: 0px;
	margin-bottom: 0px;
}
blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 15px;
	color: #333333;/*themecolour4%0;*/
}
ol {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	color: #333333;/*themecolour3%0;*/
}
ul {
	color: #333333;/*themecolour4%0;*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-image: url(seagrass_recovery_files_files/seagrass_recovery_files_bullet.gif);
	
}
.panelright ul {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-image: url(seagrass_recovery_files_files/seagrass_recovery_files_bullitt2.gif);
	
}
.panelmid ul {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-image: url(seagrass_recovery_files_files/seagrass_recovery_files_bullitt2.gif);
	
}
.panelleft ul {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-image: url(seagrass_recovery_files_files/seagrass_recovery_files_bullitt2.gif);
	
}
h1 {
	font-size: 16px;
	color: #333333;/*themecolour5%0;*/
	margin-top: 0px;
	margin-bottom: 1px;
}
h2 {
	font-size: 16px;
	color: #008ea7;/*themecolour1;*/
	margin-top: 3px;
	margin-bottom: 3px;
}
h3 {
	font-size: 14px;
	color: #008ea7;/*themecolour1;*/
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 12px;
}
h4 {
	font-size: 14px;
	color: #ffffff;/*themecolour9;*/
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 12px;
}


.leftcoltext {
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	background-color:#98c164;
}
.sidenav {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.divider {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #008ea7;/*themecolour1;*/
}
.rightborder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

.panelleft {
	background-color: #def5f9;/*themecolour1$ 88.8%, 93.7%;*/
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
.panelmid {
	background-color: #def5f9;/*themecolour1$ 88.8%, 93.7%;*/
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
.panelright {
	background-color: #def5f9;/*themecolour1$ 88.8%, 93.7%;*/
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
.scanlines
{
	background-image: url(seagrass_recovery_files_files/seagrass_recovery_files_topstrip.gif);
	background-repeat: repeat-x;

}
.rightcoltext {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #999999;

}
.imageborder {
	border: 1px solid #FFFFFF;
}
 a:link {
	color: #010a42;
	
}
 a:visited {
	color: #010a42;
	
}
 a:link:hover {
	color: #008ea7;
	text-decoration:underline;
	
}
.toppanel
{
	background-color:#008ea7;
	padding:2px;
}
.topleft {
	background-image: url(seagrass_recovery_files_files/seagrass_recovery_files_top_left.gif);
	background-repeat: repeat-x;
}
.paraleft {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-color:#82c7d3;/*themecolour1%151;*/
}
.paramid {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color:#82c7d3;/*themecolour1%151;*/
}
.pararight {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color:#008ea7;/*themecolour1;*/
}
.leftcolumn {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	color: #333333;/*themecolour4%0;*/
}
.rightcolumn {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
.centercolumn {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	color: #333333;/*themecolour4%0;*/
}

.imagebox {
	padding-top: 3px;
	color: #008ea7;/*themecolour1;*/
	font-weight: bold;
	font-size: 8pt;
	vertical-align:middle;
}
.highlightbox {
	border: 1px solid #008ea7;/*themecolour1;*/
	background-color: #edf5e4;/*themecolour1$ 88.8%, 93.7%;*/
	padding: 3px;


}
.hnavbg {
	background-color: #a5d0ce;/*themecolour6;*/
}
.topleft2 {
	background-color: #a5d0ce;/*themecolour6;*/
}
.topstrip {
	background-color: #008ea7;/*themecolour1;*/
}
#divWrapper
{
    position: relative;
    }
    
    
#divSolution1
{
    position: absolute;
    top:350px;
    left:425px;
    z-index:1
 
}

#divSolution2
{
    position: absolute;
    top:525px;
    left:525px;
    z-index:1
 
}

    
#divSolution3
{
    position: absolute;
    top:500px;
    left:325px;
    z-index:1
 
}

#divSolution4
{
    position: absolute;
    top:575px;
    left:525px;
    z-index:1
 
}

.balloonstyle{
position:absolute;
top: -500px;
left: -500;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 8px Arial;
line-height: 18px;
z-index: 100;
background-color: #e6eab3;
width: 550px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

.balloonstyle11{
position:absolute;
top: -500px;
left: -250;
padding: 2px;
visibility: hidden;
border:1px solid black;
font:normal 8px Arial;
line-height: 18px;
z-index: 100;
background-color: #e6eab3;
width: 50px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: -250;
visibility: hidden;
}