Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

css menus work fine inn ie7, dont work in firefox, clueless why?

Status
Not open for further replies.

JohnnyxL

Programmer
Jul 25, 2007
12
US
I have a css menu that works great in IE7 but fails to worrk in firefox. First is the HTML, then CSS, then csshover.htc

The code is broken down with ////////

Thanks in advance!

JohnnyXL

//////HTML////////////////////////////////////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>sjrwmd.com: Home of the St. Johns River Water Management District</title>
<link rel="stylesheet" type="text/css" href="/css/home.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/homeprint.css" media="print" />
<!--[if IE]>
<style type="text/css" media="screen">
body {behavior: url(css/csshover.htc);}
</style>
<![endif]-->
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!-- Begin
var randomTWD = 0;
var DoIt = 0;
images = new Array;
images[1] = new Image();
images[1].src = "/images/header_home01.jpg";
images[2] = new Image();
images[2].src = "/images/header_home02.jpg";
images[3] = new Image();
images[3].src = "/images/header_home03.jpg";
images[4] = new Image();
images[4].src = "/images/header_home04.jpg";
images[5] = new Image();
images[5].src = "/images/header_home05.jpg";
images[6] = new Image();
images[6].src = "/images/header_home06.jpg";
images[7] = new Image();
images[7].src = "/images/header_home07.jpg";
images[8] = new Image();
images[8].src = "/images/header_home08.jpg";
images[9] = new Image();
images[9].src = "/images/header_home09.jpg";
images[10] = new Image();
images[10].src = "/images/header_home10.jpg";
images[11] = new Image();
images[11].src = "/images/header_home11.jpg";
images[12] = new Image();
images[12].src = "/images/header_home12.jpg";
images[13] = new Image();
images[13].src = "/images/header_home13.jpg";
images[14] = new Image();
images[14].src = "/images/header_home14.jpg";
images[15] = new Image();
images[15].src = "/images/header_home15.jpg";
images[16] = new Image();
images[16].src = "/images/header_home16.jpg";
images[17] = new Image();
images[17].src = "/images/header_home17.jpg";
images[18] = new Image();
images[18].src = "/images/header_home18.jpg";
images[19] = new Image();
images[19].src = "/images/header_home19.jpg";
images[20] = new Image();
images[20].src = "/images/header_home20.jpg";
images[21] = new Image();
images[21].src = "/images/header_home21.jpg";
images[22] = new Image();
images[22].src = "/images/header_home22.jpg";
images[23] = new Image();
images[23].src = "/images/header_home23.jpg";
images[24] = new Image();
images[24].src = "/images/header_home24.jpg";
images[25] = new Image();
images[25].src = "/images/header_home25.jpg";
images[26] = new Image();
images[26].src = "/images/header_home26.jpg";
function TWDpics() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
randomTWD = Math.round((imgnum - 1) * randnum) + 1;
} while (randomTWD == DoIt);
DoIt = randomTWD;
document.ImageHolder.src = images[DoIt].src;
}
// End -->
//]]>
</script>
</head>

<body onload="TWDpics();MM_preloadImages('images/MyFloridacom_logo2.gif')">

<div id="container">

<div id="pagehead"><img src="images/header_home00.gif" alt="Welcome to sjrwmd.com: Web Site Home of St. Johns River Water Management District" name="ImageHolder" id="ImageHolder" /></div>
<div id="pageheadPrint"><p>sjrwmd.com</p><h5>St. Johns River Water Management District</h5></div>

<div id="quickclicks">
<p class="quickclick2">Site Navigation</p>
<p class="quickclick">Quick Clicks</p>
<a href="/search.html" class="rbutton-qclicks">Search sjrwmd.com</a>
<a href="/recreationguide/index.html" class="lbutton-qclicks">Recreation Guide</a>
<a href=" target="_blank" class="lbutton-qclicks">E-Permitting</a>
<a href="/data.html" class="lbutton-qclicks">Data / GIS</a>
<a href="/governingboard/index.html" class="lbutton-qclicks">Governing Board</a>
<a href="/sitetopics.html" class="lbutton-qclicks">Site Topics</a>
</div>
<div id="nav">

