Metacat

<%@ page language="java" contentType="text/html" %>

<%

// these hashes contain data to be used by sbc's metacat

// index page. Used ~2005-2007, instead of metacat queries.

// create arrayLists for each research area data packages

  ArrayList hydrology_list = new ArrayList();

  ArrayList streamchemistry_list = new ArrayList();

  ArrayList gis_list = new ArrayList();  

  ArrayList biogeochemistry_list = new ArrayList();  // not used

  ArrayList biogeochemistry_core_list = new ArrayList();

  ArrayList biogeochemistry_campaign_list = new ArrayList();

  ArrayList biomasspp_phyto_list = new ArrayList();

  ArrayList biomasspp_kelp_list = new ArrayList();

  ArrayList population_list = new ArrayList();

  ArrayList foodweb_list = new ArrayList();

  // DEFINE THE DATA PACKAGES:

  // a.2 hydrology

  Map dp1 = new HashMap();

  dp1.put("name","NCDC Climate Data");

  dp1.put("docid","knb-lter-sbc.1");

  hydrology_list.add(dp1);

  Map dp2 = new HashMap();

  dp2.put("name","High-frequency precipitation in key SBC Watersheds");

  dp2.put("docid","knb-lter-sbc.2");

  hydrology_list.add(dp2);

  Map dp3 = new HashMap();

  dp3.put("name","Daily precipitation from Santa Barbara County Flood Control (Public Works Department)");

  dp3.put("docid","knb-lter-sbc.3");

  hydrology_list.add(dp3);

  //Map dp4 = new HashMap();

  //dp4.put("name","SBCLTER Stream discharge in key Watersheds");

  //dp4.put("docid","knb-lter-sbc.4");

  //hydrology_list.add(dp4);

  Map dp5 = new HashMap();

  dp5.put("name","USGS Stream Discharge (links to source)");

  dp5.put("docid","knb-lter-sbc.5");

  hydrology_list.add(dp5);

  // a.1 stream chemistry 

  Map dp6 = new HashMap();

  dp6.put("name","Stream Chemistry in the Santa Barbara Coastal Drainage Area");

  dp6.put("docid","knb-lter-sbc.6");

  dp6.put("pi", "Melack");   streamchemistry_list.add(dp6);

  //a.3 watershed characteristics

  Map dp7 = new HashMap();

  dp7.put("name","Watershed Characteristics: GIS Layers");

  dp7.put("docid","knb-lter-sbc.7");

  gis_list.add(dp7);

   // a.4 biogeochemistry

   Map dp2001 = new HashMap();

   dp2001.put("name","Moored CTD and ADCP: Arroyo Quemado, 2001-2004 (AQM)");

   dp2001.put("docid","knb-lter-sbc.2001");

   dp2001.put("pi", "Washburn, Siegel, Brzezinksi");

   dp2001.put("queryapp_controller","moorings_all");

   biogeochemistry_core_list.add(dp2001);

   Map dp2005 = new HashMap();

   dp2005.put("name","Moored CTD and ADCP: Arroyo Quemado, 2004-ongoing (ARQ)");

   dp2005.put("docid","knb-lter-sbc.2005");

   dp2005.put("pi", "Washburn, Siegel, Brzezinksi");

   dp2005.put("queryapp_controller","moorings_all");

   biogeochemistry_core_list.add(dp2005);

   Map dp2002 = new HashMap();

   dp2002.put("name","Moored CTD and ADCP: Naples, 2001-ongoing");

   dp2002.put("docid","knb-lter-sbc.2002");

   dp2002.put("pi", "Washburn, Siegel, Brzezinksi");

   dp2002.put("queryapp_controller","moorings_all");

  biogeochemistry_core_list.add(dp2002);

   Map dp2003 = new HashMap();

  dp2003.put("name","Moored CTD and ADCP: Arroyo Burro, intermittent since 2004");

  dp2003.put("docid","knb-lter-sbc.2003");

  dp2003.put("pi", "Washburn, Siegel, Brzezinksi");

   dp2003.put("queryapp_controller","moorings_all");

   biogeochemistry_campaign_list.add(dp2003);

  Map dp2004 = new HashMap();

  dp2004.put("name","Moored CTD and ADCP: Carpinteria, 2001-ongoing");

  dp2004.put("docid","knb-lter-sbc.2004");

  dp2004.put("pi", "Washburn, Siegel, Brzezinksi");

  dp2004.put("queryapp_controller","moorings_all");

  biogeochemistry_core_list.add(dp2004);

  Map dp9 = new HashMap();

  dp9.put("name","Ocean: Links to Catalogs of Local Area Imagery");

  dp9.put("docid","knb-lter-sbc.9");

  biogeochemistry_core_list.add(dp9);

  Map dp10 = new HashMap();

  dp10.put("name","Ocean: Nearshore Water Profiles: CTD (1m bins, all stations)");

  dp10.put("docid","knb-lter-sbc.10");

  dp10.put("queryapp_controller","nearshore_ctd_profiles");

  biogeochemistry_core_list.add(dp10);

  // this one is temporary, so that the query interface for both tables can show

   Map dp10a = new HashMap();

   dp10a.put("name","Ocean: Nearshore Water Profiles: Rosette bottle samples (+ CTD, all stations)");

   dp10a.put("docid","knb-lter-sbc.10");

   dp10a.put("queryapp_controller","nearshore_rosette_profiles");

   biogeochemistry_core_list.add(dp10a);

  Map dp13 = new HashMap();

  dp13.put("name","Reef: Bottom Temperature (all stations)");

  dp13.put("docid","knb-lter-sbc.13");

  dp13.put("queryapp_controller","bottom_temperature");

  biogeochemistry_core_list.add(dp13);

// b.2 primary producton - phytoplankton

  Map dp1006 = new HashMap();

  dp1006.put("name","Ocean: Cruise in the SB Channel LTER06");

  dp1006.put("docid","knb-lter-sbc.1006");

  dp1006.put("pi", "Carlson, Washburn, Siegel, Brzezinksi");

  biomasspp_phyto_list.add(dp1006);

// b.1 primary producton - kelp

  Map dp21 = new HashMap();

  dp21.put("name","Reef: Kelp Net Primary Production");

  dp21.put("docid","knb-lter-sbc.21");

  dp21.put("pi", "Reed");

  biomasspp_kelp_list.add(dp21);

