/* This Script controls the header for the page.
   Draws the logo on the leftmost side */
document.write("<img style='float: left;' src='images/header_logo.jpg'>");

/* Draws the middle segment of the logo, this is broken into three sections: the title,
   the navigation, and the spacer underneath the navigation */
document.write("<span id='header_middle'>");
document.write("<img src='images/header_title.png'><br>");
document.write("<span id='menu'>");
document.write("<ul>");
document.write("<li><a href='index.htm'>HOME</a></li>");
document.write("<li><a href='grants.htm'>SCHOLARSHIPS &amp; GRANTS</a></li>");
document.write("<li><a href='news.htm'>NEWS</a></li>");
document.write("<li><a href='service.htm'>SERVICE AREA</a></li>");
document.write("<li><a href='donate.htm'>DONATE</a></li>");
document.write("</ul></span>");
document.write("<div id='spacer'>&nbsp;</div></span>");
// Draws the right segment of the header, must be transparent!
document.write("<span id='edge'><img src='images/header_edge.png'></span>");
document.write("</span>");