<ul>
<li><a href="/about.html">About the District</a></li>
<ul>
<li><a href="#" class="popout3">Overview and mission</a></li>
<ul>
<li><a href="/overview.html">Overview and mission statement</a></li>
<li><a href="/message.html">Executive Director&rsquo;s message</a></li>
<li><a href="/agency_statement.pdf">Statement of agency organization and operation [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Basic maps</a></li>
<ul>
<li><a href="/map_5WMDs.html">Map of Florida&rsquo;s five water management districts</a></li>
<li><a href="/map_district.html" target="DistrictMap" onClick="window.open('/map_district.html','DistrictMap','height=580,width=557,left=116,top=20,resizable=1,toolbar=0,menubar=1,scrollbars=1')">Map of the St. Johns District</a></li>
<li><a href="/map_watersheds.html" target="WatershedMap" onClick="window.open('/map_watersheds.html','WatershedMap','height=580,width=557,left=116,top=20,resizable=1,toolbar=0,menubar=1,scrollbars=1')">Map of the District&rsquo;s major watersheds</a></li>
<li><a href="/programmap/index.html">Map of major District programs</a></li>
</ul>
<li><a href="/governingboard/index.html" class="popout3">Governing Board</a></li>
<ul>
<li><a href="/governingboard/boardmembers.html">Meet our Board</a></li>
<li><a href="/governingboard/representationmap.html">Map of Board representation</a></li>
<li><a href="/governingboard/boardcommittees.html">Board committees and committee duties</a></li>
<li><a href="/governingboard/meetingdates.html">Board meeting agendas</a></li>
<li><a href="/governingboard/minutesindex.html">Board meeting minutes</a></li>
<li><a href="/governingboard/archive/index.html">Former Board members</a></li>
</ul>
<li><a href="#" class="popout3">History</a></li>
<ul>
<li><a href="/history/index.html">History of water management &ndash; IE6 version</a></li>
<li><a href="/history/indexM.html">History of water management &ndash; IE7, Firefox, Netscape version</a></li>
<li><a href="/rivertour/index.html">Tour and history of the St. Johns River</a></li>
</ul>
<li><a href="#" class="popout3">District organization</a></li>
<ul>
<li><a href="/organizationstructure.html">Organization structure (graphic)</a></li>
<li><a href="/organizationchart.html">Organization chart (interactive)</a></li>
</ul>
<li><a href="#" class="popout3">District budget</a></li>
<ul>
<li><a href="/budget/index_split.html">Budget overview and highlights</a></li>
<li><a href="/budget/allprograms.html">Program budgets and overviews</a></li>
<li><a href="/budget/FY2006-2007_FULL_budget.pdf">Complete budget [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Cost-share, cooperative funding and grants</a></li>
<ul>
<li><a href="/costshare/index.html">Overview and program links</a></li>
</ul>
<li><a href="#" class="popout3">Capital Improvement Plan</a></li>
<ul>
<li><a href="/publications/CIP_Report.pdf">5-year Capital Improvement Plan [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Regulations</a></li>
<ul>
<li><a href="/programs/generalcounsel.html">Office of General Counsel</a></li>
<li><a href="/statutes.html">Statutes</a></li>
<li><a href="/rules/index.html">Rules</a></li>
<li><a href="/handbooks/index.html">Applicant&rsquo;s handbooks</a></li>
<li><a href="/otherregs.html">Other regulations</a></li>
<li><a href="/finalorders.html">Final orders</a></li>
<li><a href="/DEP_operating_agreement.pdf">Operating agreement with FDEP [PDF]</a></li>
</ul>
</ul>

<li><a href="/news.html">News, meetings<br />and notices</a></li>
<ul>
<li><a href="#" class="popout3">News media</a></li>
<ul>
<li><a href="/newsreleases/index.html">News releases</a></li>
<li><a href="/mediacontacts.html">Media contacts</a></li>
<li><a href="/mediacontactsmap.html">Map of media coverage areas</a></li>
</ul>
<li><a href="#" class="popout3">What&rsquo;s new</a></li>
<ul>
<li><a href="/whatsnew.html">Most recent site postings</a></li>
</ul>
<li><a href="#" class="popout3">Governing Board meetings</a></li>
<ul>
<li><a href="/governingboard/meetingdates.html">Meeting dates and agendas</a></li>
<li><a href="/governingboard/minutesindex.html">Meeting minutes</a></li>
<li><a href="/governingboard/boardfolders/index.html">Printable Board folders</a></li>
</ul>
<li><a href="#" class="popout3">Calendar of events</a></li>
<ul>
<li><a href="/calendar.html">Governing Board meeting and events calendar</a></li>
</ul>
<li><a href="#" class="popout3">Recreational public meetings</a></li>
<ul>
<li><a href="/landmanagement/calendar.html">Meeting calendar</a></li>
</ul>
<li><a href="#" class="popout3">Other meetings</a></li>
<ul>
<li><a href="#">Special events calendar</a></li>
</ul>
<li><a href="#" class="popout3">Other notices</a></li>
<ul>
<li><a href="/othernotices.html">News and notices from other agencies and groups</a></li>
</ul>
<li><a href="#" class="popout3">Announcements</a></li>
<ul>
<li><a href="/siteoutages.html">Temporary Web site outages</a></li>
<li><a href="/announcements.html">Land closures</a></li>
<li><a href="/announcements.html">Office holiday schedules, closures</a></li>
<li><a href="/announcements.html">Flooding information</a></li>
</ul>
<li><a href="#" class="popout3">Public records policy</a></li>
<ul>
<li><a href="/public_records.pdf">Public records distribution policy and associated fees [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Legal notices</a></li>
<ul>
<li><a href="#">Special legal notices</a></li>
</ul>
<li><a href="#" class="popout3">Solicitations</a></li>
<ul>
<li><a href=" target="_blank">Procurement solicitations from vendors and service providers</a></li>
</ul>
</ul>

<li><a href="/waterandyou.html">Water and you</a></li>
<ul>
<li><a href="#" class="popout3">Water conservation</a></li>
<ul>
<li><a href="/irrigationrule/index.html">Irrigation rule</a></li>
<li><a href="/irrigationrule/droughtreports.html">Drought reports</a></li>
<li><a href="/waterwiselandscapes/index.html">Waterwise Florida Landscapes</a></li>
<li><a href="/floridawaterstar/index.html">Florida Water Star-SM</a></li>
<li><a href="/publications/pdfs/br_savingindoors.pdf">Saving water indoors [PDF]</a></li>
<li><a href="/publications/pdfs/br_savingoutdoors.pdf">Saving water outdoors [PDF]</a></li>
<li><a href="/modelordinance.html">Model landscape water conservation ordinance</a></li>
<li><a href="/conserveflorida.html">Conserve Florida water conservation information clearinghouse</a></li>
</ul>
<li><a href="#" class="popout3">Water supply</a></li>
<ul>
<li><a href="/watersupplyplanning/index.html">Water supply planning</a></li>
<li><a href="/dwsp.html">District Water Supply Plan</a></li>
<li><a href="/watersupplyassessment.html">Water Supply Assessment</a></li>
<li><a href="/waterprotectsustain/index.html">Water Protection and Sustainability Program</a></li>
<li><a href="/SB444/index.html">Senate Bills 360 and 444 implementation</a></li>
<li><a href="/watersupplyplanning/upcomingmeetings.html">Calendar of events/meetings</a></li>
<li><a href="/CFCA/index.html">Central Florida Coordination Area</a></li>
<li><a href="/programs/waterusedatamanagement.html">Water use data management</a></li>
<li><a href="/waterresourcedevelopment/index.html">Water resource development</a></li>
<li><a href="/watersupplydevelopment/index.html">Water supply development</a></li>
</ul>
<li><a href="#" class="popout3">Rivers, lakes and streams</a></li>
<ul>
<li><a href="/lowerstjohnsriver/index.html">Lower St. Johns River</a></li>
<li><a href="/middlestjohnsriver/index.html">Middle St. Johns River</a></li>
<li><a href="/upperstjohnsriver/index.html">Upper St. Johns River</a></li>
<li><a href="/upperocklawahariver/index.html">Upper Ocklawaha River</a></li>
<li><a href="/lakeapopka/index.html">Lake Apopka</a></li>
<li><a href="/lakejesup/index.html">Lake Jesup</a></li>
<li><a href="/middlestjohnsriver/littlewekivariver.html">Little Wekiva River</a></li>
<li><a href="/orangecreek/index.html">Orange Creek</a></li>
<li><a href="/northerncoastalbasin/index.html">Northern Coastal</a></li>
<li><a href="/indianriverlagoon/index.html">Indian River Lagoon</a></li>
<li><a href="/irlnep/index.html">Indian River Lagoon National Estuary Program (IRLNEP)</a></li>
<li><a href="/stmarysriver/index.html">St. Marys River</a></li>
<li><a href="/keystoneheights/index.html">Keystone Heights area</a></li>
<li><a href="/surfacewaterquality/index.html">Surface water quality monitoring</a></li>
<li><a href="/minimumflowsandlevels/index.html">Minimum flows and levels</a></li>
</ul>
<li><a href="#" class="popout3">Florida Water Star-SM</a></li>
<ul>
<li><a href="/floridawaterstar/index.html">Program overview</a></li>
<li><a href="/floridawaterstar/homebuilders/builders.html">For home builders</a></li>
<li><a href="/floridawaterstar/homebuyers/buyers.html">For home buyers</a></li>
<li><a href="/floridawaterstar/certifiers/certifiers.html">For certifiers</a></li>
</ul>
<li><a href="#" class="popout3">Waterwise landscaping</a></li>
<ul>
<li><a href="/waterwiselandscapes/introduction.html">Introduction</a></li>
<li><a href="/waterwiselandscapes/landscaping.html">What is waterwise landscaping</a></li>
<li><a href="/waterwiselandscapes/sevenprinciples.html">The seven principles of Xeriscape</a></li>
<li><a href="/waterwiselandscapes/landscape.html">A landscape example</a></li>
<li><a href="/waterwiselandscapes/whattoplant.html">What to plant</a></li>
<li><a href="/waterwiselandscapes/plantefficentuse.html">Planting for efficient use</a></li>
<li><a href=" lists and photos</a></li>
<li><a href="/waterwiselandscapes/glossary.html">Glossary</a></li>
<li><a href="/waterwiselandscapes/bibilography.html">Bibliography</a></li>
</ul>
<li><a href="#" class="popout3">Abandoned artesian<br />well plugging</a></li>
<ul>
<li><a href="/abandonedwells/index.html">Program index</a></li>
</ul>
<li><a href="#" class="popout3">Publications</a></li>
<ul>
<li><a href="/hydroconditionsreport/index.html"><em>Hydrologic Conditions Report</em></a></li>
<li><a href="/hydroconditionsreport/otherhydroreports.html">Other hydrologic reports</a></li>
<li><a href="/technicalreports/index.html">Technical publications</a></li>
<li><a href="/publications/index.html">General publications</a></li>
<li><a href="/publications/factsheets.html">Document downloads</a></li>
</ul>
</ul>

<li><a href="/recreationandland.html">Recreation and land</a></li>
<ul>
<li><a href="#" class="popout3">Recreation</a></li>
<ul>
<li><a href="/recreationguide/index.html">Recreation Guide to District Lands</a></li>
<li><a href="/trailguides/index.html">Trail guides</a></li>
<li><a href="/huntingregulations/index.html">Hunting regulations and maps</a></li>
<li><a href="/USJRcamps/index.html">Campsites and shelters in the upper St. Johns River marsh</a></li>
<li><a href="#">Special use requests</a></li>
<li><a href="/announcements.html">District property closures</a></li>
<li><a href="/landmanagement/sign-inlog.html">Visitor&rsquo;s sign-in log</a></li>
<li><a href="/landmanagement/geo-cacheapplication.html">Geo-cache site application form</a></li>
</ul>
<li><a href="#" class="popout3">Recreational public meetings</a></li>
<ul>
<li><a href="/landmanagement/calendar.html">Meeting calendar</a></li>
</ul>
<li><a href="#" class="popout3">Land acquisition</a></li>
<ul>
<li><a href="/landacquisition/index.html">Program index</a></li>
<li><a href="/programs/landacquisition.html">Program overview</a></li>
<li><a href="/publications/Florida_Forever_Update.pdf">Florida Forever Work Plan [PDF]</a></li>
<li><a href="/programs/FDOTmitigation.html">FDOT wetlands mitigation</a></li>
<li><a href="#">Recent acquisitions</a></li>
<li><a href="/landacquisition/map.html">5-year land acquisition plan map</a></li>
</ul>
<li><a href="#" class="popout3">Land management</a></li>
<ul>
<li><a href="/landmanagement/index.html">Program index</a></li>
<li><a href="/programs/landmanagement.html">Program overview</a></li>
<li><a href="/landmanagementplans/index.html">Land management plans</a></li>
<li><a href="/landmanagement/prescribedfire.html">Prescribed burn program</a></li>
<li><a href="/programs/invasiveplantmanagement.html">Invasive species program</a></li>
<li><a href="/rule/pdfs/40C-9.pdf">40C-9 (land management rule) [PDF]</a></li>
<li><a href="#">Land management regions</a></li>
<li><a href="#">Land management contacts</a></li>
<li><a href="#">Special use authorizations, agreements and leases for District lands</a></li>
</ul>
<li><a href="#" class="popout3">Public works, facilities</a></li>
<ul>
<li><a href="#">Flood control</a></li>
<li><a href="/programs/worksmaintenance.html">Levees and locks operation and maintenance</a></li>
<li><a href="#">Public works and facilities, maps and contacts</a></li>
</ul>
</ul>

<li><a href="/education/index.html">Education</a></li>
<ul>
<li><a href="#" class="popout3">About the Education program</a></li>
<ul>
<li><a href="/education/programoverview.html">Program overview</a></li>
<li><a href="/education/adulteducation.html">Adult education</a></li>
</ul>
<li><a href="#" class="popout3">Educational curricula</a></li>
<ul>
<li><a href="/odyssey/index.html" target="_blank">The Great Water Odyssey<sup>SM</sup></a></li>
<li><a href="/education/waterways/educators/index.html">WaterWays</a></li>
<li><a href="/education/projectwet/index.html">Project WET(Water Education for Teachers)</a></li>
<li><a href="/education/legacyprogram.html">Legacy program</a></li>
<li><a href="/education/resources.html">Educator resources</a></li>
</ul>
<li><a href="#" class="popout3">Lesson plans</a></li>
<ul>
<li><a href="/education/lessonplans/index.html#waterways">Grouped by specific curriculum</a></li>
<li><a href="/education/lessonplans/index.html">Grouped by topic of study</a></li>
</ul>
<li><a href="#" class="popout3">Student resources</a></li>
<ul>
<li><a href="/education/games.html">Games</a></li>
<li><a href="/education/glossary.html">Glossary</a></li>
<li><a href="/education/sciencefair.html">Science fair</a></li>
<li><a href="/education/waterfacts.html">Water facts</a></li>
</ul>
<li><a href="#" class="popout3">Educator resources</a></li>
<ul>
<li><a href="/education/resources.html#ody"><em>The Great Water Odyssey</em>-SM</a></li>
<li><a href="/education/resources.html#enviro">Envirothon</a></li>
<li><a href="/education/resources.html#pubs">Publications</a></li>
<li><a href="/education/pdfs/GIS_in_classroom.pdf">Geographic Information Systems (GIS) in the classroom [PDF]</a></li>
<li><a href="/education/pdfs/WQ_in_classroom.pdf">Water quality in the classroom [PDF]</a></li>
<li><a href="/education/resources.html#grants">Grants resources for teachers</a></li>
<li><a href="/education/resources.html#info">Information links for educators</a></li>
<li><a href="/education/resources.html#other">Other agency education programs and resources</a></li>
</ul>
<li><a href="#" class="popout3">Education newsletter</a></li>
<ul>
<li><a href="/education/newsletter/index.html">Archived past issues</a></li>
<li><a href="/education/newsletter/index.html">Sign up to receive<br />by e-mail</a></li>
<li><a href="/education/newsletter/remove.html">Remove from<br />e-mailing list</a></li>
</ul>
<li><a href="#" class="popout3">Workshops, seminars</a></li>
<ul>
<li><a href="/education/projectwet/index.html#WETworkshops">Calendar of events</a></li>
</ul>
<li><a href="#" class="popout3">Education program publications</a></li>
<ul>
<li><a href="#">Publications ordering</a></li>
<li><a href="#">Download publications</a></li>
</ul>
<li><a href="#" class="popout3">Partners</a></li>
<ul>
<li><a href="#">Meet our partners</a></li>
</ul>
<li><a href="#" class="popout3">Contacts</a></li>
<ul>
<li><a href="/education/contacts.html">Education staff contacts</a></li>
</ul>
<li><a href="#" class="popout3">Speakers&rsquo; bureau</a></li>
<ul>
<li><a href="/speakersbureau/index.html">Overview</a></li>
<li><a href="/speakersbureau/topics.html">Presentation topics</a></li>
<li><a href="/speakersbureau/contact.html">Contact information</a></li>
</ul>
<li><a href="#" class="popout3">Watershed Action Volunteers</a></li>
<ul>
<li><a href="/education/wav/about.html">About the program</a></li>
<li><a href="/education/wav/highlights/countyhighlights.html">What&rsquo;s happening</a></li>
<li><a href="/education/wav/calendars/index.html">County calendars of events</a></li>
<li><a href=" target="_blank">Sign up</a></li>
<li><a href=" target="_blank">Water quality database</a></li>
<li><a href="/education/wav/memberprofiles.html">Meet a WAV Member</a></li>
<li><a href="/education/wav/partners.html">Our partners</a></li>
<li><a href="/education/wav/countycontacts.html">WAV contacts</a></li>
</ul>
</ul>

<li><a href="/localgovernments.html">Local governments</a></li>
<ul>
<li><a href="#" class="popout3">Assistance to local governments</a></li>
<ul>
<li><a href="/publications/pdfs/br_gov_assist.pdf">Local government assistance programs [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Comprehensive Planning</a></li>
<ul>
<li><a href="/comprehensiveplanning/index.html">Addressing water supply planning in local comprehensive plans</a></li>
<li><a href="/comprehensiveplanning/potable_water_worksheet.doc" target="_blank">Potable water availablility worksheet (Word)</a></li>
</ul>
<li><a href="#" class="popout3">Documents and publications</a></li>
<ul>
<li><a href="/dwmp/index.html">District Water Management Plan</a></li>
<li><a href="/waterwatch/index.html"><em>WaterWatch</em> newsletter</a></li>
<li><a href="/watersmart.pdf">WaterSmart communities [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Cost-share, cooperative funding and grants</a></li>
<ul>
<li><a href="/costshare/index.html">Overview</a></li>
<li><a href="/waterprotectsustain/index.html">Water Protection and Sustainability Program</a></li>
<li><a href="/costshare/stormwater.html">Stormwater management projects</a></li>
<li><a href=" Funding Report searchable database</a></li>
</ul>
<li><a href="#" class="popout3">Local government contacts</a></li>
<ul>
<li><a href="/localgovtcontacts.html">Contact information for each city and county in the District</a></li>
</ul>
<li><a href="#" class="popout3">District staff contacts</a></li>
<ul>
<li><a href="/policyanalysts.html">Planning-related issues</a></li>
<li><a href="/intergovcoordinators.html">All other local government issues</a></li>
</ul>
<li><a href="#" class="popout3">Implementation of SB 360 and 444</a></li>
<ul>
<li><a href="/SB444/index.html">Overview</a></li>
</ul>
</ul>

<li><a href="/jobs.html">Jobs and volunteers</a></li>
<ul>
<li><a href="#" class="popout3">Jobs</a></li>
<ul>
<li><a href="/humanresources/index.html">Human Resources overview</a></li>
<li><a href="/humanresources/benefits.html">Benefits information</a></li>
<li><a href=" target="_blank">Available positions and employment application</a></li>
</ul>
<li><a href="#" class="popout3">Volunteers</a></li>
<ul>
<li><a href="/education/wav/about.html">About the Watershed Action Volunteer Program</a></li>
<li><a href="/education/wav/highlights/countyhighlights.html">What&rsquo;s happening</a></li>
<li><a href=" target="_blank">Sign up</a></li>
<li><a href=" target="_blank">Water quality database</a></li>
<li><a href="/education/wav/memberprofiles.html">Up close</a></li>
<li><a href="/education/wav/partners.html">Our partners</a></li>
<li><a href="/education/wav/countycontacts.html">WAV contacts</a></li>
</ul>
</ul>

<li><a href="/permits.html">Permits, licenses,<br />rules and handbooks</a></li>
<ul>
<li><a href="#" class="popout3">Permitting overview</a></li>
<ul>
<li><a href="/regulatory/permitinformation.html">Overview</a></li>
<li><a href="/programs/erppermitting.html">Environmental resource permitting</a></li>
<li><a href=" target="_blank">Mitigation banking (specific-use data site)</a></li>
<li><a href="/programs/FDOTmitigation.html">FDOT wetland mitigation</a></li>
<li><a href="/programs/cuppermitting.html">Consumptive use permitting</a></li>
<li><a href="/programs/wellconstructionpermitting.html">Water well construction permitting</a></li>
<li><a href="/programs/wellconstructionpermitting.html">Well drilling contractor licensing</a></li>
</ul>
<li><a href="#" class="popout3">E-Permitting</a></li>
<ul>
<li><a href=" target="_blank">Go to E-Permitting site</a></li>
<li><a href="publications/pdfs/fs_E-Permitting.pdf">E-Permitting fact sheet [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Florida&rsquo;s statewide permitting portal</a></li>
<ul>
<li><a href=" target="_blank">Go to portal</a></li>
</ul>
<li><a href="#" class="popout3">District ombudsman</a></li>
<ul>
<li><a href="/ombudsman.html">Meet the Ombudsman</a></li>
</ul>
<li><a href="#" class="popout3">Emergency orders</a></li>
<ul>
<li><a href="#">Index of orders</a></li>
</ul>
<li><a href="#" class="popout3">Final orders</a></li>
<ul>
<li><a href="#">Index of orders</a></li>
</ul>
<li><a href="#" class="popout3">Special use authorizations, agreements and leases for District lands</a></li>
<ul>
<li><a href="#">Overview</a></li>
<li><a href="#">index of authorizations, agreements and leases</a></li>
</ul>
<li><a href="#" class="popout3">Applicant&rsquo;s handbooks, rules and forms</a></li>
<ul>
<li><a href="/handbooks/index.html">Applicant&rsquo;s handbooks</a></li>
<li><a href="/rules/index.html">Rules</a></li>
<li><a href="/ruledevelopment/index.html">Rule development</a></li>
<li><a href="/regulatory/permitforms.html">Permitting forms</a></li>
</ul>
<li><a href="#" class="popout3">Statement of agency operation and organization</a></li>
<ul>
<li><a href="/agency_statement.pdf">Document [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Operating agreement with FDEP</a></li>
<ul>
<li><a href="/DEP_operating_agreement.pdf">Document [PDF]</a></li>
</ul>
</ul>

<li><a href="/programs.html">Programs and projects</a></li>
<ul>
<li><a href="#" class="popout3">Lists of all programs</a></li>
<ul>
<li><a href="/programs/alphalist.html">Alphabetical list</a></li>
<li><a href="/programmap/index.html">Visual list (map)</a></li>
</ul>
<li><a href="#" class="popout3">Water supply planning</a></li>
<ul>
<li><a href="/watersupplyplanning/index.html">Program index</a></li>
<li><a href="/programs/watersupplyplanning.html">Program overview</a></li>
<li><a href="/watersupplyplanning/upcomingmeetings.html">Calendar of events, meetings</a></li>
<li><a href="/CFCA/index.html">Central Florida Coordination Area</a></li>
<li><a href="/dwsp.html">District Water Supply Plan</a></li>
<li><a href="/watersupplyassessment.html">Water Supply Assessment</a></li>
<li><a href="/costshare/index.html">Cost-share, cooperative funding and grants</a></li>
<li><a href="/waterprotectsustain/index.html">Florida Water Protection and Sustainability Program</a></li>
<li><a href="/SB444/index.html">SB 360 and 444 implementation</a></li>
<li><a href="/programs/waterusedatamanagement.html">Water use data management</a></li>
<li><a href="/waterresourcedevelopment/index.html">Water resource development</a></li>
<li><a href="/watersupplydevelopment/index.html">Water supply development</a></li>
</ul>
<li><a href="#" class="popout3">Minimum flows and levels</a></li>
<ul>
<li><a href="/minimumflowsandlevels/index.html">Program index</a></li>
<li><a href="/programs/minimumflowsandlevels.html">Program overview</a></li>
<li><a href="/publications/pdfs/fs_minflowlevels.pdf">MFL program fact sheet [PDF]</a></li>
<li><a href="/publications/pdfs/fs_lakelevels.pdf">Fluctuating lake levels fact sheet [PDF]</a></li>
<li><a href="/rules/pdfs/40C-8.pdf">Adopted MFLs (Rule 40C-8)</a></li>
<li><a href="/minimumflowsandlevels/prioritylist.html">Priority water body list and schedule</a></li>
<li><a href="/minimumflowsandlevels/bluespring/index.html">Blue Spring, Volusia Co.: minimum flow regime</a></li>
</ul>
<li><a href="#" class="popout3">GIS development and data collection</a></li>
<ul>
<li><a href="/gisdevelopment/index.html">Map and data topics</a></li>
<li><a href="/programs/gisdevelopment.html">Program overview</a></li>
<li><a href="/gisdevelopment/DOQQinfo.html">DOQQ information</a></li>
<li><a href="/gisdevelopment/policy.html">Data distribution information</a></li>
<li><a href="/gisdevelopment/order.html">Data ordering and form</a></li>
<li><a href="/gisdevelopment/docs/themes.html">Download GIS data</a></li>
<li><a href="/gisdevelopment/links.html">Links to GIS resources</a></li>
<li><a href="/hydrologicdata/index.html">Hydrologic data collection</a></li>
</ul>
<li><a href="#" class="popout3">Groundwater resource assessment</a></li>
<ul>
<li><a href="/programs/groundwaterassessment.html">Program overview</a></li>
<li><a href="/groundwaterassessment/models.html">Groundwater modeling</a></li>
<li><a href="/groundwaterassessment/recharge.html">Maps of groundwater recharge</a></li>
<li><a href="/springs/index.html">Springs of the District</a></li>
<li><a href="/groundwaterassessment/down.html">District observation well network (DOWN)</a></li>
<li><a href="/abandonedwells/index.html">Abandoned artesian well plugging</a></li>
</ul>
<li><a href="#" class="popout3">Facilities<br />(program overviews)</a></li>
<ul>
<li><a href="/programs/facilitiesconstruction.html">Construction</a></li>
<li><a href="/programs/facilitiesmanagement.html">Management</a></li>
<li><a href="/programs/worksmaintenance.html">Structure and levee operation and maintenance</a></li>
<li><a href="/programs/emergencymanagement.html">Emergency management</a></li>
<li><a href="/programs/environmentalmanagement.html">Environmental management</a></li>
<li><a href="/programs/transportationequipment.html">Transportation and equipment management</a></li>
<li><a href="/programs/telecommunications.html">Telecommunications</a></li>
</ul>
<li><a href="#" class="popout3">Surface water basins</a></li>
<ul>
<li><a href="/lowerstjohnsriver/index.html">Lower St. Johns River</a></li>
<li><a href="/middlestjohnsriver/index.html">Middle St. Johns River</a></li>
<li><a href="/upperstjohnsriver/index.html">Upper St. Johns River</a></li>
<li><a href="/upperocklawahariver/index.html">Upper Ocklawaha River</a></li>
<li><a href="/lakeapopka/index.html">Lake Apopka</a></li>
<li><a href="/orangecreek/index.html">Orange Creek</a></li>
<li><a href="/northerncoastalbasin/index.html">Northern Coastal</a></li>
<li><a href="/indianriverlagoon/index.html">Indian River Lagoon</a></li>
</ul>
<li><a href="#" class="popout3">Other surface water areas</a></li>
<ul>
<li><a href="/stmarysriver/index.html">St. Marys River</a></li>
<li><a href="/keystoneheights/index.html">Keystone Heights area</a></li>
</ul>
</ul>

<li><a href="/publications.html">Publications, maps<br />and data</a></li>
<ul>
<li><a href="#" class="popout3">General publications</a></li>
<ul>
<li><a href="/publications/index.html">Index and order form</a></li>
</ul>
<li><a href="#" class="popout3">District videos</a></li>
<ul>
<li><a href="/video/index.html">Overview and index</a></li>
</ul>
<li><a href="#" class="popout3">Document downloads</a></li>
<ul>
<li><a href="/publications/factsheets.html">Fact sheets and other documents</a></li>
<li><a href="/floridawaters/index.html"><em>Florida Waters</em></a></li>
<li><a href="/irlcoloringbook/index.html">Indian River Lagoon coloring book</a></li>
<li><a href="/irlactivitybook/index.html">Indian River Lagoon activity book</a></li>
</ul>
<li><a href="#" class="popout3">Technical reports</a></li>
<ul>
<li><a href="/technicalreports/index.html">Overview</a></li>
<li><a href="/technicalreports/tpubs1.html">Technical publications</a></li>
<li><a href="/technicalreports/spubs1.html">Special publications</a></li>
<li><a href="/technicalreports/ppapers.html">Professional papers</a></li>
<li><a href="/technicalreports/tfacts.html">Technical fact sheets</a></li>
</ul>
<li><a href="#" class="popout3">Magazines and newsletters</a></li>
<ul>
<li><a href="/streamlines/index.html"><em>StreamLines</em> &ndash; an online magazine</a></li>
<li><a href="/irlupdate/index.html"><em>Indian River Lagoon Update</em> newsletter</a></li>
<li><a href="/waterwatch/index.html"><em>WaterWatch</em> &ndash; a local government newsletter</a></li>
</ul>
<li><a href="#" class="popout3">Guides</a></li>
<ul>
<li><a href="/springs/index.html">Springs of the District</a></li>
<li><a href="/stmarysriverguide/index.html">St. Marys River guide</a></li>
<li><a href="/irlboatersguide/index.html">Indian River Lagoon boater&rsquo;s guide</a></li>
<li><a href="/recreationguide/index.html">Recreation guide</a></li>
<li><a href="/trailguides/index.html">Trail guides</a></li>
<li><a href="/huntingregulations/index.html">Hunt regulations and maps</a></li>
</ul>
<li><a href="#" class="popout3">Plans</a></li>
<ul>
<li><a href="/dwmp/index.html">District Water Management Plan</a></li>
<li><a href="/dwsp.html">District Water Supply Plan</a></li>
<li><a href="/landmanagementplans/index.html">Land management plans</a></li>
</ul>
<li><a href="#" class="popout3">Speciality items</a></li>
<ul>
<li><a href="/irlboatersguide/index.html"><em>Indian River Lagoon Boater&rsquo;s Guide</em></a></li>
<li><a href="/irllicenseplate/index.html">Indian River Lagoon license plate</a></li>
<li><a href="/irlinsert/index.html"><em>Indian River Lagoon &ndash; The health and future of this Estuary of National Significance</em></a></li>
<li><a href="/irlinsert/insert2.html"><em>Indian River Lagoon &ndash; An overview of the North Feasibility Study</em></a></li>
<li><a href="/macroposter/index.html">Macroinvertebrates poster</a></li>
</ul>
<li><a href="#" class="popout3">Data collection and reports</a></li>
<ul>
<li><a href="/hydrologicdata/index.html">Hydrologic data collection</a></li>
<li><a href="/hydroconditionsreport/index.html"><em>Hydrologic Conditions Report</em></a></li>
<li><a href="/hydroconditionsreport/otherhydroreports.html"><em>Other hydrologic reports</em></a></li>
<li><a href="/hydrologicdata/waterlevels.html">Controlled water levels</a></li>
<li><a href="/technicalreports/pdfs/TP/SJ88-3.pdf">24-hour to 96-hour rainfall frequency data</a></li>
<li><a href="/technicalreports/pdfs/TP/SJ91-3.pdf">24-hour rainfall distributions</a></li>
<li><a href="/hydrologicdata/pdfs/NOAA_rainfall_data.pdf">NOAA rainfall data</a></li>
</ul>
<li><a href="#" class="popout3">The River Agenda</a></li>
<ul>
<li><a href="/riveragenda/index.html">Original report, progress reports</a></li>
</ul>
<li><a href="#" class="popout3">Education program publications</a></li>
<ul>
<li><a href="#">Publications ordering</a></li>
<li><a href="#">Download publications</a></li>
</ul>
<li><a href="#" class="popout3">Specific-use data sites</a></li>
<ul>
<li><a href=" target="_blank">Radar rainfall</a></li>
<li><a href=" target="_blank">Hydrologic data</a></li>
<li><a href=" target="_blank">Surveying benchmarks</a></li>
<li><a href=" target="_blank">Mitigation banking</a></li>
<li><a href=" target="_blank">Contour elevations</a></li>
<li><a href=" target="_blank">GIS interactive image viewer</a></li>
<li><a href=" target="_blank">Regulatory permit search tool</a></li>
</ul>
<li><a href="#" class="popout3">GIS development</a></li>
<ul>
<li><a href="/gisdevelopment/DOQQinfo.html">DOQQ information</a></li>
<li><a href="/gisdevelopment/policy.html">Data distribution</a></li>
<li><a href="/gisdevelopment/order.html">Data ordering and form</a></li>
<li><a href="/gisdevelopment/docs/themes.html">Download GIS data</a></li>
</ul>
<li><a href="#" class="popout3">Minimum flows and levels</a></li>
<ul>
<li><a href="/publications/pdfs/fs_minflowlevels.pdf">Fact sheet [PDF]</a></li>
<li><a href="/rules/pdfs/40C-8.pdf">Adopted MFLs (Rule 40C-8) [PDF]</a></li>
<li><a href="/minimumflowsandlevels/prioritylist.html">Priority water body list and schedule</a></li>
</ul>
<li><a href="#" class="popout3">Groundwater resource assessment</a></li>
<ul>
<li><a href="/groundwaterassessment/models.html">Groundwater modeling</a></li>
<li><a href="/groundwaterassessment/recharge.html">Maps of groundwater recharge</a></li>
<li><a href="/springs/index.html">Springs of the District</a></li>
<li><a href="/groundwaterassessment/down.html">District observation well network (DOWN)</a></li>
</ul>
<li><a href="#" class="popout3">Surface water quality monitoring</a></li>
<ul>
<li><a href="/archydro/index.html">Watershed facts</a></li>
</ul>
<li><a href="#" class="popout3">Public records policy</a></li>
<ul>
<li><a href="/public_records.pdf">Public records distribution policy and associated fees [PDF]</a></li>
</ul>
</ul>

<li><a href="/finance.html">Finance and procurement</a></li>
<ul>
<li><a href="#" class="popout3">Introduction to District procurement</a></li>
<ul>
<li><a href="/procurement/index.html">Doing business with the District</a></li>
<li><a href="/procurement/contacts/index.html">Staff contacts for specific commodities or services</a></li>
<li><a href="/procurement/pdfs/Matchmaker_2006_Presentation.pdf">Matchmaker 2006 Presentation [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Current solicitations</a></li>
<ul>
<li><a href=" target="_blank">Listings with DemandStar</a></li>
</ul>
<li><a href="#" class="popout3">Contracts</a></li>
<ul>
<li><a href="#">Overview</a></li>
<li><a href="#">Current contracts listing</a></li>
</ul>
<li><a href="#" class="popout3">District budget</a></li>
<ul>
<li><a href="/budget/index_split.html">Budget overview and highlights</a></li>
<li><a href="/budget/allprograms.html">Program budgets and overviews</a></li>
<li><a href="/budget/FY2006-2007_FULL_budget.pdf">Complete budget [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Cost-share, cooperative funding and grants</a></li>
<ul>
<li><a href="/costshare/index.html">Overview and program links</a></li>
</ul>
<li><a href="#" class="popout3">Taxes, bonds</a></li>
<ul>
<li><a href="#">Overview and index</a></li>
</ul>
<li><a href="#" class="popout3">Financial statements</a></li>
<ul>
<li><a href="/financialstatements/pdfs/2006_CAFR_final.pdf">Comprehensive annual financial report from immediate past fiscal year [PDF]</a></li>
<li><a href="/financialstatements/index.html">Auditor&rsquo;s reports</a></li>
</ul>
<li><a href="#" class="popout3">Other information</a></li>
<ul>
<li><a href=" target="_blank">Northwest Florida WMD procurement</a></li>
<li><a href=" target="_blank">South Florida WMD procurement</a></li>
<li><a href=" target="_blank">Southwest Florida WMD procurement</a></li>
<li><a href=" target="_blank">Suwannee River WMD procurement</a></li>
<li><a href=" target="_blank">State of Florida contracts</a></li>
<li><a href="/procurement/SUS_list.html">State university system sponsored research contact list</a></li>
<li><a href=" target="_blank">Office of Supplier Diversity</a></li>
<li><a href=" target="_blank">Cooperative Purchasing Network (TCPN)</a></li>
<li><a href=" target="_blank">Cooperative purchasing &ndash; US communities</a></li>
</ul>
</ul>

<li><a href="/contacts.html">Contacts</a></li>
<ul>
<li><a href="#" class="popout3">District offices</a></li>
<ul>
<li><a href="/addresses.html">Addresses and phone numbers for District Headquarters and Service Centers</a></li>
<li><a href="/directory-office.html#palatka">Palatka staff</a></li>
<li><a href="/directory-office.html#jacksonville">Jacksonville staff</a></li>
<li><a href="/directory-office.html#altamonte">Altamonte Springs staff</a></li>
<li><a href="/directory-office.html#palmbay">Palm Bay staff</a></li>
<li><a href="/directory-office.html#apopka">Apopka staff</a></li>
<li><a href="/directory-office.html#bayard">Bayard staff</a></li>
<li><a href="/directory-office.html#gainesville">Gainesville staff</a></li>
<li><a href="/directory-office.html#geneva">Geneva staff</a></li>
<li><a href="/directory-office.html#sunnyhill">Sunnyhill staff</a></li>
</ul>
<li><a href="#" class="popout3">Staff directory</a></li>
<ul>
<li><a href="/directory-alpha.html">Sorted alphabetically</a></li>
<li><a href="/directory-office.html">Grouped by office location</a></li>
</ul>
<li><a href="#" class="popout3">Specific-use contacts</a></li>
<ul>
<li><a href="/keystaffcontacts.html#clerk">District Clerk</a></li>
<li><a href="/ombudsman.html">District Ombudsman</a></li>
<li><a href="/inspectorgeneral.html">Inspector General</a></li>
<li><a href="/keystaffcontacts.html">Key department and division staff contacts</a></li>
<li><a href="/humanresources/index.html">Office of Human Resources</a></li>
<li><a href="/keystaffcontacts.html#comm">Office of Communications and Governmental Affairs</a></li>
<li><a href="/speakersbureau/contact.html">District speakers for your club or group</a></li>
<li><a href="/keystaffcontacts.html#switchboard">Switchboard</a></li>
<li><a href="flood_protection_contacts.pdf">Flood protection and assistance contacts (non-District) [PDF]</a></li>
</ul>
<li><a href="#" class="popout3">Emergency operations</a></li>
<ul>
<li><a href="#">Staff contacts</a></li>
</ul>
<li><a href="#" class="popout3">Media</a></li>
<ul>
<li><a href="/mediacontacts.html">Staff contacts</a></li>
</ul>
<li><a href="#" class="popout3">Organization</a></li>
<ul>
<li><a href="/organizationstructure.html">Organization structure (graphic)</a></li>
<li><a href="/organizationchart.html">Organization chart (interactive)</a></li>
</ul>
<li><a href="#" class="popout3">Partners</a></li>
<ul>
<li><a href="#">District partners</a></li>
</ul>
<li><a href="#" class="popout3">Other links</a></li>
<ul>
<li><a href="/othersites.html#WMDs">Links to other WMDs</a></li>
<li><a href="/localgovtcontacts.html">Links to local governments</a></li>
<li><a href="/othersites.html#state">Links to state agencies</a></li>
<li><a href="/othersites.html#federal">Links to federal agencies</a></li>
</ul>
</ul>

<li><a href="/siteresources.html">Site resources</a></li>
<ul>
<li><a href="#" class="popout3">Site information</a></li>
<ul>
<li><a href="/disclaimer.html">Liability disclaimer</a></li>
<li><a href="/accessibility.html">Accessibility statement</a></li>
<li><a href="/siteoutages.html">Temporary Web site outages</a></li>
</ul>
<li><a href="#" class="popout3">Navigation assistance</a></li>
<ul>
<li><a href="/sitetopics.html">Site topics<br />(alphabetical list)</a></li>
<li><a href="/sitemap.html">Site map<br />(grouped by category)</a></li>
<li><a href="/search.html">Search sjrwmd.com</a></li>
</ul>
<li><a href="#" class="popout3">Site FAQs</a></li>
<ul>
<li><a href="#">Frequently Asked Questions</a></li>
</ul>
<li><a href="#" class="popout3">Free stuff</a></li>
<ul>
<li><a href="/screensavers/index.html">Screen savers (Wildlife, Scenic, Waterwise)</a></li>
<li><a href="/screensavers/irlscreensaver.html">Indian River Lagoon screen saver</a></li>
</ul>
<li><a href="#" class="popout3">Technical assistance</a></li>
<ul>
<li><a href="/AdobeReaderhelp.html">Adobe Reader help</a></li>
<li><a href=" target="_blank">Get IE 7</a></li>
</ul>
</ul>
</ul>

<p>Contact us here:<br />
<a href="mailto:webmaster@sjrwmd.com"><strong>WEBMASTER</strong></a></p>
<p>By accessing information, data and materials contained in these pages, you hereby agree to accept the terms and conditions of the District&rsquo;s <a href="/disclaimer.html"><strong>liability disclaimer</strong></a>.</p>
<br />
<p class="dkred"><strong>This site displays and<br />functions best in IE 7.</strong><br /><a href=" target="_blank"><img src="/images/IE_logo.gif" alt="Get Internet Explorer 7" /></a></p>

</div>
<div id="main2">

<div id="maincontent">

<div id="sidecolumn">

<a href=" target="_blank"><img src="images/MyFloridacom_logo.gif" alt="Go to width="102" height="64" id="myfla" onmouseover="MM_swapImage('myfla','','images/MyFloridacom_logo2.gif',1)" onmouseout="MM_swapImgRestore()" /></a>

<h5 id="hottopics">Hot Topics</h5>

<ul>
<li>This is where <a href="#"><strong>Hot Topic item 1</strong></a> would be listed.</li>
<li>This is where <a href="#"><strong>Hot Topic item 2</strong></a> would be listed.</li>
<li>This is where <a href="#"><strong>Hot Topic item 3</strong></a> would be listed.</li>
<li>This is where <a href="#"><strong>Hot Topic item 4</strong></a> would be listed.</li>
</ul>

<div id="sitenotice">
<h5>NOTICE</h5>
<p>Site maintenance scheduled for<br />Thursday,<br />August 9, 2007, from 5 to 9 p.m.</p>
<p><a href="/siteoutages.html">Get more info</a></p>
</div>

</div>

<div id="widecolumn-home">

<div id="feature">
<h4>FEATURE</h4>
<a href="#"><img src="images/feature.jpg" alt="Prescribed Fire Photo" /></a>
<h5>Fire&rsquo;s nature</h5>
<p>Nearly a third of Florida&rsquo;s population now lives in areas where structures intermingle with forests and wildlands. These lands once periodically burned, allowing Florida&rsquo;s natural communities to prosper. Land managers now use <a href="landmanagement/prescribedfire.html" Title="Link to Prescribed Fire Web Page"><strong>prescribed fire</strong></a> to mimic natural fire&rsquo;s benefits.</p>
</div>

<div id="welcomebox">
<h5>Water. It&rsquo;s what we&rsquo;re all about.</h5>
<p>Welcome to the Web site of the St. Johns River Water Management District. Explore this site to learn the importance of water in all of our lives, the role the District has in protecting and preserving this vital resource and the part you play in these efforts.</p>
</div>

<div id="midcolumnright">

<div class="teaserbox-blue">
<h5>Water supply coordination</h5>
<a href="#"><img src="images/teaser1.gif" alt="Central Florida Coordination Area" /></a>
<p>The St. Johns River, South Florida and Southwest Florida water management
districts will meet with the public and local government officials to provide
an update on groundwater modeling and water use figures for central Florida.
The <a href="CFCA/index.html" Title="Link to Central Florida Coordination Area"><strong>meeting is May 5</strong></a>.</p>
</div>

<div class="teaserbox-green">
<h5>Water-efficient living</h5>
<a href="floridawaterstar/index.html"><img src="images/teaser3.gif" alt="Florida Water Star-SM" /></a>
<p>Building &ldquo;green&rdquo; and waterwise are a snap with <a href="floridawaterstar/index.html" Title="Link to Florida Water Star-SM"><strong>Florida Water
Star</strong><sup>SM</sup></a>. See our information for home buyers and home builders.</p>
</div>

</div>

<div id="midcolumnleft">

<div class="teaserbox-blue">
<h5>Program is paying off</h5>
<a href="#"><img src="images/teaser2.jpg" alt="Water Protection and Sustainability Program Funded Project" /></a>
<p>Local governments have eagerly stepped on board the <a href="waterprotectsustain/index.html" Title="Link to Water Protection and Sustainability Program"><strong>Florida Water Protection and Sustainability Program</strong></a> in accessing the program&rsquo;s matching construction funds. Cities throughout the District are reaping the program&rsquo;s benefits by planning and constructing new facilities that will provide alternative sources of drinking water or treated wastewater.</p>
</div>

<div class="teaserbox-red">
<h5>When should I water my lawn?</h5>
<a href="#"><img src="images/sprinkler_a.gif" alt="Watering Rule" name="sprinkler" id="sprinkler" onmouseover="MM_swapImage('sprinkler','','images/sprinkler_b.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
<p>Florida lawns need supplemental watering no more than two days per week and
less when it rains. Know the <a href="irrigationrule/index.html" Title="Link to Watering Rule"><strong>watering rule</strong></a>.</p>
</div>

</div>

<!-- footlinks SSI code line has been removed from this location -->

</div>

</div>

</div>

<div id="footer">
<p>&copy;2007&nbsp;&nbsp;St. Johns River Water Management District</p>
</div>
<div id="footerPrint">
<p>&copy;2007&nbsp;&nbsp;St. Johns River Water Management District</p>
</div>

</div>

</body>

</html>

//////CSS//////////////////////////////////////////
/* This style sheet styles pages using the left nav panel, a narrow right content panel, and a wide center panel. The main site indexes and a select few other pages use this style sheet as their base format. */

body {
font-family: Arial, Helvetica, sans-serif;
background-color: #6777B2;
background-image: url(/images/backtile.jpg);
background-repeat: repeat-x;
margin: 0px;
padding: 0px 0px 24px 0px;
}

a:link {
color: #0000CC;
text-decoration: none;
}

a:visited {
color: #0000CC;
text-decoration: none;
}

a:hover {
color: #0099FF;
text-decoration: underline;
}

a:active {
color: #CC0000;
text-decoration: underline;
}

#pagehead {
border-bottom: 1px solid #CAD3F3;
background-color: #002277;
}

#pagehead img {
border: 0px;
}

#pageheadPrint {
display: none;
}

#container {
width: 770px;
border: 1px solid #CAD3F3;
background-color: #EBF0FF;
background-image: url(/images/containertile.jpg);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

#main {
background-color: #FFFFFF;
margin-left: 150px;
padding: 10px 0px 10px 10px;
width: auto;
clear: right;
}

#main2 {
background-color: #FFFFFF;
background-image: url(/images/sidetile.gif);
background-repeat: repeat-y;
background-position: right;
margin-left: 150px;
padding: 10px 0px 10px 10px;
width: auto;
clear: right;
}

#maincontent {
font-size: 0.8em;
line-height: 1.5em;
width: 600px;
}

#feature {
background-image: url(/images/scrub.jpg);
background-repeat: no-repeat;
border: 1px solid #993333;
margin-bottom: 10px;
height: 184px;
}

#maincontent #feature h4 {
background-color: #993333;
color: #FFFFCC;
text-align: center;
letter-spacing: 1.0em;
font-size: 1.0em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 2px 0px 2px 18px;
border-bottom: 1px solid #993333;
}

#maincontent #feature h5 {
margin: 40px 10px 2px 10px;
color: #993333;
}

#maincontent #feature p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent #feature img {
border: 1px solid #993333;
float: right;
margin: 10px 10px 0px 16px;
}