//c.1 population dynamics

  Map dp15 = new HashMap();

  dp15.put("name","Cover of sessile organisms, UPC, Annual Summer survey");

  dp15.put("docid","knb-lter-sbc.15");

  dp15.put("pi", "Reed");

  population_list.add(dp15);

  Map dp17 = new HashMap();

  dp17.put("name","Fish Abundance, year-round survey");

  dp17.put("docid","knb-lter-sbc.17");

  dp17.put("pi", "Reed");

  population_list.add(dp17); 

  Map dp18 = new HashMap();

  dp18.put("name","Abundance and Size of Giant Kelp (Macrocystis pyrifera), Annual Summer survey");

  dp18.put("docid","knb-lter-sbc.18");

  dp18.put("pi", "Reed");

  population_list.add(dp18); 

  Map dp19 = new HashMap();

  dp19.put("name","Invertebrate and algal density, Annual Summer survey");

  dp19.put("docid","knb-lter-sbc.19");

  dp19.put("pi", "Reed");

  population_list.add(dp19);

//c.2 population dynamics

    Map dp14 = new HashMap();

  dp14.put("name","Reef: Historical Kelp Database of giant kelp (Macrocystis pyrifera) biomass in California and Mexico");

  dp14.put("docid","knb-lter-sbc.14");

  dp14.put("pi", "Reed");

  biomasspp_kelp_list.add(dp14);

//c.2 foodwebs

  Map dp12 = new HashMap();

  dp12.put("name","Foodweb studies with stable isotopes");

  dp12.put("docid","knb-lter-sbc.12");

  dp12.put("pi", "Reed");

  foodweb_list.add(dp12);

pageContext.setAttribute("hydrology_dps", hydrology_list);

pageContext.setAttribute("streamchemistry_dps", streamchemistry_list);

pageContext.setAttribute("gis_dps", gis_list);

pageContext.setAttribute("biogeochemistry_dps", biogeochemistry_list);

pageContext.setAttribute("biogeochemistry_core_dps", biogeochemistry_core_list);

pageContext.setAttribute("biogeochemistry_campaign_dps", biogeochemistry_campaign_list);

pageContext.setAttribute("biomasspp_phyto_dps", biomasspp_phyto_list);

pageContext.setAttribute("biomasspp_kelp_dps", biomasspp_kelp_list);

pageContext.setAttribute("population_dps", population_list);

pageContext.setAttribute("foodweb_dps", foodweb_list);

%>

<%

  // Create an ArrayList with play data

//  ArrayList dp_list = new ArrayList();

  // Map dp1 = new HashMap();

  // dp1.put("name","NCDC Climate Data");

  // dp1.put("docid","knb-lter-sbc.1");

//    ArrayList hab_list = new ArrayList();

//    Map habs = new HashMap();

//    habs.put("","Watershed");

//    habs.put("","Beach"); //    hab_list.add(habs);

//    dp1.put("habitats",hab_list);

// dp_list.add(dp1);

//

//  Map dp12 = new HashMap();

//  dp12.put("name","Kelp NPP");

//  dp12.put("docid","knb-lter-sbc.12");

//  dp_list.add(dp12);

//

//  Map dp1006 = new HashMap();

//  dp1006.put("name","Cruise in the SB Channel LTER06"); //  dp1006.put("docid","knb-lter-sbc.1006");

//  dp_list.add(dp1006);

//

//  pageContext.setAttribute("dataPackages", dp_list);

%>

/* This notice must be untouched at all times.

wz_tooltip.js    v. 3.38

The latest version is available at

http://www.walterzorn.com

or http://www.devira.com

or http://www.walterzorn.de

Copyright (c) 2002-2005 Walter Zorn. All rights reserved.

Created 1. 12. 2002 by Walter Zorn (Web: http://www.walterzorn.com )

Last modified: 9. 12. 2005

Cross-browser tooltips working even in Opera 5 and 6,

as well as in NN 4, Gecko-Browsers, IE4+, Opera 7+ and Konqueror.

No onmouseouts required.

Appearance of tooltips can be individually configured

via commands within the onmouseovers.

LICENSE: LGPL

This library is free software; you can redistribute it and/or

modify it under the terms of the GNU Lesser General Public

License (LGPL) as published by the Free Software Foundation; either

version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,

but WITHOUT ANY WARRANTY; without even the implied warranty of

MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

For more details on the GNU Lesser General Public License,

see http://www.gnu.org/copyleft/lesser.html

*/

////////////////  GLOBAL TOOPTIP CONFIGURATION  /////////////////////

var ttAbove       = false;        // tooltip above mousepointer? Alternative: true

var ttBgColor     = "#e6ecff";

var ttBgImg       = "";           // path to background image;

var ttBorderColor = "#003399";

var ttBorderWidth = 1;

var ttDelay       = 500;          // time span until tooltip shows up [milliseconds]

var ttFontColor   = "#000066";

var ttFontFace    = "arial,helvetica,sans-serif";

var ttFontSize    = "11px";

var ttFontWeight  = "normal";     // alternative: "bold";

var ttLeft        = false;        // tooltip on the left of the mouse? Alternative: true

var ttOffsetX     = 12;           // horizontal offset of left-top corner from mousepointer

var ttOffsetY     = 15;           // vertical offset                   "

var ttOpacity     = 100;          // opacity of tooltip in percent (must be integer between 0 and 100)

var ttPadding     = 3;            // spacing between border and content

var ttShadowColor = "";

var ttShadowWidth = 0;

var ttStatic      = false;        // tooltip NOT move with the mouse? Alternative: true

var ttSticky      = false;        // do NOT hide tooltip on mouseout? Alternative: true

var ttTemp        = 0;            // time span after which the tooltip disappears; 0 (zero) means "infinite timespan"

var ttTextAlign   = "left";

var ttTitleColor  = "#ffffff";    // color of caption text

var ttWidth       = 300;

////////////////////  END OF TOOLTIP CONFIG  ////////////////////////

//////////////  TAGS WITH TOOLTIP FUNCTIONALITY  ////////////////////

// List may be extended or shortened:

var tt_tags = new Array("a","area","b","big","caption","center","code","dd","div","dl","dt","em","h1","h2","h3","h4","h5","h6","i","img","input","li","map","ol","p","pre","s", "select", "small","span","strike","strong","sub","sup","table","td","th","tr","tt","u","var","ul","layer");

