A:link  {
	COLOR : #37869C;
	TEXT-DECORATION : none;
	font-weight : bold;
}

A:active  {
	COLOR : #37869C;
	TEXT-DECORATION : underline;
	font-weight : bold;
}

A:visited  {
	COLOR : #37869C;
	TEXT-DECORATION : none;
	font-weight : bold;
}

A:hover  {
	COLOR : #37869C;
	TEXT-DECORATION : underline;
	font-weight : bold;
}

.textMain  {
	FONT-SIZE : 11px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #000000;
	LINE-HEIGHT : 15px;
}
.textMainsm  {
	FONT-SIZE : 9px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #000000;
	LINE-HEIGHT : 15px;
}

.textMain1  {
	FONT-SIZE : 14px;
	FONT-FAMILY : Times New Roman;
	COLOR : #000000;
	LINE-HEIGHT : 2;
}

.textMainget  {
	FONT-SIZE : 10px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #006699;
	LINE-HEIGHT : 15px;
}

.textMainget  A:hover {
	FONT-SIZE : 10px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION : underline;
	COLOR : #006699;
	LINE-HEIGHT : 15px;
}

.textMainget  A:active {
	FONT-SIZE : 10px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #006699;
	LINE-HEIGHT : 15px;
}

.textMainget  A:visited {
	FONT-SIZE : 10px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #006699;
	LINE-HEIGHT : 15px;
}

.textMainget  A:link {
	FONT-SIZE : 10px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #006699;
	LINE-HEIGHT : 15px;
}

.textSubMenu  {
	FONT-SIZE : 9px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #FFFFFF;
}

.textPageTitle  {
	FONT-SIZE : 10px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #000000;
}

.textImageDescription  {
	FONT-SIZE : 9px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #000000;
}

.nav2  {
	FONT-SIZE : 10px;
	FONT-FAMILY : Verdana;
	COLOR : white;
}

.nav2 A:link  {
	COLOR : white;
	font-weight : bold;
}

.nav2 A:active  {
	TEXT-DECORATION : underline;
	font-weight : bold;
}

.nav2 A:hover  {
	TEXT-DECORATION : underline;
	font-weight : bold;
}

.nav2 A:visited  {
	COLOR : white;
	font-weight : bold;
}

.textsmall  {
	FONT-SIZE : 10px;
	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
	COLOR : #000000;
}

.textsmall A:link  {
	COLOR : black;
	TEXT-DECORATION : underline;
	font-weight : bold;
}

.textsmall A:active  {
	COLOR : black;
	TEXT-DECORATION : underline;
	font-weight : bold;
}

.textsmall A:visited  {
	COLOR : black;
	TEXT-DECORATION : underline;
	font-weight : bold;
}

.textsmall A:hover  {
	COLOR : white;
	TEXT-DECORATION : underline;
	font-weight : bold;
}

.highslide {
    cursor: url(js/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.storepage{
background-color:A8A8A8;
font: bold 15px Verdana, serif;
color: #660033;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 8px 0;
padding-left: 10px;
text-decoration: none;
}

.storepage a{
background-color:A8A8A8;
color: #660033;
text-decoration: none;
}

.storepage a:hover{
color: #660033;
text-decoration: underline;
}

.storepage a:visited{
color: #660033;
text-decoration: none;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 720px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenunews{
margin: 5px 0;
padding: 0;
width: 550px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenuheader{
background: url(http://www.coastalstudies.org/images/glossyback2.gif) repeat-x bottom left;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenuheader2{
background: url(http://www.coastalstudies.org/images/glossyback.gif) repeat-x bottom left;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem{
background: url(http://www.coastalstudies.org/images/glossyback.gif) repeat-x bottom left;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
background-image: url(http://www.coastalstudies.org/images/glossyback2.gif);
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(http://www.coastalstudies.org/images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 5;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 5px 0;
padding-left: 0px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}

.glossymenunews{
margin: 5px 0;
padding: 0;
width: 625px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenunews a.menuitem{
background: url(http://www.coastalstudies.org/images/glossyback.gif) repeat-x bottom left;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenunews a.menuitem:visited, .glossymenu .menuitem:active{
background-image: url(http://www.coastalstudies.org/images/glossyback2.gif);
color: white;
}

.glossymenunews a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenunews a.menuitem:hover{
background-image: url(http://www.coastalstudies.org/images/glossyback2.gif);
}

.glossymenunews div.submenu{ /*DIV that contains each sub menu*/

}

.glossymenunews div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 5;
}

.glossymenunews div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenunews div.submenu ul li a{
display: block;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 5px 0;
padding-left: 0px;
}

.glossymenunews div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}