#maincontent #welcomebox h5 {
margin-top: 8px;
margin-bottom: 2px;
font-size: 1.3em;
}

#maincontent #welcomebox p {
margin-bottom: 0px;
padding-bottom: 0px;
}

.teaserbox-blue {
border: 1px solid #CAD3F3;
margin-top: 10px;
}

#maincontent .teaserbox-blue h5 {
background-color: #CAD3F3;
color: #002277;
text-align: center;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 6px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #CAD3F3;
}

#maincontent .teaserbox-blue p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent .teaserbox-blue img {
border: 1px solid #000000;
float: right;
margin: 3px 10px 1px 8px;
}

.teaserbox-blue2 {
border: 1px solid #CAD3F3;
margin-top: 10px;
}

#maincontent .teaserbox-blue2 h5 {
background-color: #CAD3F3;
color: #002277;
text-align: center;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 6px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #CAD3F3;
}

#maincontent .teaserbox-blue2 p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent .teaserbox-blue2 img {
border: 0px;
float: right;
margin: 3px 4px 1px 4px;
}

.teaserbox-red {
border: 1px solid #800000;
margin-top: 10px;
}

#maincontent .teaserbox-red h5 {
background-color: #800000;
color: #FFFFFF;
text-align: center;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 6px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #800000;
}