/////////////////////////////////////////////////////////////////////

///////// DON'T CHANGE ANYTHING BELOW THIS LINE /////////////////////

var tt_obj = null,         // current tooltip

tt_ifrm = null,            // iframe to cover windowed controls in IE

tt_objW = 0, tt_objH = 0,  // width and height of tt_obj

tt_objX = 0, tt_objY = 0,

tt_offX = 0, tt_offY = 0,

xlim = 0, ylim = 0,        // right and bottom borders of visible client area

tt_sup = false,            // true if T_ABOVE cmd

tt_sticky = false,         // tt_obj sticky?

tt_wait = false,

tt_act = false,            // tooltip visibility flag

tt_sub = false,            // true while tooltip below mousepointer

tt_u = "undefined",

tt_mf = null,              // stores previous mousemove evthandler

// Opera: disable href when hovering <a>

tt_tag = null;             // stores hovered dom node, href and previous statusbar txt

var tt_db = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body? document.body : null,

tt_n = navigator.userAgent.toLowerCase(),

tt_nv = navigator.appVersion;

// Browser flags

var tt_op = !!(window.opera && document.getElementById),

tt_op6 = tt_op && !document.defaultView,

tt_op7 = tt_op && !tt_op6,

tt_ie = tt_n.indexOf("msie") != -1 && document.all && tt_db && !tt_op,

tt_ie6 = tt_ie && parseFloat(tt_nv.substring(tt_nv.indexOf("MSIE")+5)) >= 5.5,

tt_n4 = (document.layers && typeof document.classes != tt_u),

tt_n6 = (!tt_op && document.defaultView && typeof document.defaultView.getComputedStyle != tt_u),

tt_w3c = !tt_ie && !tt_n6 && !tt_op && document.getElementById;

function tt_Int(t_x)

{

	var t_y;

	return isNaN(t_y = parseInt(t_x))? 0 : t_y;

}

function wzReplace(t_x, t_y)

{

	var t_ret = "",

	t_str = this,

	t_xI;

	while((t_xI = t_str.indexOf(t_x)) != -1)

	{

		t_ret += t_str.substring(0, t_xI) + t_y;

		t_str = t_str.substring(t_xI + t_x.length);

	}

	return t_ret+t_str;

}

String.prototype.wzReplace = wzReplace;

function tt_N4Tags(tagtyp, t_d, t_y)

{

	t_d = t_d || document;

	t_y = t_y || new Array();

	var t_x = (tagtyp=="a")? t_d.links : t_d.layers;

	for(var z = t_x.length; z--;) t_y[t_y.length] = t_x[z];

	for(z = t_d.layers.length; z--;) t_y = tt_N4Tags(tagtyp, t_d.layers[z].document, t_y);

	return t_y;

}

function tt_Htm(tt, t_id, txt)

{

	var t_bgc = (typeof tt.T_BGCOLOR != tt_u)? tt.T_BGCOLOR : ttBgColor,

	t_bgimg   = (typeof tt.T_BGIMG != tt_u)? tt.T_BGIMG : ttBgImg,

	t_bc      = (typeof tt.T_BORDERCOLOR != tt_u)? tt.T_BORDERCOLOR : ttBorderColor,

	t_bw      = (typeof tt.T_BORDERWIDTH != tt_u)? tt.T_BORDERWIDTH : ttBorderWidth,

	t_ff      = (typeof tt.T_FONTFACE != tt_u)? tt.T_FONTFACE : ttFontFace,

	t_fc      = (typeof tt.T_FONTCOLOR != tt_u)? tt.T_FONTCOLOR : ttFontColor,

	t_fsz     = (typeof tt.T_FONTSIZE != tt_u)? tt.T_FONTSIZE : ttFontSize,

	t_fwght   = (typeof tt.T_FONTWEIGHT != tt_u)? tt.T_FONTWEIGHT : ttFontWeight,

	t_opa     = (typeof tt.T_OPACITY != tt_u)? tt.T_OPACITY : ttOpacity,

	t_padd    = (typeof tt.T_PADDING != tt_u)? tt.T_PADDING : ttPadding,

	t_shc     = (typeof tt.T_SHADOWCOLOR != tt_u)? tt.T_SHADOWCOLOR : (ttShadowColor || 0),

	t_shw     = (typeof tt.T_SHADOWWIDTH != tt_u)? tt.T_SHADOWWIDTH : (ttShadowWidth || 0),

	t_algn    = (typeof tt.T_TEXTALIGN != tt_u)? tt.T_TEXTALIGN : ttTextAlign,

	t_tit     = (typeof tt.T_TITLE != tt_u)? tt.T_TITLE : "",

	t_titc    = (typeof tt.T_TITLECOLOR != tt_u)? tt.T_TITLECOLOR : ttTitleColor,

	t_w       = (typeof tt.T_WIDTH != tt_u)? tt.T_WIDTH  : ttWidth;

	if(t_shc || t_shw)

	{

		t_shc = t_shc || "#cccccc";

		t_shw = t_shw || 5;

	}

	if(tt_n4 && (t_fsz == "10px" || t_fsz == "11px")) t_fsz = "12px";

	var t_optx = (tt_n4? '' : tt_n6? ('-moz-opacity:'+(t_opa/100.0)) : tt_ie? ('filter:Alpha(opacity='+t_opa+')') : ('opacity:'+(t_opa/100.0))) + ';';

	var t_y = '<div id="'+t_id+'" style="position:absolute;z-index:1010;';

	t_y += 'left:0px;top:0px;width:'+(t_w+t_shw)+'px;visibility:'+(tt_n4? 'hide' : 'hidden')+';'+t_optx+'">' +

		'<table border="0" cellpadding="0" cellspacing="0"'+(t_bc? (' bgcolor="'+t_bc+'" style="background:'+t_bc+';"') : '')+' width="'+t_w+'">';

	if(t_tit)

	{

		t_y += '<tr><td style="padding-left:3px;padding-right:3px;" align="'+t_algn+'"><font color="'+t_titc+'" face="'+t_ff+'" ' +

			'style="color:'+t_titc+';font-family:'+t_ff+';font-size:'+t_fsz+';"><b>' +

			(tt_n4? '&nbsp;' : '')+t_tit+'</b></font></td></tr>';

	}

	t_y += '<tr><td><table border="0" cellpadding="'+t_padd+'" cellspacing="'+t_bw+'" width="100%">' +

		'<tr><td'+(t_bgc? (' bgcolor="'+t_bgc+'"') : '')+(t_bgimg? ' background="'+t_bgimg+'"' : '')+' style="text-align:'+t_algn+';';

	if(tt_n6) t_y += 'padding:'+t_padd+'px;';

	t_y += '" align="'+t_algn+'"><font color="'+t_fc+'" face="'+t_ff+'"' +

		' style="color:'+t_fc+';font-family:'+t_ff+';font-size:'+t_fsz+';font-weight:'+t_fwght+';">';

	if(t_fwght == 'bold') t_y += '<b>';

	t_y += txt;

	if(t_fwght == 'bold') t_y += '</b>';

	t_y += '</font></td></tr></table></td></tr></table>';

	if(t_shw)

	{

		var t_spct = Math.round(t_shw*1.3);

		if(tt_n4)

		{

			t_y += '<layer bgcolor="'+t_shc+'" left="'+t_w+'" top="'+t_spct+'" width="'+t_shw+'" height="0"></layer>' +

				'<layer bgcolor="'+t_shc+'" left="'+t_spct+'" align="bottom" width="'+(t_w-t_spct)+'" height="'+t_shw+'"></layer>';

		}

		else

		{

			t_optx = tt_n6? '-moz-opacity:0.85;' : tt_ie? 'filter:Alpha(opacity=85);' : 'opacity:0.85;';

			t_y += '<div id="'+t_id+'R" style="position:absolute;background:'+t_shc+';left:'+t_w+'px;top:'+t_spct+'px;width:'+t_shw+'px;height:1px;overflow:hidden;'+t_optx+'"></div>' +

				'<div style="position:relative;background:'+t_shc+';left:'+t_spct+'px;top:0px;width:'+(t_w-t_spct)+'px;height:'+t_shw+'px;overflow:hidden;'+t_optx+'"></div>';

		}

	}

	return(t_y+'</div>' +

		(tt_ie6 ? '<iframe id="TTiEiFrM" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>' : ''));

}

