ÿþ<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Special Events</title> <style type="text/css"> .textborder {border: 3px solid black; padding: 2px;} body { background-color: #99CCFF; } div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem { font-family: "MS Sans Serif", Arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: normal; color: #000000; } div.menuBar { background-color: 99CCFF; border: 1px solid #FFFFFF; padding: 4px 2px 4px 2px; text-align: left; color: #000000; } div.menuBar a.menuButton { background-color: #FFCC66; border: 1px solid #FFFFFF; color: #000000; cursor: default; left: 0px; margin: 0px; padding: 2px 40px 2px 40px; position: relative; text-decoration: none; top: 0px; z-index: 100; } div.menuBar a.menuButton:hover { background-color: #FFCC66; border: 0px solid #FFFFFF; color: #000000; } div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover { background-color: #FFCC66; border: 0px solid #FFFFFF; left: 1px; top: 1px; } div.menu { background-color: #66CC99; border: 0px solid #FFFFFF; left: 0px; padding: 0px 0px 0px 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101; color: #FFFFFF; } div.menu a.menuItem { color: #000000; cursor: default; display: block; padding: 3px 1em; text-decoration: none; white-space: nowrap; font-weight: normal; } div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #66CC99; color: #FFFFFF; } div.menu a.menuItem span.menuItemText {} div.menu a.menuItem span.menuItemArrow { margin-right: -.75em; } div.menu div.menuItemSep { border: 1px inset #FFFFFF; margin: 4px 2px; } body { background-color: #999999; } .style1 { font-family: Calibri; font-size: 18px; } .style5 { font-size: 24px; font-style: italic; font-family: Calibri; } </style> <script type="text/javascript">//<![CDATA[ //***************************************************************************** // Do not remove this notice. // // Copyright 2000-2004 by Mike Hall. // See http://www.brainjar.com for terms of use. //***************************************************************************** //---------------------------------------------------------------------------- // Code to determine the browser and version. //---------------------------------------------------------------------------- function Browser() { var ua, s, i; this.isIE = false; // Internet Explorer this.isOP = false; // Opera this.isNS = false; // Netscape this.version = null; ua = navigator.userAgent; s = "Opera"; if ((i = ua.indexOf(s)) >= 0) { this.isOP = true; this.version = parseFloat(ua.substr(i + s.length)); return; } s = "Netscape6/"; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; this.version = parseFloat(ua.substr(i + s.length)); return; } // Treat any other "Gecko" browser as Netscape 6.1. s = "Gecko"; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; this.version = 6.1; return; } s = "MSIE"; if ((i = ua.indexOf(s))) { this.isIE = true; this.version = parseFloat(ua.substr(i + s.length)); return; } } var browser = new Browser(); //---------------------------------------------------------------------------- // Code for handling the menu bar and active button. //---------------------------------------------------------------------------- var activeButton = null; /* [MODIFIED] This code commented out, not needed for activate/deactivate on mouseover. // Capture mouse clicks on the page so any active button can be // deactivated. if (browser.isIE) document.onmousedown = pageMousedown; else document.addEventListener("mousedown", pageMousedown, true); function pageMousedown(event) { var el; // If there is no active button, exit. if (activeButton == null) return; // Find the element that was clicked on. if (browser.isIE) el = window.event.srcElement; else el = (event.target.tagName ? event.target : event.target.parentNode); // If the active button was clicked on, exit. if (el == activeButton) return; // If the element is not part of a menu, reset and clear the active // button. if (getContainerWith(el, "DIV", "menu") == null) { resetButton(activeButton); activeButton = null; } } [END MODIFIED] */ function buttonClick(event, menuId) { var button; // Get the target button element. if (browser.isIE) button = window.event.srcElement; else button = event.currentTarget; // Blur focus from the link to remove that annoying outline. button.blur(); // Associate the named menu to this button if not already done. // Additionally, initialize menu display. if (button.menu == null) { button.menu = document.getElementById(menuId); if (button.menu.isInitialized == null) menuInit(button.menu); } // [MODIFIED] Added for activate/deactivate on mouseover. // Set mouseout event handler for the button, if not already done. if (button.onmouseout == null) button.onmouseout = buttonOrMenuMouseout; // Exit if this button is the currently active one. if (button == activeButton) return false; // [END MODIFIED] // Reset the currently active button, if any. if (activeButton != null) resetButton(activeButton); // Activate this button, unless it was the currently active one. if (button != activeButton) { depressButton(button); activeButton = button; } else activeButton = null; return false; } function buttonMouseover(event, menuId) { var button; // [MODIFIED] Added for activate/deactivate on mouseover. // Activates this button's menu if no other is currently active. if (activeButton == null) { buttonClick(event, menuId); return; } // [END MODIFIED] // Find the target button element. if (browser.isIE) button = window.event.srcElement; else button = event.currentTarget; // If any other button menu is active, make this one active instead. if (activeButton != null && activeButton != button) buttonClick(event, menuId); } function depressButton(button) { var x, y; // Update the button's style class to make it look like it's // depressed. button.className += " menuButtonActive"; // [MODIFIED] Added for activate/deactivate on mouseover. // Set mouseout event handler for the button, if not already done. if (button.onmouseout == null) button.onmouseout = buttonOrMenuMouseout; if (button.menu.onmouseout == null) button.menu.onmouseout = buttonOrMenuMouseout; // [END MODIFIED] // Position the associated drop down menu under the button and // show it. x = getPageOffsetLeft(button); y = getPageOffsetTop(button) + button.offsetHeight; // For IE, adjust position. if (browser.isIE) { x += button.offsetParent.clientLeft; y += button.offsetParent.clientTop; } button.menu.style.left = x + "px"; button.menu.style.top = y + "px"; button.menu.style.visibility = "visible"; // For IE; size, position and show the menu's IFRAME as well. if (button.menu.iframeEl != null) { button.menu.iframeEl.style.left = button.menu.style.left; button.menu.iframeEl.style.top = button.menu.style.top; button.menu.iframeEl.style.width = button.menu.offsetWidth + "px"; button.menu.iframeEl.style.height = button.menu.offsetHeight + "px"; button.menu.iframeEl.style.display = ""; } } function resetButton(button) { // Restore the button's style class. removeClassName(button, "menuButtonActive"); // Hide the button's menu, first closing any sub menus. if (button.menu != null) { closeSubMenu(button.menu); button.menu.style.visibility = "hidden"; // For IE, hide menu's IFRAME as well. if (button.menu.iframeEl != null) button.menu.iframeEl.style.display = "none"; } } //---------------------------------------------------------------------------- // Code to handle the menus and sub menus. //---------------------------------------------------------------------------- function menuMouseover(event) { var menu; // Find the target menu element. if (browser.isIE) menu = getContainerWith(window.event.srcElement, "DIV", "menu"); else menu = event.currentTarget; // Close any active sub menu. if (menu.activeItem != null) closeSubMenu(menu); } function menuItemMouseover(event, menuId) { var item, menu, x, y; // Find the target item element and its parent menu element. if (browser.isIE) item = getContainerWith(window.event.srcElement, "A", "menuItem"); else item = event.currentTarget; menu = getContainerWith(item, "DIV", "menu"); // Close any active sub menu and mark this one as active. if (menu.activeItem != null) closeSubMenu(menu); menu.activeItem = item; // Highlight the item element. item.className += " menuItemHighlight"; // Initialize the sub menu, if not already done. if (item.subMenu == null) { item.subMenu = document.getElementById(menuId); if (item.subMenu.isInitialized == null) menuInit(item.subMenu); } // [MODIFIED] Added for activate/deactivate on mouseover. // Set mouseout event handler for the sub menu, if not already done. if (item.subMenu.onmouseout == null) item.subMenu.onmouseout = buttonOrMenuMouseout; // [END MODIFIED] // Get position for submenu based on the menu item. x = getPageOffsetLeft(item) + item.offsetWidth; y = getPageOffsetTop(item); // Adjust position to fit in view. var maxX, maxY; if (browser.isIE) { maxX = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) + (document.documentElement.clientWidth != 0 ? document.documentElement.clientWidth : document.body.clientWidth); maxY = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + (document.documentElement.clientHeight != 0 ? document.documentElement.clientHeight : document.body.clientHeight); } if (browser.isOP) { maxX = document.documentElement.scrollLeft + window.innerWidth; maxY = document.documentElement.scrollTop + window.innerHeight; } if (browser.isNS) { maxX = window.scrollX + window.innerWidth; maxY = window.scrollY + window.innerHeight; } maxX -= item.subMenu.offsetWidth; maxY -= item.subMenu.offsetHeight; if (x > maxX) x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth + (menu.offsetWidth - item.offsetWidth)); y = Math.max(0, Math.min(y, maxY)); // Position and show the sub menu. item.subMenu.style.left = x + "px"; item.subMenu.style.top = y + "px"; item.subMenu.style.visibility = "visible"; // For IE; size, position and display the menu's IFRAME as well. if (item.subMenu.iframeEl != null) { item.subMenu.iframeEl.style.left = item.subMenu.style.left; item.subMenu.iframeEl.style.top = item.subMenu.style.top; item.subMenu.iframeEl.style.width = item.subMenu.offsetWidth + "px"; item.subMenu.iframeEl.style.height = item.subMenu.offsetHeight + "px"; item.subMenu.iframeEl.style.display = ""; } // Stop the event from bubbling. if (browser.isIE) window.event.cancelBubble = true; else event.stopPropagation(); } function closeSubMenu(menu) { if (menu == null || menu.activeItem == null) return; // Recursively close any sub menus. if (menu.activeItem.subMenu != null) { closeSubMenu(menu.activeItem.subMenu); menu.activeItem.subMenu.style.visibility = "hidden"; // For IE, hide the sub menu's IFRAME as well. if (menu.activeItem.subMenu.iframeEl != null) menu.activeItem.subMenu.iframeEl.style.display = "none"; menu.activeItem.subMenu = null; } // Deactivate the active menu item. removeClassName(menu.activeItem, "menuItemHighlight"); menu.activeItem = null; } // [MODIFIED] Added for activate/deactivate on mouseover. Handler for mouseout // event on buttons and menus. function buttonOrMenuMouseout(event) { var el; // If there is no active button, exit. if (activeButton == null) return; // Find the element the mouse is moving to. if (browser.isIE) el = window.event.toElement; else if (event.relatedTarget != null) el = (event.relatedTarget.tagName ? event.relatedTarget : event.relatedTarget.parentNode); // If the element is not part of a menu, reset the active button. if (getContainerWith(el, "DIV", "menu") == null) { resetButton(activeButton); activeButton = null; } } // [END MODIFIED] //---------------------------------------------------------------------------- // Code to initialize menus. //---------------------------------------------------------------------------- function menuInit(menu) { var itemList, spanList; var textEl, arrowEl; var itemWidth; var w, dw; var i, j; // For IE, replace arrow characters. if (browser.isIE) { menu.style.lineHeight = "2.5ex"; spanList = menu.getElementsByTagName("SPAN"); for (i = 0; i < spanList.length; i++) if (hasClassName(spanList[i], "menuItemArrow")) { spanList[i].style.fontFamily = "Webdings"; spanList[i].firstChild.nodeValue = "4"; } } // Find the width of a menu item. itemList = menu.getElementsByTagName("A"); if (itemList.length > 0) itemWidth = itemList[0].offsetWidth; else return; // For items with arrows, add padding to item text to make the // arrows flush right. for (i = 0; i < itemList.length; i++) { spanList = itemList[i].getElementsByTagName("SPAN"); textEl = null; arrowEl = null; for (j = 0; j < spanList.length; j++) { if (hasClassName(spanList[j], "menuItemText")) textEl = spanList[j]; if (hasClassName(spanList[j], "menuItemArrow")) arrowEl = spanList[j]; } if (textEl != null && arrowEl != null) { textEl.style.paddingRight = (itemWidth - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px"; // For Opera, remove the negative right margin to fix a display bug. if (browser.isOP) arrowEl.style.marginRight = "0px"; } } // Fix IE hover problem by setting an explicit width on first item of // the menu. if (browser.isIE) { w = itemList[0].offsetWidth; itemList[0].style.width = w + "px"; dw = itemList[0].offsetWidth - w; w -= dw; itemList[0].style.width = w + "px"; } // Fix the IE display problem (SELECT elements and other windowed controls // overlaying the menu) by adding an IFRAME under the menu. if (browser.isIE) { var iframeEl = document.createElement("IFRAME"); iframeEl.frameBorder = 0; iframeEl.src = "javascript:false;"; iframeEl.style.display = "none"; iframeEl.style.position = "absolute"; iframeEl.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)"; menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu); } // Mark menu as initialized. menu.isInitialized = true; } //---------------------------------------------------------------------------- // General utility functions. //---------------------------------------------------------------------------- function getContainerWith(node, tagName, className) { // Starting with the given node, find the nearest containing element // with the specified tag name and style class. while (node != null) { if (node.tagName != null && node.tagName == tagName && hasClassName(node, className)) return node; node = node.parentNode; } return node; } function hasClassName(el, name) { var i, list; // Return true if the given element currently has the given class // name. list = el.className.split(" "); for (i = 0; i < list.length; i++) if (list[i] == name) return true; return false; } function removeClassName(el, name) { var i, curList, newList; if (el.className == null) return; // Remove the given class name from the element's className property. newList = new Array(); curList = el.className.split(" "); for (i = 0; i < curList.length; i++) if (curList[i] != name) newList.push(curList[i]); el.className = newList.join(" "); } function getPageOffsetLeft(el) { var x; // Return the x coordinate of an element relative to the page. x = el.offsetLeft; if (el.offsetParent != null) x += getPageOffsetLeft(el.offsetParent); return x; } function getPageOffsetTop(el) { var y; // Return the x coordinate of an element relative to the page. y = el.offsetTop; if (el.offsetParent != null) y += getPageOffsetTop(el.offsetParent); return y; } //]]> <!-- var image1=new Image() image1.src="pictures/IMG_2019.jpg" var image2=new Image() image2.src="pictures/IMG_2069.jpg" var image3=new Image() image3.src="pictures/IMG_2042.jpg" var image4=new Image() image4.src="pictures/IMG_2104.jpg" var image5=new Image() image5.src="pictures/IMG_2105.jpg" var image6=new Image() image6.src="pictures/IMG_3500.jpg" var image7=new Image() image7.src="pictures/IMG_3526.jpg" var image8=new Image() image8.src="pictures/IMG_8449.jpg" var image9=new Image() image9.src="pictures/IMG_8464.jpg" var image10=new Image() image10.src="pictures/IMG_8518.jpg" var image11=new Image() image11.src="pictures/IMG_8567.jpg" var image12=new Image() image12.src="pictures/IMG_8599.jpg" var image13=new Image() image13.src="pictures/IMG_8657.jpg" var image14=new Image() image14.src="pictures/IMG_8676.jpg" var image15=new Image() image15.src="pictures/IMG_8749.jpg" var image16=new Image() image16.src="pictures/IMG_8882.jpg" var image17=new Image() image17.src="pictures/IMG_8889.jpg" var image18=new Image() image18.src="pictures/IMG_8929.jpg" var image19=new Image() image19.src="pictures/IMG_8997.jpg" var image20=new Image() image20.src="pictures/IMG_9012.jpg" //--> </script> </head> <body> <table width="970" border="5" align="center" bordercolor="#FFFFFF" bgcolor="#FFFFFF"> <tr bgcolor="#99FF99"><td colspan="3" bgcolor="#99CC99"><!--HNB logo--> <img src="pictures/header2.png"> </tr> <tr bordercolor="#FFFFFF" bgcolor="#99FF99"> <td colspan="5" bgcolor="#FFCC66"><!-- Menu starts bar #1. --> <div class="menuBar" style="float:center;width:970px;"><a class="menuButton" href="home.htm" onClick="return buttonClick(event, 'menu1');" onMouseOver="buttonMouseover(event, 'menu1');"> <strong>Home</strong></a><a href="" class="menuButton" onClick="return buttonClick(event, 'menu2');" onMouseOver="buttonMouseover(event, 'menu2');"><strong> About HNB</strong></a><a href="" class="menuButton" onClick="return buttonClick(event, 'menu3');" onMouseOver="buttonMouseover(event, 'menu3');"><strong> Our Services</strong></a><a href="events.htm" class="menuButton" onClick="return buttonClick(event, 'menu4');" onMouseOver="buttonMouseover(event, 'menu4');"><strong> Events</strong></a><a href="" class="menuButton" onClick="return buttonClick(event, 'menu5');" onMouseOver="buttonMouseover(event, 'menu5');"><strong> Media</strong></a><a href="contactus.htm" class="menuButton" onClick="return buttonClick(event, 'menu6');" onMouseOver="buttonMouseover(event, 'menu6');"><strong> Contact HNB</strong></a> </div> <!-- Main menus. --> <div id="menu3" class="menu" onMouseOver="menuMouseover(event)"> <a class="menuItem" href="youth_and_family.htm">Youth Services</a> <a class="menuItem" href="counsel_and_train.htm">Counseling Center</a> <a class="menuItem" href="comm_and_mercy.htm">Community Development</a> <a class="menuItem" href="thrift_store.htm">Thrift Store</a><a class="menuItem" href="http://www.bldg418.org" target="_blank">Building 418</a><a class="menuItem" href="gibsoncenter.org">Gibson Youth Center</a> <a class="menuItem" href="libsurf.htm">Liberation Surf</a><a class="menuItem" href="libskate.htm">Liberation Skate</a></div></td> <div id="menu2" class="menu" onMouseOver="menuMouseover(event)"> <a class="menuItem" href="history.htm">History</a> <a class="menuItem" href="purpose.htm">Purpose</a><a class="menuItem" href="big_vision.htm">Big Vision</a><a class="menuItem" href="statoffaith.htm">Statment of Faith</a><a class="menuItem" href="ways_to_help.htm">Ways to Help</a><a class="menuItem" href="newsletter.htm">Newsletter</a><a class="menuItem" href="boardofdirectors.htm">HNB Board of Directors</a><a class="menuItem" href="staff.htm">HNB Staff</a></div></td> <div id="menu4" class="menu" onMouseOver="menuMouseover(event)"> <a class="menuItem" href="missions.htm">Missions</a> <a class="menuItem" href="pt.htm">Project Titusville</a><a class="menuItem" href="syatp.htm">SYATP</a><a class="menuItem" href="secretservice.htm">Secret Service</a><a class="menuItem" href="specialevents.htm">Special Events</a></div></td> <div id="menu5" class="menu" onMouseOver="menuMouseover(event)"> <a class="menuItem" href="http://www.hopenb.org/photo_gallery/">Pictures</a><a class="menuItem" href="videos.htm">Videos</a><a class="menuItem" href="audio.htm">Audio</a> <a class="menuItem" href="http://www.hopenb.org/links.htm">Links</a> </div></td><!--END OF MENUS--> </tr><!--end copy--> <tr bordercolor="#FFFFFF"> <td width="761" bordercolor="#FFFFFF" borderwidth="100" bgcolor="#FFFFFF" dir="ltr" valign="top"> <p class="style5">&nbsp; Special Events</p> <p class="style1"> Hope for North Brevard is going to host the 4th annual &quot;Get Up &amp; Go 5K/10K&quot; on August 27th, 2011. You can download a PDF registration form by clicking <a href="http://www.hopeng.org/word_files/2011getupandgo.pdf">here</a>. Here is the details:<p class="style1"> DATE AND TIME<br /> Saturday, August 27, 2011<br /> 5K Run/Walk: 7:30 a.m.<br /> 10K Run/Walk: 7:30 a.m.<br /> Kids Races: 8:30 a.m.<br /> <br /> PACKET PICK-UP & CHECK-IN<br /> Race packets may be picked up race day morning. Race day check-in starts at 6 am<br /> <br /> ENTRY FEES<br /> Entry fees are nonrefundable<br /> $25 Adults<br /> $15 Students<br /> Kids Races are Free<br /> <br /> REGISTRATION<br /> Walk, run, mail completed entry form to:<br /> Get Up & Go <br /> Sarah Guttery<br /> 4261 Pondapple Dr<br /> Titusville, FL 32796<br /> <br /> Make checks payable to:  Hope for North Brevard Inc. <br /><br />If you would like to help support the ministries of Hope for North Brevard Inc., please encourage your friends and family to sponsor your race. Simply pick up a sponsorship form from the HNB office (321-863-6357) or request one by email: tgordon@hopenb.org <br /><br /> All 5K & 10K participants will receive a race shirt and refreshments. Shirts are not guaranteed for day of race registration. All participants will be eligible for door prizes. </td> <td width="180" colspan="-1" bordercolor="#FFFFFF" bgcolor="#99CC99" valign="top"> <p align="center"><img src="pictures/IMG_2019.jpg" name="slide" width="300" height="200" align=top/> <script> <!-- //variable that will increment through the images var step=1 function slideit(){ //if browser does not support the image object, exit. if (!document.images) return document.images.slide.src=eval("image"+step+".src") if (step<21) step++ else step=1 //call function "slideit()" every 3.0 seconds setTimeout("slideit()",3000) } slideit() //--> </script></p> </td> </tr> </table> </body> </html>