#maincontent .teaserbox-red p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent .teaserbox-red img {
border: 0px;
float: right;
margin: 3px 4px 1px 4px;
}

.teaserbox-green {
border: 1px solid #C1DCCA;
margin-top: 10px;
}

#maincontent .teaserbox-green h5 {
background-color: #C1DCCA;
color: #002277;
text-align: center;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 6px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #C1DCCA;
}

#maincontent .teaserbox-green p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent .teaserbox-green img {
border: 0px;
float: right;
margin: 3px 4px 1px 4px;
}

#maincontent #widecolumn {
width: auto;
padding: 14px 10px 0px 0px; /* controls padding, mainly down from the top of the wide column on index pages */
margin-right: 115px;
}

#maincontent #widecolumn-home {
width: auto;
padding: 0px 10px 0px 0px; /* controls padding for wide column on the Home page; is slightly different from the index pages */
margin-right: 115px;
}

#maincontent #sidecolumn {
float: right;
width: 104px;
padding-left: 10px;
font-size: 0.85em;
}

#maincontent #sidecolumn p {
padding-top: 12px;
margin-bottom: 10px;
border-top: 1px solid #B5CFBE;
}

#maincontent #sidecolumn p.noborder {
padding-top: 0px;
border-top: 0px;
}

#maincontent #sidecolumn h5#hottopics {
background-color: #800000;
background-image: url(/images/flames.jpg);
background-repeat: no-repeat;
color: #FFFFFF;
padding: 3px 0px 4px 0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
border: 1px solid #C1DCCA;
}