function tt_EvX(t_e)

{

	var t_y = tt_Int(t_e.pageX || t_e.clientX || 0) +

		tt_Int(tt_ie? tt_db.scrollLeft : 0) +

		tt_offX;

	if(t_y > xlim) t_y = xlim;

	var t_scr = tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0);

	if(t_y < t_scr) t_y = t_scr;

	return t_y;

}

function tt_EvY(t_e)

{

	var t_y = tt_Int(t_e.pageY || t_e.clientY || 0) +

		tt_Int(tt_ie? tt_db.scrollTop : 0);

	if(tt_sup) t_y -= (tt_objH + tt_offY - 15);

	else if(t_y > ylim || !tt_sub && t_y > ylim-24)

	{

		t_y -= (tt_objH + 5);

		tt_sub = false;

	}

	else

	{

		t_y += tt_offY;

		tt_sub = true;

	}

	return t_y;

}

function tt_ReleasMov()

{

	if(document.onmousemove == tt_Move)

	{

		if(!tt_mf && document.releaseEvents) document.releaseEvents(Event.MOUSEMOVE);

		document.onmousemove = tt_mf;

	}

}

function tt_ShowIfrm(t_x)

{

	if(!tt_obj || !tt_ifrm) return;

	if(t_x)

	{

		tt_ifrm.style.width = tt_objW+'px';

		tt_ifrm.style.height = tt_objH+'px';

		tt_ifrm.style.display = "block";

	}

	else tt_ifrm.style.display = "none";

}

function tt_GetDiv(t_id)

{

	return(

		tt_n4? (document.layers[t_id] || null)

		: tt_ie? (document.all[t_id] || null)

		: (document.getElementById(t_id) || null)

	);

}

function tt_GetDivW()

{

	return tt_Int(

		tt_n4? tt_obj.clip.width

		: (tt_obj.style.pixelWidth || tt_obj.offsetWidth)

	);

}

function tt_GetDivH()

{

	return tt_Int(

		tt_n4? tt_obj.clip.height

		: (tt_obj.style.pixelHeight || tt_obj.offsetHeight)

	);

}

// Compat with DragDrop Lib: Ensure that z-index of tooltip is lifted beyond toplevel dragdrop element

function tt_SetDivZ()

{

	var t_i = tt_obj.style || tt_obj;

	if(t_i)

	{

		if(window.dd && dd.z)

			t_i.zIndex = Math.max(dd.z+1, t_i.zIndex);

		if(tt_ifrm) tt_ifrm.style.zIndex = t_i.zIndex-1;

	}

}

function tt_SetDivPos(t_x, t_y)

{

	var t_i = tt_obj.style || tt_obj;

	var t_px = (tt_op6 || tt_n4)? '' : 'px';

	t_i.left = (tt_objX = t_x) + t_px;

	t_i.top = (tt_objY = t_y) + t_px;

	if(tt_ifrm)

	{

		tt_ifrm.style.left = t_i.left;

		tt_ifrm.style.top = t_i.top;

	}

}

function tt_ShowDiv(t_x)

{

	tt_ShowIfrm(t_x);

	if(tt_n4) tt_obj.visibility = t_x? 'show' : 'hide';

	else tt_obj.style.visibility = t_x? 'visible' : 'hidden';

	tt_act = t_x;

}

function tt_OpDeHref(t_e)

{

	var t_tag;

	if(t_e)

	{

		t_tag = t_e.target;

		while(t_tag)

		{

			if(t_tag.hasAttribute("href"))

			{

				tt_tag = t_tag

				tt_tag.t_href = tt_tag.getAttribute("href");

				tt_tag.removeAttribute("href");

				tt_tag.style.cursor = "hand";

				tt_tag.onmousedown = tt_OpReHref;

				tt_tag.stats = window.status;

				window.status = tt_tag.t_href;

				break;

			}

			t_tag = t_tag.parentElement;

		}

	}

}

function tt_OpReHref()

{

	if(tt_tag)

	{

		tt_tag.setAttribute("href", tt_tag.t_href);

		window.status = tt_tag.stats;

		tt_tag = null;

	}

}

function tt_Show(t_e, t_id, t_sup, t_delay, t_fix, t_left, t_offx, t_offy, t_static, t_sticky, t_temp)

