ÿþ<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD xhtml 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <head> <title> HECA Conference 2003 </title> <script language="JavaScript"> <!-- if (top == self) self.location.href = "../index.htm?innerpage=conference_2003_files/conference_03.html"; //--> </script> <style> /* Conference menu styles */ #conf_menu_div { height: 25px; } #conf_menu_table { width:100%; height:100%; position: relative; top:0; left:0; padding: 0; margin: 0; border: none; } .conf_menu_item { font-family: arial, sans-serif; font-size: 14px; color: white; font-weight: normal; text-decoration: none; } .conf_menu_td { background-color: #44b9f4; font-family: arial, sans-serif; font-size: 14px; color: white; font-weight: normal; text-decoration: none; border: solid; border-width: 1px; border-color: #3488bb; border-top-color: #aaddff; border-left-color: #aaddff; padding: 0; margin: 0; vertical-align: middle; text-align: center; } .conf_menu_td_selected { background-color: #34a9e4; font-family: arial, sans-serif; font-size: 14px; color: white; font-weight: normal; text-decoration: none; border: solid; border-width: 1px; border-color: #3488bb; border-bottom-color: #aaddff; border-right-color: #aaddff; padding: 0; margin: 0; vertical-align: middle; text-align: center; } a.conf_menu_item:hover { font-family: arial, sans-serif; font-size: 14px; color: white; font-weight: normal; text-decoration: none; } /* End of conference menu styles */ .background { position: absolute; left:0; top:0; width: 100%; height: 100%; border: none; padding: none; margin: none; } .conf_logo { position: absolute; top: 2%; left:0; height: 100%; width: 100%; } .title1 { font-family: arial, sans-serif; font-size: 20px; text-align: center; color: #3488cc; } td { vertical-align: middle; text-align: center; } body { border-top: none; border-left: none; border-bottom: solid; border-right: solid; border-width: thick; border-color: rgb(0,51,102); margin: none; height: 100%; width: 100%; background-color: #2478ab; overflow: hidden; } a { font-family: arial, sans-serif; font-size: 15px; font-weight: bold; color: #3488cc; text-decoration: none; } a:hover { font-family: arial, sans-serif; font-size: 15px; font-weight: bold; color: white; text_decoration: none } .bubble { vertical-align: middle; text-align: center; width: 100px; height:100px; color: white; font-family: arial, sans-serif; font-size: 15px; font-weight: bold; background-image: url("misc_conference_files/bubble.gif"); background-repeat: no-repeat; border: none; border-width: 0; margin: 0; padding: 0; } #menu1 { position: relative; left: 12%; top: -30px; } #menu2 { position: relative; } #menu3 { position: relative; left: 12%; top: 30px; } #menu4 { position: relative; left: -12%; top: -30px; } #menu5 { position: relative; } #menu6 { position: relative; left: -12%; top: 30px; } #middle_div { width="100%"; background-color: #34a9e4; padding: 0; margin: 0; } #middle_div2 { width="100%"; padding: 0; margin: 0; } .middle_height { height="380px" } #logo_width { width="344px" } </style> </head> <body OnLoad=parent.reset("conference") topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"> <center> <div class="background"> <table style="vertical-align:middle; padding:0; margin:0; border-collapse:collapse" valign="middle" height="100%" width="100%"> <tr> <td> <div id="middle_div" class="middle_height"> </div> </td> </tr> </table> </div> <div class="conf_logo"> <table height="100%" valign="middle"> <tr> <td> <img src="misc_conference_files/conference_logo.gif" width="344" height="393" /> </td> </tr> </table> </div> <div class="conf_logo"> <table height="100%"> <tr> <td class="title1" style="position: relative; top:-130"> National HECA<br /> Conference<br />2003 </td> </tr> </table> </div> <div class="background" style="position:absolute"> <table style="vertical-align:middle; padding:0; margin:0" valign="middle" height="100%" width="100%"> <tr> <td> <div id="middle_div2" class="middle_height"> <table width="100%" height="100%" border="0"> <tr> <td> <div id="menu1" name="menu1" class="bubble"> <table height="100%"> <tr> <td height="100%"> <a href="about_conference.html">conference<br />details</a> </td> </tr> </table> </div> <div id="menu2" name="menu2" class="bubble"> <table height="100%"> <tr> <td height="100%"> <a href="programme.html">speakers &amp; <br />workshops</a> </td> </tr> </table> </div> <div id="menu3" name="menu3" class="bubble"> <table height="100%"> <tr> <td valign="middle" height="100%"> <a href="report.html">report &amp;<br /> photos</a> </td> </tr> </table> </div> </td> <td width="344" class="logo_width"> </td> <td> <div id="menu4" name="menu4" class="bubble"> <table height="100%"> <tr> <td height="100%"> <a href="delegates.html"> delegate<br />list</a> </td> </tr> </table> </div> <div id="menu5" name="menu5" class="bubble"> <table height="100%"> <tr> <td height="100%"> <a href="sponsors.html"> conference<br />sponsors </a> </td> </tr> </table> </div> <div id="menu6" name="menu6" class="bubble"> <table height="100%"> <tr> <td height="100%"> <a href="exhibitors.html">exhibitors'<br />details</a> </td> </tr> </table> </div> </td> </tr> </table> </div> </td> </tr> </table> </div> </center> </body> </html>