#maincontent #sidecolumn #sitenotice {
border: 3px outset #FFCC00;
background-image: url(/images/warning_bars.gif);
background-repeat: no-repeat;
color: #FFFFFF;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding: 4px 4px 0px 4px;
font-size: 0.9em;
}

#maincontent #sidecolumn #sitenotice h5 {
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-top: 0px;
margin-bottom: 2px;
}

#maincontent #sidecolumn #sitenotice p {
padding-top: 0px;
border-top: 0px;
margin-bottom: 4px;
}

#maincontent #sidecolumn #sitenotice a {
color: #FFCC00;
text-decoration: none;
}

#maincontent #sidecolumn #sitenotice a:visited {
color: #FFCC00;
text-decoration: none;
}

#maincontent #sidecolumn #sitenotice a:hover {
color: #66FFFF;
text-decoration: underline;
}

#maincontent #sidecolumn ul {
margin-top: 0px;
margin-bottom: 14px;
padding-top: 0px;
padding-bottom: 0px;
}

#maincontent #sidecolumn li {
margin-left: -24px;
margin-top: 0px;
margin-bottom: 5px;
line-height: 1.0em;
list-style-image: url(/images/li-bullet.gif);
}

#maincontent #sidecolumn img#myfla {
border: 0px;
margin-bottom: 8px;
}