{

	if(tt_obj) tt_Hide();

	tt_mf = document.onmousemove || null;

	if(window.dd && (window.DRAG && tt_mf == DRAG || window.RESIZE && tt_mf == RESIZE)) return;

	var t_sh, t_h;

	tt_obj = tt_GetDiv(t_id);

	if(tt_obj)

	{

		t_e = t_e || window.event;

		tt_sub = !(tt_sup = t_sup);

		tt_sticky = t_sticky;

		tt_objW = tt_GetDivW();

		tt_objH = tt_GetDivH();

		tt_offX = t_left? -(tt_objW+t_offx) : t_offx;

		tt_offY = t_offy;

		if(tt_op7) tt_OpDeHref(t_e);

		if(tt_n4)

		{

			if(tt_obj.document.layers.length)

			{

				t_sh = tt_obj.document.layers[0];

				t_sh.clip.height = tt_objH - Math.round(t_sh.clip.width*1.3);

			}

		}

		else

		{

			t_sh = tt_GetDiv(t_id+'R');

			if(t_sh)

			{

				t_h = tt_objH - tt_Int(t_sh.style.pixelTop || t_sh.style.top || 0);

				if(typeof t_sh.style.pixelHeight != tt_u) t_sh.style.pixelHeight = t_h;

				else t_sh.style.height = t_h+'px';

			}

		}

		xlim = tt_Int((tt_db && tt_db.clientWidth)? tt_db.clientWidth : window.innerWidth) +

			tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0) -

			tt_objW -

			(tt_n4? 21 : 0);

		ylim = tt_Int(window.innerHeight || tt_db.clientHeight) +

			tt_Int(window.pageYOffset || (tt_db? tt_db.scrollTop : 0) || 0) -

			tt_objH - tt_offY;

		tt_SetDivZ();

		if(t_fix) tt_SetDivPos(tt_Int((t_fix = t_fix.split(','))[0]), tt_Int(t_fix[1]));

		else tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e));

		var t_txt = 'tt_ShowDiv(\'true\');';

		if(t_sticky) t_txt += '{'+

				'tt_ReleasMov();'+

				'window.tt_upFunc = document.onmouseup || null;'+

				'if(document.captureEvents) document.captureEvents(Event.MOUSEUP);'+

				'document.onmouseup = new Function("window.setTimeout(\'tt_Hide();\', 10);");'+

			'}';

		else if(t_static) t_txt += 'tt_ReleasMov();';

		if(t_temp > 0) t_txt += 'window.tt_rtm = window.setTimeout(\'tt_sticky = false; tt_Hide();\','+t_temp+');';

		window.tt_rdl = window.setTimeout(t_txt, t_delay);

		if(!t_fix)

		{

			if(document.captureEvents) document.captureEvents(Event.MOUSEMOVE);

			document.onmousemove = tt_Move;

		}

	}

}

var tt_area = false;

function tt_Move(t_ev)

{

	if(!tt_obj) return;

	if(tt_n6 || tt_w3c)

	{

		if(tt_wait) return;

		tt_wait = true;

		setTimeout('tt_wait = false;', 5);

	}

	var t_e = t_ev || window.event;

	tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e));

	if(tt_op6)

	{

		if(tt_area && t_e.target.tagName != 'AREA') tt_Hide();

		else if(t_e.target.tagName == 'AREA') tt_area = true;

	}

}

function tt_Hide()

{

	if(window.tt_obj)

	{

		if(window.tt_rdl) window.clearTimeout(tt_rdl);

		if(!tt_sticky || !tt_act)

		{

			if(window.tt_rtm) window.clearTimeout(tt_rtm);

			tt_ShowDiv(false);

			tt_SetDivPos(-tt_objW, -tt_objH);

			tt_obj = null;

			if(typeof window.tt_upFunc != tt_u) document.onmouseup = window.tt_upFunc;

		}

		tt_sticky = false;

		if(tt_op6 && tt_area) tt_area = false;

		tt_ReleasMov();

		if(tt_op7) tt_OpReHref();

	}

}

function tt_Init()

{

	if(!(tt_op || tt_n4 || tt_n6 || tt_ie || tt_w3c)) return;

	var htm = tt_n4? '<div style="position:absolute;"></div>' : '',

	tags,

	t_tj,

	over,

	esc = 'return escape(';

	var i = tt_tags.length; while(i--)

	{

		tags = tt_ie? (document.all.tags(tt_tags[i]) || 1)

			: document.getElementsByTagName? (document.getElementsByTagName(tt_tags[i]) || 1)

			: (!tt_n4 && tt_tags[i]=="a")? document.links

			: 1;

		if(tt_n4 && (tt_tags[i] == "a" || tt_tags[i] == "layer")) tags = tt_N4Tags(tt_tags[i]);

		var j = tags.length; while(j--)

		{

			if(typeof (t_tj = tags[j]).onmouseover == "function" && t_tj.onmouseover.toString().indexOf(esc) != -1 && !tt_n6 || tt_n6 && (over = t_tj.getAttribute("onmouseover")) && over.indexOf(esc) != -1)

			{

				if(over) t_tj.onmouseover = new Function(over);

				var txt = unescape(t_tj.onmouseover());

				htm += tt_Htm(

					t_tj,

					"tOoLtIp"+i+""+j,

					txt.wzReplace("& ","&")

				);

				t_tj.onmouseover = new Function('e',

					'tt_Show(e,'+

					'"tOoLtIp' +i+''+j+ '",'+

					((typeof t_tj.T_ABOVE != tt_u)? t_tj.T_ABOVE : ttAbove)+','+

					((typeof t_tj.T_DELAY != tt_u)? t_tj.T_DELAY : ttDelay)+','+

					((typeof t_tj.T_FIX != tt_u)? '"'+t_tj.T_FIX+'"' : '""')+','+

					((typeof t_tj.T_LEFT != tt_u)? t_tj.T_LEFT : ttLeft)+','+

					((typeof t_tj.T_OFFSETX != tt_u)? t_tj.T_OFFSETX : ttOffsetX)+','+

					((typeof t_tj.T_OFFSETY != tt_u)? t_tj.T_OFFSETY : ttOffsetY)+','+

					((typeof t_tj.T_STATIC != tt_u)? t_tj.T_STATIC : ttStatic)+','+

					((typeof t_tj.T_STICKY != tt_u)? t_tj.T_STICKY : ttSticky)+','+

					((typeof t_tj.T_TEMP != tt_u)? t_tj.T_TEMP : ttTemp)+

					');'

				);

				t_tj.onmouseout = tt_Hide;

				if(t_tj.alt) t_tj.alt = "";

				if(t_tj.title) t_tj.title = "";

			}

		}

	}

	document.write(htm);

	if(document.getElementById) tt_ifrm = document.getElementById("TTiEiFrM");

}

