a {
font: 12px verdana, arial, sans-serif;
color: #333333;
text-decoration: none;
padding: 0;
}
a:visited {color: #333333;}
a:hover {color: #839c0a; text-decoration: underline;}

a img {
border: 0;
}

/* overview starts here */


#buzzfade {
float: right;
background: url(../regionalcharts/images/buzzardsbayfade.jpg) no-repeat; 
}

#harborislandsfade {
float: right;
background: url(../regionalcharts/images/harborislandsfade.jpg) no-repeat; 
}

#fade {
float: right;
background: url(../regionalcharts/images/regionalback2.jpg) no-repeat; 
}

#overviewchart {
width: 290px;
margin: 0;
padding: 0;
float: left;
color: #044085;
}

#islesofshoals {
margin: 0;
padding: 30px 10px 10px 10px;
width: 80px;
height: 140px;
border: 1px solid #044085;
position: absolute; top: 230px; right: 440px; z-index: 6;
text-align: center;
}

#capeann {
margin: 0;
padding: 30px 10px 10px 10px;
width: 80px;
height: 50px;
border: 1px solid #044085;
position: absolute; top: 390px; right: 470px; z-index: 8;
text-align: center;
}


#bostonharbor {
margin: 0;
padding: 20px 10px 0px 10px;
width: 70px;
height: 60px;
border: 1px solid #044085;
position: absolute; top: 470px; right: 505px; z-index: 10;
text-align: center;
}

#capecodbay {
margin: 0;
padding: 30px 10px 10px 10px;
width: 150px;
height: 110px;
border: 1px solid #044085;
position: absolute; top: 530px; right: 350px; z-index: 8;
text-align: center;
}

#buzzardsbay {
margin: 0;
padding: 30px 10px 10px 10px;
width: 110px;
height: 80px;
border: 1px solid #044085;
position: absolute; top: 670px; right: 470px; z-index: 6;
text-align: center;
}

#capeislands {
margin: 0;
padding: 30px 10px 10px 10px;
width: 130px;
height: 85px;
border: 1px solid #044085;
position: absolute; top: 695px; right: 330px; z-index: 4;
text-align: center;
}

#overviewchart a {
color: #044085;
text-decoration: none;
}

#overviewchart a:visited {
color: #044085;
text-decoration: none;
}
#overviewchart a:hover {
color: #044085;
text-decoration: none;
font-weight: bold;
}


#regionicons {
width: 290px;
margin: 0;
padding: 0px 0px 0px 0px;
float: right;
}

div.region {
margin: 0;
padding: 20px 0 0px 0;
width: 290px;
text-align: right;
float: right;
clear: right;
}

.region img {
width: 100px;
margin: 0;
padding: 0px 0px 0px 20px;
vertical-align: middle;
}

/*overview ends & regions begin*/

#regionalchart {
width: 380px;
margin: 0;
padding: 0;
float: left;
}

#harboricons {
width: 200px;
margin: 0;
padding: 20px 0px 0px 0px;
float: right;
}

div.harbor {
margin: 0;
padding: 0 0 10px 0;
width: 200px;
text-align: right;
float: right;
clear: right;
}

.harbor img {
width: 50px;
margin: 0;
padding: 0px 0px 0px 20px;
vertical-align: middle;
}

#regionalchart a:hover {
color: #839c0a;
text-decoration: none;
font-weight: bold;
}