#maincontent #midcolumnleft {
width: 49%;
}

#maincontent #midcolumnright {
float: right;
width: 49%;
}

#maincontent h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
line-height: 1.0em;
color: #304798;
margin-top: 0px;
margin-bottom: 16px;
}

#maincontent h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
line-height: 1.0em;
color: #6777B2;
margin-top: 0px;
margin-bottom: 16px;
}

#maincontent h3.title {
margin-bottom: 2px;
}

#maincontent h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.0em;
color: #304798;
margin-top: 0px;
margin-bottom: 16px;
}

#maincontent h4.title {
margin-bottom: 2px;
}

#maincontent h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.0em;
color: #304798;
margin-top: 0px;
margin-bottom: 12px;
}

#maincontent h5.title {
margin-bottom: 2px;
}

#maincontent p {
margin-top: 0px;
margin-bottom: 14px;
line-height: 1.25em;
font-size: 0.9em;
}

#maincontent p.indent {
margin: 0px 18px 8px 12px;
}

#maincontent .indent {
margin-left: 30px;
}

#maincontent .indentbox {
margin-left: 30px;
margin-right: 30px;
}

#maincontent .indent2 {
margin-left: 60px;
}

#maincontent .indentbox2 {
margin-left: 60px;
margin-right: 60px;
}

#maincontent p.title {
margin-bottom: 2px;
}

#maincontent p.indexsubhead {
margin-bottom: 4px;
margin-left: 12px;
font-weight: bold;
color: #800000;
}

#maincontent p.indexdescription {
margin: -12px 24px 24px 32px;
font-size: 0.8em;
}

#maincontent p.indent {
margin: 0px 18px 8px 12px;
}

#maincontent .bodynote {
font-size: 0.8em;
color: #CC0000;
line-height: 1.0em;
}

#maincontent .bodynote2 {
font-size: 0.8em;
color: #000000;
line-height: 1.0em;
}

#maincontent .headernote {
font-size: 0.7em;
color: #CC0000;
margin: 0px;
line-height: 1.0em;
}

#maincontent .headernote2 {
font-size: 0.7em;
color: #000000;
margin: 0px;
line-height: 1.0em;
}

#maincontent .anchorindex {
font-size: 0.8em;
color: #999999;
text-align: center;
}

#maincontent .bigtext {
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
text-align: center;
color: #243571;
}

#maincontent .headline {
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
color: #002277;
}

#maincontent .right {
text-align: right;
}

#maincontent p.gototop {
text-align: right;
}

#maincontent p.gototop a:link {
color: #0000CC;
text-decoration: none;
font-size: 0.8em;
text-align: center;
border: 1px solid #CCCCCC;
background-color: #ddeeff;
padding: 3px;
width: 30px;
}

#maincontent p.gototop a:visited {
color: #0000CC;
text-decoration: none;
font-size: 0.8em;
text-align: center;
border: 1px solid #CCCCCC;
background-color: #ddeeff;
padding: 3px;
width: 30px;
}

#maincontent p.gototop a:hover {
color: #FFFFFF;
text-decoration: none;
font-size: 0.8em;
text-align: center;
border: 1px solid #CCCCCC;
background-color: #002277;
padding: 3px;
width: 30px;
}

#maincontent p.gototop a:active {
color: #FFFFFF;
text-decoration: none;
font-size: 0.8em;
text-align: center;
border: 1px solid #CCCCCC;
background-color: #990033;
padding: 3px;
width: 30px;
}

#maincontent .centered {
text-align: center;
}

#maincontent div.video1 {
width: 140px;
float: right;
margin: -24px 2px 8px 16px;
padding: 8px 2px 8px 12px;
background-color: #F8FAFF;
border: 1px solid #CAD3F3;
text-align: center;
}

#maincontent div.video1 h5 {
color: #000000;
font-size: 0.87em;
margin-top: 0px;
margin-bottom: 4px;
margin-left: -8px;
}

#maincontent div.video1 p {
font-size: 0.7em;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 8px;
text-align: left;
}

#maincontent .graphic {
float: right;
margin: 0px 0px 8px 16px;
}

#maincontent .photo {
float: right;
margin-left: 10px;
margin-bottom: 6px;
border: 1px solid #000000;
}

#maincontent ul {
margin-top: 0px;
margin-bottom: 24px;
padding-top: 0px;
padding-bottom: 0px;
}

#maincontent ul.index {
list-style-image: url(/images/li-bullet.gif);
}

#maincontent ul.index li {
margin-left: -8px;
line-height: 1.2em;
}

#maincontent ul ul {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

#maincontent li {
margin: 0px;
padding: 0px;
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.25em;
}

#maincontent li li {
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
}

#maincontent li.space {
list-style-type: none;
list-style-image: none;
}

#maincontent .smaller {
font-size: 0.8em;
line-height: 1.0em;
}

#maincontent .bluegray-pale {
color: #CAD3F3;
}

#maincontent .bluegray-medium {
color: #6777B2;
}

#maincontent .bluegray-dark {
color: #002277;
}

#maincontent .brightblue {
color: #0066CC;
}

#maincontent .dkred {
color: #800000;
}

#maincontent .redtext {
color: #CC0000;
}

div#nav p.dkred {
color: #800000;
}

div#nav {
width: 150px;
float: left;
margin-top: 3px;
height: 600px;
}

div#nav img {
border: 0px;
}