tt_Init();

    <!--begin the page header area-->

    <!--

      these div's must have closing elements for the css to work. Don't

      reduce them to <div id="blah" /> 

    -->

	<!-- begin supra-header area. the blue band above all -->

  <!-- <div id="supra-header">

		<a href="http://lternet.edu">US LTER Network (http://lternet.edu)</a>  

  </div> -->

    <div id="header">

      <!--begin the left logo area-->

      <div id="left_logo"></div>

      <!--end the left logo area-->

      <!--begin the banner area-->

      <div id="banner">

        <div class="header-title">

          Santa Barbara Coastal

        </div>

        <div class="header-subtitle">

          Long-Term Ecological Research

        </div>

      </div>

      <!--end the banner area-->

      <!--begin the right logo area-->

      <div id="right_logo"></div>

      <!--end the right logo area-->

      <!-- this should be in header -->

      <div class="header-menu">

	<script language="JavaScript" type="text/javascript" SRC="http://sbc.lternet.edu/navigation.js">

         </script>

<!--

        <a class="menu" href="http://sbc.lternet.edu/index.html">Home</a> |

        <a class="menu" href="http://sbc.lternet.edu/sites/index.html">Site</a> |

        <a class="menu" href="http://sbc.lternet.edu/people/index.html">People</a> |

        <a class="menu" href="http://sbc.lternet.edu/research/index.html">Research</a> |

3C

        <a class="menu" href="http://sbc.lternet.edu/data/index.html">Data</a> |

        <a class="menu" href="http://sbc.lternet.edu/education/index.html">Education</a> |

        <a class="menu" href="http://sbc.lternet.edu/affiliates/index.html">Affiliates</a>

-->

      </div>   

    </div>

    <!--end the header area-->

/*   '$RCSfile: pisco.css,v $'                                              */

/*     Purpose: Default style sheet for PISCO project web pages             */

/*              Using this stylesheet rather than placing styles directly   */

/*              into PISCO web documents allows us to globally change the   */

/*              formatting styles of the entire site in one easy place.     */

/*              Versioning information for this document can be found at    */

/*              cvs.piscoweb.org.                                           */

/*   Copyright: 2000 Regents of the University of California and the        */

/*              Partnership for Interdisciplinary Studies of Coastal Oceans */

/*     Authors: Chris Jones, James Woods                                    */

/*                                                                          */

/*    '$Author: cjones $'                                                   */

/*      '$Date: 2004/10/05 23:50:43 $'                                      */

/*  '$Revision: 1.1 $'                                                      */

/*                                                                          */

/* Color Scheme:

 *    dark blue:                  #003366

 *    aqua blue:                  #0066CC

 *    aqua green:                 #006666

 *    white:                      #FFFFFF

 *    dark tan(kelp color):       #666600

 *    light tan:                  #CCCC99

 */

/*

*  import eml css:

*/

body {

    width:                   100%;

    min-width:			800px;

    /* width:expression(document.body.clientWidth < 800? "800px": "auto");  */ /* hack for ie min width */

    margin:                     0px 10px 10px 10px;

    background-color:           #ffffff;

    padding:                    0px;

    border:                     0px;

/*  background-image:           url('@systemidserver@@style-skins-path@/@default-style@/images/bg.gif');

/*  background-position:        top left;     /* No NN4 */

/*  background-repeat:          repeat-y;     /* No NN4 */

    font-style:                 normal;

    font-weight:                normal;

    font-size:                  100%;

    font-family:                Verdana, Arial, Helvetica, sans-serif;

    text-decoration:            none;

  }

body>div img {

    padding:                    0px 0px 0px 0px;

    }

#header {

  width:                        100%;

  min-width:			800px; 

  width:expression(document.documentElement.clientWidth < 800? "800px": "auto");   /* hack for ie min width */

   /* position:                   absolute;  

    top:                        0px;

    left:                       10px; 

    right:                      10px; */

/*  margin:                     0px 10px 0px 10px; /* T R B L */

    padding:                    0px;

    border:                     0px;

    background-color:           #ffffff;

/*  background-image:           url('@systemidserver@@style-skins-path@/@default-style@/images/data_catalog_header_bg.jpg'); */

    height:                     60px; /* begin hack for ie5win */

    width:                      100%;

    voice-family:               "\"}\"";

    voice-family:               inherit;

    height:                     60px;

    }

html>body #header {

    height:                     60px; 

    width:                      auto;

    min-width:                  800px; /* end hack for ie5win */

    }

/* div "content" should be sibling to div "header" */ 

/* top margin required to clear sibling (logo is 100px tall)*/

#content {

    margin:                     105px 0px 0px 0px ; 

    background-color:           #ffffff;

    border:                     0px;

    /* margin:                     0px 0px 0px 0px;

 */

    }

/* these elements positioned to be in header below */

#left_logo {

    position:                   absolute;

    top:                        5px;

    z-index:                    2;  /* stack on top of header menu */

    left:                       10px; /* we want the logo on the left */

    margin:                     0px 0px 0px 0px; /* T R B L */

    padding:                    0px;

    border:                     0px;

    background-image:           url('@systemidserver@@style-skins-path@/@default-style@/images/sbclter-logo.gif');

    background-position:        top left;     /* No NN4 */

    background-repeat:          no-repeat;         /* No NN4 */

    width:                      99px; /* begin hack for 1e5win */

    height:                     100px; 

    voice-family:               "\"}\"";

    voice-family:               inherit;

    width:                      99px;

    height:                     100px;

    }

html>body #left_logo {

    width:                      99px;

    height:                     100px; /* end hack for ie5win */

    }

#right_logo {

    position:                   absolute;

    top:                        0px;

    right:                      10px; /* we want the logo near the right */

    margin:                     0px 0px 0px 0px; /* T R B L */

    padding:                    0px;

    border:                     0px;

    background-image:           url('@systemidserver@@style-skins-path@/@default-style@/images/sbclter-coastal-header.jpg');

    background-position:        top right;     /* No NN4 */

    background-repeat:          no-repeat;         /* No NN4 */

    height:                     60px; /* begin hack for 1e5win */

    width:                      223px;

    voice-family:               "\"}\"";

    voice-family:               inherit;

    height:                     60px;

    width:                      223px;

    }

html>body #right_logo {

    width:                      223px;

    height:                     60px; /* end hack for ie5win */

    }

/* banner holds the title and subtitle */

#banner {

    margin:                     0px 0px 0px 110px; /* T R B L */

    padding:                    0px;

    border:                     0px;

    background-color:           #ffffff;

/*  background-image:           url('@systemidserver@@style-skins-path@/@default-style@/images/data_catalog_header_search.jpg') */

    background-position:        top left;     /* No NN4 */

    background-repeat:          no-repeat;         /* No NN4 */

/*  height:                     60px; /* begin hack for ie5win */

    voice-family:               "\"}\"";

    voice-family:               inherit;

/*  height:                     60px;

 */

    }

html>body #banner {

/*  height:                     60px; /* end hack for ie5win */

    }

/* Header Sub-Title Classes

 * title and subtitle in the left portion of the banner */

div.header-title {

    position:           absolute;

    top:                5px;

    left:               110px;

    color:              #003366;

/*  padding:            1px 4px 1px 100px;

 */

    font-size:          26px;

    font-family:        serif;

    font-style:         normal;

    font-weight:        800;

}

div.header-subtitle {

    position:           absolute;

    top:                40px;

    left:               115px;

    color:              #006666;

/*  padding:            1px 4px 1px 110px; */

    font-size:          12px;

}

div.header-menu {

    position:           absolute;

    top:                60px;

    width:              100%;

    z-index:            1;       /* put menu underneath logos */

    border-top:         1px solid #006666;

    border-bottom:      1px solid #006666;                    

    color:              #666600;                                  

    background-color:   #CCCC99;                                  

    padding:            2px 2px 2px 110px;                        

    font-size:          14px;                                     

}                                                                 

/* header doesnt currently accomodate this class  */

div.header-submenu {                                              

    color:              #003366;                                  

    background-color:   #FFFFFF;                                  

    padding:            2px 10px 2px 110px;                       

    font-size:          14px;                                     

}                                                                 

#left_sidebar {

    position:                   absolute;

    top:                        0px;

    left:                       0px;

    margin:                     0px;

    padding:                    0px;

    border:                     0px;

    background-color:           #003366;

    width:                      10px; /* begin hack for 1e5win */

    voice-family:               "\"}\"";

    voice-family:               inherit;

    width:                      10px;

    }

html>body #left_sidebar {

    width:                      10px; /* end hack for ie5win */

    }

#right_sidebar {

    position:                   absolute;

    top:                        0px;

    right:                      0px;

    margin:                     0px;

    padding:                    0px;

    border:                     0px;

    background-color:           #003366;

    width:                      10px; /* begin hack for 1e5win */

    voice-family:               "\"}\"";

    voice-family:               inherit;

    width:                      10px;

    }

html>body #right_sidebar {

    width:                      10px; /* end hack for ie5win */

    }

/* these classes to be children of div "content" */

/* for the skip-to box */

 div.skipto-box {

      vertical-align:	  middle;

      text-align:         center;

      color:              #003366;

      background-color:   #CCCC99;

      /* turned off float, placed with a table cell */

      /*float:              left; */

      padding:            6px;

      /* set border for NN4 only change in advanced.css */

      border:             0.1px solid #006666;

      margin:             8px;

      /* width: 		  50%; */

      width:              300px; 

     /* height:             20px; */

      font-size:          12px;

  }

div.r-box {

      vertical-align:     middle;

      text-align:         center;

      color:              #003366;

      background-color:   #CCCC99;

      float:              right;

      padding:            6px 6px;

      /* set border for NN4 only change in advanced.css */

      border:             0.1px solid #006666;

      margin:             0px;

      width:              50%;

   /*   height:             auto; */

      font-size:          12px;

   /*   clear:              both; */

  }

div.content-area {

       /* for padding area within parent area */

    background-color:   #FFFFFF;

    color:              #003366;

    text-align:         left;

   padding:            30px 40px 15px 40px; 

   /*padding:            0px 0px 0px 0px; */

}

div.content-area-dense {

       /* for padding area within parent area */

    background-color:   #FFFFFF;

    color:              #003366;

    text-align:         left;

  /*  padding:            30px 40px 15px 40px; */

   padding:            0px 0px 0px 0px; 

}

div.hanging-paragraph {

	margin-left:	20px;

	text-indent:	-20px;

}

div.smaller-font {

    	font-size:		smaller;

}

div.bottom-padding {

/*	padding:		0px 0px 10px 0px; */

	padding-bottom:		10px;

}

div.left-padding {

	padding-left:		10px;

}

#search-box { 

  /* background and text style set by table .group */

  position:           relative;

  margin-left:        50%;

  /* top: 110px; */

 }

#search-box_right {

    text-align:     right;

    }

#loginbox {

    border:                     0px;

    position:                   absolute;

    top:                        55px;

    right:                      65px;

    }

#footer {

    position:                   absolute;

    right:                      10px;

    bottom:                     0;

    left:                       167px;

    margin:                     0px 10px 10px 177px;

    }

#debug {

    position:                   absolute;

    right:                      20px;

    bottom:                     0;

    left:                       167px;

    margin:                     0px 10px 10px 177px;

    }

p,ul,ol,dl,li,dt {

    color:                      #003366;

    font-style:                 normal;

    font-weight:                normal;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

  }

p ol,p ul, p dl, ol ul {

    color:                      #003366;

    font-style:                 normal;

    font-weight:                normal;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none; 

  } 

ul,ol {

    padding:                    0px;

    /* margin:                     0px 0px 0px 15px; */

    }

.ol-lower-alpha { 

    list-style-type: lower-alpha;

    margin-top:       2px;

  }

.ul-bulleted-list { 

    list-style-type:  disc;

    margin-top:       2px;

    margin-bottom:    10px;

    margin-left:      15px;

  }

/* add a little space before items in a list ?*/

/* ol li { margin-top : 5px; } */

/* ul li { margin-top : 5px; } */

div {

    color:                      #003366;

    font-style:                 normal;

    font-weight:                normal;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

  }