div#nav p {
color: #304798;
font-size: 0.58em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
margin: 8px 12px 0px 12px;
text-align: center;
}

div#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div#nav ul ul{
position: absolute;
top: 0;
left: 134px; /* controls left position of pop-out nav buttons relative to main nav group */
width: 100%; /* controls width of pop-out nav buttons */
}

div#nav ul ul, /* keeps all 1st- and 2nd-level pop-outs from showing until a main nav button is moused over */
div#nav ul li:hover ul ul {
display: none;
}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul {
display: inline;
position: absolute;
top: 0;
margin: 3px 0px 0px 0px;
}

div#nav li {

margin: -3px 0px 0px 0px;
padding: 0px;
width: 100%;
position: relative;
}

div#nav ul a {
color: #304798; /* font color for main nav buttons */
background-color: #F8FAFF; /* background color for main nav buttons */
text-decoration: none;
display: block;
padding: 6px 10px 6px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 7.5pt;
line-height: 1.2em;
border-right: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
}

div#nav ul a:hover {
color: #FFFFFF; /* font color for main nav rollovers */
background-color: #002277; /* background color for main nav rollovers */
background-image: url(/images/triangle_mainnavs.gif);
background-repeat: no-repeat;
background-position: top right;
text-decoration: none;
display: block;
padding: 6px 10px 6px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 7.5pt;
line-height: 1.2em;
border-right: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
}

div#nav ul ul a {
color: #FFFFFF; /* font color for nav 1st-level pop-outs */
background-color: #1A44AB; /* background color for nav 1st-level pop-outs */
padding: 4px 6px 4px 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 7.5pt;
line-height: 1.2em;
border: 0px;
}

div#nav ul ul a:hover {
color: #FFFFFF; /* fon
 
Note: "htc" files are IE-only, so if you have key behaviour in there that isn't replicated for other browsers in your CSS or JS files, that would be why it is not working.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
The css is here. Dan, In my original post, I 'thought' I included the css, but the post must have exceded its size limit, as the html is clipped also. I understand and respect this forum. I wish there was a way to attach html, css, etc. in a way that would be separate from the question.

Also, when the htc is removed the menus still work fine in IE7. I am confidant it is a CSS only issue.

And I appreciate any help offered. Thanks. JohnnyXL

CSS//////////////
/* This style sheet styles pages using the left nav panel, a narrow right content panel, and a wide center panel. The main site indexes and a select few other pages use this style sheet as their base format. */

body {
font-family: Arial, Helvetica, sans-serif;
background-color: #6777B2;
background-image: url(/images/backtile.jpg);
background-repeat: repeat-x;
margin: 0px;
padding: 0px 0px 24px 0px;
}

a:link {
color: #0000CC;
text-decoration: none;
}

a:visited {
color: #0000CC;
text-decoration: none;
}

a:hover {
color: #0099FF;
text-decoration: underline;
}

a:active {
color: #CC0000;
text-decoration: underline;
}

#pagehead {
border-bottom: 1px solid #CAD3F3;
background-color: #002277;
}

#pagehead img {
border: 0px;
}

#pageheadPrint {
display: none;
}

#container {
width: 770px;
border: 1px solid #CAD3F3;
background-color: #EBF0FF;
background-image: url(/images/containertile.jpg);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

#main {
background-color: #FFFFFF;
margin-left: 150px;
padding: 10px 0px 10px 10px;
width: auto;
clear: right;
}

#main2 {
background-color: #FFFFFF;
background-image: url(/images/sidetile.gif);
background-repeat: repeat-y;
background-position: right;
margin-left: 150px;
padding: 10px 0px 10px 10px;
width: auto;
clear: right;
}

#maincontent {
font-size: 0.8em;
line-height: 1.5em;
width: 600px;
}

#feature {
background-image: url(/images/scrub.jpg);
background-repeat: no-repeat;
border: 1px solid #993333;
margin-bottom: 10px;
height: 184px;
}

#maincontent #feature h4 {
background-color: #993333;
color: #FFFFCC;
text-align: center;
letter-spacing: 1.0em;
font-size: 1.0em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 2px 0px 2px 18px;
border-bottom: 1px solid #993333;
}

#maincontent #feature h5 {
margin: 40px 10px 2px 10px;
color: #993333;
}

#maincontent #feature p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent #feature img {
border: 1px solid #993333;
float: right;
margin: 10px 10px 0px 16px;
}

#maincontent #welcomebox h5 {
margin-top: 8px;
margin-bottom: 2px;
font-size: 1.3em;
}

#maincontent #welcomebox p {
margin-bottom: 0px;
padding-bottom: 0px;
}

.teaserbox-blue {
border: 1px solid #CAD3F3;
margin-top: 10px;
}

#maincontent .teaserbox-blue h5 {
background-color: #CAD3F3;
color: #002277;
text-align: center;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 6px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #CAD3F3;
}

#maincontent .teaserbox-blue p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent .teaserbox-blue img {
border: 1px solid #000000;
float: right;
margin: 3px 10px 1px 8px;
}

.teaserbox-blue2 {
border: 1px solid #CAD3F3;
margin-top: 10px;
}

#maincontent .teaserbox-blue2 h5 {
background-color: #CAD3F3;
color: #002277;
text-align: center;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 6px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #CAD3F3;
}

#maincontent .teaserbox-blue2 p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent .teaserbox-blue2 img {
border: 0px;
float: right;
margin: 3px 4px 1px 4px;
}

.teaserbox-red {
border: 1px solid #800000;
margin-top: 10px;
}

#maincontent .teaserbox-red h5 {
background-color: #800000;
color: #FFFFFF;
text-align: center;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 6px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #800000;
}

#maincontent .teaserbox-red p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent .teaserbox-red img {
border: 0px;
float: right;
margin: 3px 4px 1px 4px;
}

.teaserbox-green {
border: 1px solid #C1DCCA;
margin-top: 10px;
}

#maincontent .teaserbox-green h5 {
background-color: #C1DCCA;
color: #002277;
text-align: center;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 6px 0px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #C1DCCA;
}

#maincontent .teaserbox-green p {
margin: 0px 10px 10px 10px;
font-size: 0.85em;
}

#maincontent .teaserbox-green img {
border: 0px;
float: right;
margin: 3px 4px 1px 4px;
}

#maincontent #widecolumn {
width: auto;
padding: 14px 10px 0px 0px; /* controls padding, mainly down from the top of the wide column on index pages */
margin-right: 115px;
}

#maincontent #widecolumn-home {
width: auto;
padding: 0px 10px 0px 0px; /* controls padding for wide column on the Home page; is slightly different from the index pages */
margin-right: 115px;
}

#maincontent #sidecolumn {
float: right;
width: 104px;
padding-left: 10px;
font-size: 0.85em;
}

#maincontent #sidecolumn p {
padding-top: 12px;
margin-bottom: 10px;
border-top: 1px solid #B5CFBE;
}

#maincontent #sidecolumn p.noborder {
padding-top: 0px;
border-top: 0px;
}

#maincontent #sidecolumn h5#hottopics {
background-color: #800000;
background-image: url(/images/flames.jpg);
background-repeat: no-repeat;
color: #FFFFFF;
padding: 3px 0px 4px 0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
border: 1px solid #C1DCCA;
}

#maincontent #sidecolumn #sitenotice {
border: 3px outset #FFCC00;
background-image: url(/images/warning_bars.gif);
background-repeat: no-repeat;
color: #FFFFFF;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding: 4px 4px 0px 4px;
font-size: 0.9em;
}

#maincontent #sidecolumn #sitenotice h5 {
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-top: 0px;
margin-bottom: 2px;
}

#maincontent #sidecolumn #sitenotice p {
padding-top: 0px;
border-top: 0px;
margin-bottom: 4px;
}

#maincontent #sidecolumn #sitenotice a {
color: #FFCC00;
text-decoration: none;
}

#maincontent #sidecolumn #sitenotice a:visited {
color: #FFCC00;
text-decoration: none;
}

#maincontent #sidecolumn #sitenotice a:hover {
color: #66FFFF;
text-decoration: underline;
}

#maincontent #sidecolumn ul {
margin-top: 0px;
margin-bottom: 14px;
padding-top: 0px;
padding-bottom: 0px;
}

#maincontent #sidecolumn li {
margin-left: -24px;
margin-top: 0px;
margin-bottom: 5px;
line-height: 1.0em;
list-style-image: url(/images/li-bullet.gif);
}

#maincontent #sidecolumn img#myfla {
border: 0px;
margin-bottom: 8px;
}

#maincontent #midcolumnleft {
width: 49%;
}

#maincontent #midcolumnright {
float: right;
width: 49%;
}

#maincontent h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
line-height: 1.0em;
color: #304798;
margin-top: 0px;
margin-bottom: 16px;
}

#maincontent h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
line-height: 1.0em;
color: #6777B2;
margin-top: 0px;
margin-bottom: 16px;
}

#maincontent h3.title {
margin-bottom: 2px;
}

#maincontent h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.0em;
color: #304798;
margin-top: 0px;
margin-bottom: 16px;
}

#maincontent h4.title {
margin-bottom: 2px;
}

#maincontent h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.0em;
color: #304798;
margin-top: 0px;
margin-bottom: 12px;
}

#maincontent h5.title {
margin-bottom: 2px;
}

#maincontent p {
margin-top: 0px;
margin-bottom: 14px;
line-height: 1.25em;
font-size: 0.9em;
}

#maincontent p.indent {
margin: 0px 18px 8px 12px;
}

#maincontent .indent {
margin-left: 30px;
}

#maincontent .indentbox {
margin-left: 30px;
margin-right: 30px;
}

#maincontent .indent2 {
margin-left: 60px;
}

#maincontent .indentbox2 {
margin-left: 60px;
margin-right: 60px;
}

#maincontent p.title {
margin-bottom: 2px;
}

#maincontent p.indexsubhead {
margin-bottom: 4px;
margin-left: 12px;
font-weight: bold;
color: #800000;
}

#maincontent p.indexdescription {
margin: -12px 24px 24px 32px;
font-size: 0.8em;
}

#maincontent p.indent {
margin: 0px 18px 8px 12px;
}

#maincontent .bodynote {
font-size: 0.8em;
color: #CC0000;
line-height: 1.0em;
}

#maincontent .bodynote2 {
font-size: 0.8em;
color: #000000;
line-height: 1.0em;
}

#maincontent .headernote {
font-size: 0.7em;
color: #CC0000;
margin: 0px;
line-height: 1.0em;
}