/* NN 4.xx needs the font weight reset for b and strong tags */ 

strong, b {

    font-weight:                800;

  }

/* to emphasize words, use it inline with a <span> class*/ 

big {

    font-size:                  larger;

  }

/* to shrink words, use it inline with a <span> class*/

small {

    font-size:                  smaller;

  }

/* for pre-formated text: adds a small padding around it

 * font is set to the default style, 

 * but could be changed for different effect

 */

pre {

    color:                      #003366;

    padding:                    10px;

    font-style:                 normal;

    font-weight:                normal;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

  }

/* for creating block quotes. 

 * set off with a slight indent to the left & right margins

 * font is set to default style,

 * but could be changed for different effect

 */

blockquote {

    color:                      #003366;

    padding:                    0;

    font-style:                 normal;

    font-weight:                normal;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

  }

/* Headings Tags : 

 * Headings are used to break up straight text. 

 * They are used to present topics, or subsections, chapters, etc.

 * There are 6 headings tag which can be styled as we wish.

 * All of our headings will be rendered in the same font and color as the

 * default settings.

 */  

/* h1: very large font, set bold */

h1 {

    color:                      #003366;

    background-color:           #ffffff;

    padding:                    0;

    font-size:                  2.25em;

    font-style:                 normal;

    font-weight:                bold;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

  }

/* large font, set bold */

h2 {

    color:                      #003366;

    background-color:           #ffffff;

    padding:                    0;

    font-size:                  2em;

    font-style:                 normal;

    font-weight:                bold;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

  }

/* slightly larger font, set bold */

h3 {

    color:                      #003366;

    background-color:           #ffffff;

    padding:                    0;

    font-size:                  1.75em;

    font-style:                 normal;

    font-weight:                700;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

   /*  margin-bottom:                 0px; */

  }

/* an italic header w border */

/*

h3 {

  border-bottom:                #94c1d4 solid 1px;

  color:                        #003366;

  padding:                      0;

  font-size:                    1.75em;

  margin:                       3px;

  text-align:                   left;

  font-style:                   italic;

  font-weight:                  200;

  }

*/

/* slightly larger, no bold */  

/* make margins around h4 all the same, and a little larger than h5 */

h4 {

    color:                      #003366;

    padding:                    0;

    font-size:                  1.75em;

    font-style:                 normal;

    font-weight:                400;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

    margin-top:			10px;

    margin-bottom:                 0px;

  }

/* slightly smaller font */  

/* moz-net-fox and ie have different default margins for h5 - make them uniform */

h5 {

    color:                      #003366;

    padding:                    0;

    font-size:                  1.25em;

    font-style:                 normal;

    font-weight:                400;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

    margin-bottom:                 0px; 

    margin-top:                 7px; 

  }

/* very small font */  

h6 {

    color:                      #003366;

    background-color:           #FFFFFF;

    padding:                    0;

    font-size:                  0.5em;

    font-style:                 normal;

    font-weight:                normal;

    font-family:                Arial, Helvetica, sans-serif;

    text-decoration:            none;

  }  

/* Old style hr command - will be depreciated

 * Netscape 4.x does not like this

 * should use new style below

 * used anywhere? remove?

 */

hr {

    border-top:                 #003366 0px solid;

    width:                      450px;

    height:                     2px;

    color:                      #003366;

    background-color:           #003366;

    /*border-width:               none;

    border-color:               #003366; */

  }

/* New horizontal rule. Netscape 4.x should render this fine.

 * apply this class to a <div> tag for the desired effect.

 * the rule is 1px wide, blue with a slight margin on the left and right.

 */

.rule {

    border-top-width:           2px;

    border-top-style:           solid;

    border-color:               #003366; 

    margin:                     4px 4px

  }

 /* Default link properties

 * currently set the links to the dark tan

 * with no additional decorations

 * except underline on hover

*/

a:link {

    color:                      #666600;

    background:                 transparent;

/*    background-color:           #FFFFFF; */

    text-decoration:            none;

  }

a:visited {

    color:                      #666600;

    background:                  transparent;

/*    background-color:           #FFFFFF; */

    text-decoration:            none;

  } 

a:hover {

    color:                      #666600;

    background:                 transparent;

/*    background-color:           #FFFFFF; */

    text-decoration:            underline;

  } 

a:active { 

    color:                      #666600;

    background:                 transparent;

/*    background-color:           #FFFFFF; */

    text-decoration:            none;

  }

/* Menu Link properties

 * the Menu is currently identical to the dafault

 * but this may change so it is defined here                      

 */                                                               

a.menu:link {                                                     

    color:                      #666600;                          

    background:                 transparent;                      

    /*background-color:           #CCCC9A;*/                      

    text-decoration:            none;                             

  }                                                               

a.menu:visited {                                                  

    color:                      #666600;                          

    background:                 transparent;                      

    /*background-color:           #CCCC9A;*/

    text-decoration:            none;                             

  }                                                               

a.menu:hover {                                                    

    color:                      #666600;                          

    background:                 transparent;                      

   /* background-color:           #CCCC9A;*/                      

    text-decoration:            underline;                        

  }                                                               

a.menu:active {                                                   

    color:                      #666600;                          

    background:                 transparent;                      

   /* background-color:           #CCCC9A; */                     

    text-decoration:            none;                             

  }                                                               

/* SubMenu Link Properties                                        

 * Set the color to dark tan with underline on hover              

 */                                                               

a.submenu:link {                                                  

    color:                      #666600;                          

/*  color:                      #003366; */                       

    background:                 transparent;                      

    /*background-color:           #CCCC9A;*/                      

    text-decoration:            none;                             

  }                                                               

a.submenu:visited {                                               

    color:                      #666600;                          

/*  color:                      #003366; */                       

    background:                 transparent;                      

    /*background-color:           #CCCC9A;*/                      

    text-decoration:            none;                             

  }                                                               

a.submenu:hover {                                                 

    color:                      #666600;                          

/*  color:                      #003366; */                       

    background:                 transparent;                      

   /* background-color:           #CCCC9A;*/                      

    text-decoration:            underline;                        

  }                                                               

a.submenu:active {                                                

    color:                      #666600;                          

/*  color:                      #003366; */                       

    background:                 transparent;                      

   /* background-color:           #CCCC9A; */                     

    text-decoration:            none;                             

  }