#maincontent .headernote2 {
font-size: 0.7em;
color: #000000;
margin: 0px;
line-height: 1.0em;
}

#maincontent .anchorindex {
font-size: 0.8em;
color: #999999;
text-align: center;
}

#maincontent .bigtext {
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
text-align: center;
color: #243571;
}

#maincontent .headline {
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
color: #002277;
}

#maincontent .right {
text-align: right;
}

#maincontent p.gototop {
text-align: right;
}

#maincontent p.gototop a:link {
color: #0000CC;
text-decoration: none;
font-size: 0.8em;
text-align: center;
border: 1px solid #CCCCCC;
background-color: #ddeeff;
padding: 3px;
width: 30px;
}

#maincontent p.gototop a:visited {
color: #0000CC;
text-decoration: none;
font-size: 0.8em;
text-align: center;
border: 1px solid #CCCCCC;
background-color: #ddeeff;
padding: 3px;
width: 30px;
}

#maincontent p.gototop a:hover {
color: #FFFFFF;
text-decoration: none;
font-size: 0.8em;
text-align: center;
border: 1px solid #CCCCCC;
background-color: #002277;
padding: 3px;
width: 30px;
}

#maincontent p.gototop a:active {
color: #FFFFFF;
text-decoration: none;
font-size: 0.8em;
text-align: center;
border: 1px solid #CCCCCC;
background-color: #990033;
padding: 3px;
width: 30px;
}

#maincontent .centered {
text-align: center;
}

#maincontent div.video1 {
width: 140px;
float: right;
margin: -24px 2px 8px 16px;
padding: 8px 2px 8px 12px;
background-color: #F8FAFF;
border: 1px solid #CAD3F3;
text-align: center;
}

#maincontent div.video1 h5 {
color: #000000;
font-size: 0.87em;
margin-top: 0px;
margin-bottom: 4px;
margin-left: -8px;
}

#maincontent div.video1 p {
font-size: 0.7em;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 8px;
text-align: left;
}

#maincontent .graphic {
float: right;
margin: 0px 0px 8px 16px;
}

#maincontent .photo {
float: right;
margin-left: 10px;
margin-bottom: 6px;
border: 1px solid #000000;
}

#maincontent ul {
margin-top: 0px;
margin-bottom: 24px;
padding-top: 0px;
padding-bottom: 0px;
}

#maincontent ul.index {
list-style-image: url(/images/li-bullet.gif);
}

#maincontent ul.index li {
margin-left: -8px;
line-height: 1.2em;
}

#maincontent ul ul {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

#maincontent li {
margin: 0px;
padding: 0px;
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.25em;
}

#maincontent li li {
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
}

#maincontent li.space {
list-style-type: none;
list-style-image: none;
}

#maincontent .smaller {
font-size: 0.8em;
line-height: 1.0em;
}

#maincontent .bluegray-pale {
color: #CAD3F3;
}

#maincontent .bluegray-medium {
color: #6777B2;
}

#maincontent .bluegray-dark {
color: #002277;
}

#maincontent .brightblue {
color: #0066CC;
}

#maincontent .dkred {
color: #800000;
}

#maincontent .redtext {
color: #CC0000;
}

div#nav p.dkred {
color: #800000;
}

div#nav {
width: 150px;
float: left;
margin-top: 3px;
height: 600px;
}

div#nav img {
border: 0px;
}

div#nav p {
color: #304798;
font-size: 0.58em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
margin: 8px 12px 0px 12px;
text-align: center;
}

div#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div#nav ul ul{
position: absolute;
top: 0;
left: 134px; /* controls left position of pop-out nav buttons relative to main nav group */
width: 100%; /* controls width of pop-out nav buttons */
}

div#nav ul ul, /* keeps all 1st- and 2nd-level pop-outs from showing until a main nav button is moused over */
div#nav ul li:hover ul ul {
display: none;
}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul {
display: inline;
position: absolute;
top: 0;
margin: 3px 0px 0px 0px;
}

div#nav li {

margin: -3px 0px 0px 0px;
padding: 0px;
width: 100%;
position: relative;
}

div#nav ul a {
color: #304798; /* font color for main nav buttons */
background-color: #F8FAFF; /* background color for main nav buttons */
text-decoration: none;
display: block;
padding: 6px 10px 6px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 7.5pt;
line-height: 1.2em;
border-right: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
}

div#nav ul a:hover {
color: #FFFFFF; /* font color for main nav rollovers */
background-color: #002277; /* background color for main nav rollovers */
background-image: url(/images/triangle_mainnavs.gif);
background-repeat: no-repeat;
background-position: top right;
text-decoration: none;
display: block;
padding: 6px 10px 6px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 7.5pt;
line-height: 1.2em;
border-right: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
}

div#nav ul ul a {
color: #FFFFFF; /* font color for nav 1st-level pop-outs */
background-color: #1A44AB; /* background color for nav 1st-level pop-outs */
padding: 4px 6px 4px 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 7.5pt;
line-height: 1.2em;
border: 0px;
}

div#nav ul ul a:hover {
color: #FFFFFF; /* font color for nav 1st-level pop-out rollovers */
background-color: #002277; /* background color for nav 1st-level pop-out rollovers */
padding: 4px 6px 4px 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 7.5pt;
line-height: 1.2em;
border: 0px;
}

div#nav ul ul a.popout3 {
background-color: #1A44AB;
background-image: url(/images/triangle_1A44AB.gif);
background-repeat: no-repeat;
background-position: top right;
}

div#nav ul ul a.popout3:hover {
background-color: #002277;
background-image: url(/images/triangle_002277.gif);
background-repeat: no-repeat;
background-position: top right;
}

div#nav ul ul ul a {
color: #FFFFFF; /* font color for nav 2nd-level pop-outs */
background-color: #2C5F5C; /* background color for nav 2nd-level pop-outs */
}

div#nav ul ul ul a:hover {
color: #FFFFFF; /* font color for nav 2nd-level pop-out rollovers */
background-color: #002277; /* background color for nav 2nd-level pop-out rollovers */
background-image: none;
}

#quickclicks {
margin: 0px;
padding: 0px;
}

#quickclicks a.rbutton-qclicks:link {
text-decoration: none;
text-align: center;
color: #304798;
background-color: #F8FAFF;
border-left: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 12px 3px 12px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: right;
margin-left: -6px;
}

#quickclicks a.rbutton-qclicks:visited {
text-decoration: none;
text-align: center;
color: #304798;
background-color: #F8FAFF;
border-left: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 12px 3px 12px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: right;
margin-left: -6px;
}

#quickclicks a.rbutton-qclicks:hover {
text-decoration: none;
text-align: center;
color: #FFFFFF;
background-color: #002277;
background-position: left center;
border-left: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 12px 3px 12px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: right;
margin-left: -6px;
}

#quickclicks a.rbutton-qclicks:active {
text-decoration: none;
text-align: center;
color: #FFFFFF;
background-color: #660000;
border-left: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 12px 3px 12px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: right;
margin-left: -6px;
}

#quickclicks a.lbutton-qclicks:link {
text-decoration: none;
color: #304798;
background-color: #F8FAFF;
border-left: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 7px 3px 7px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: left;
}

#quickclicks a.lbutton-qclicks:visited {
text-decoration: none;
color: #304798;
background-color: #F8FAFF;
border-left: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 7px 3px 7px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: left;
}

#quickclicks a.lbutton-qclicks:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #002277;
border-left: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 7px 3px 7px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: left;
}

#quickclicks a.lbutton-qclicks:active {
text-decoration: none;
color: #FFFFFF;
background-color: #660000;
border-left: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 7px 3px 7px;
font-size: 7.5pt;
font-weight: bold;
display: block;
display: block;
float: left;
}

#quickclicks a.lastbutton-qclicks:link {
text-decoration: none;
color: #304798;
background-color: #F8FAFF;
border-left: 1px solid #CAD3F3;
border-right: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 10px 3px 9px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: left;
}

#quickclicks a.lastbutton-qclicks:visited {
text-decoration: none;
color: #304798;
background-color: #F8FAFF;
border-left: 1px solid #CAD3F3;
border-right: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 10px 3px 9px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: left;
}

#quickclicks a.lastbutton-qclicks:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #002277;
border-left: 1px solid #CAD3F3;
border-right: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 10px 3px 9px;
font-size: 7.5pt;
font-weight: bold;
display: block;
float: left;
}

#quickclicks a.lastbutton-qclicks:active {
text-decoration: none;
color: #FFFFFF;
background-color: #660000;
border-left: 1px solid #CAD3F3;
border-right: 1px solid #CAD3F3;
border-bottom: 1px solid #CAD3F3;
padding: 2px 10px 3px 9px;
font-size: 7.5pt;
font-weight: bold;
display: block;
display: block;
float: left;
}

#quickclicks .color_block {
background-color: #F8FAFF;
border-bottom: 1px solid #CAD3F3;
font-size: 7.5pt;
padding: 2px 0px 2px 0px;
}

#quickclicks p.quickclick {
color: #304798;
background-color: #E7EBF3;
background-image: url(/images/triangle_quickclicks.gif);
background-repeat: no-repeat;
background-position: right;
border-bottom: 1px solid #CAD3F3;
border-left: 1px solid #CAD3F3;
padding: 2px 17px 3px 8px;
font-size: 7.5pt;
font-weight: bold;
float: left;
margin: 0px;
}

#quickclicks p.quickclick2 {
color: #304798;
background-color: #E7EBF3;
background-image: url(/images/triangle_sitenavlabel.gif);
background-repeat: no-repeat;
background-position: center;
border-bottom: 1px solid #CAD3F3;
padding: 2px 41px 3px 33px;
font-size: 7.5pt;
font-weight: bold;
float: left;
margin: 0px;
}

#maincontent p#footlinks {
color: #D96E59;
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 36px;
margin-bottom: 0px;
clear: left;
}

#footer {
background-color: #002277;
background-image: url(/images/logo_web.gif);
background-repeat: no-repeat;
background-position: left;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 20px;
border-top: 1px solid #CAD3F3;
text-align: right;
clear: left;
}

#footer p {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 12px;
font-size: 0.56em;
line-height: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #F8FAFF;
}

#footerPrint {
display: none;
}

sup {
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: super;
}

#maincontent #right_side {
float: right;
margin-top: -4px;
margin-left: 16px;
}
 
A) Upload this code to a free host somewhere and give us the link.
B) Simplify the code and show only the problem at hand.

I really can't find my way around all this mess.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top