var displaywidth;
displaywidth = window.screen.width;

var ul_width, ul_padding, ul_font;
var li_width, li_padding, li_font;
var arrowHght, arrowWdth
if (displaywidth >=1200) { 
	 ul_width = "9.1em";
	 ul_padding = "6px 12px 6px 8px";
	 ul_font = "1.6em";
	 li_width = "10.4em";
	 li_padding = "4px 3px 5px 5px";
	 li_font = "1.4em";
	 arrowHght = "20"
	 arrowWdth = "20"
				 	 							 }
if ((displaywidth >=1100) &&  (displaywidth <1200)) {
	 ul_width = "10.45em";
	 ul_padding = "5px 0px 5px 0px";
	 ul_font = "1.2em";
	 li_width = "12.5em";
	 li_padding = "5px 0px 5px 0px";
	 li_font = "1.0em";
	 arrowHght = "15"
	 arrowWdth = "15"
				 	 							 }
if ((displaywidth >=1000) &&  (displaywidth <1100)) {
	 ul_width = "10.25em";
	 ul_padding = "4px 0px 4px 0px";
	 ul_font = "1.1em";
	 li_width = "12.5em";
	 li_padding = "3px 0px 3px 0px";
	 li_font = "0.9em";
	 arrowHght = "15"
	 arrowWdth = "15"
				 	 							 }
if ((displaywidth >=830) &&  (displaywidth <1000)) {
	 ul_width = "10.25em";
	 ul_padding = "1px 0px 1px 0px";
	 ul_font = "1.0em";
	 li_width = "12.5em";
	 li_padding = "1px 0px 1px 0px";
	 li_font = "0.8em";
	 arrowHght = "15"
	 arrowWdth = "15"
				 	 							 }
if (displaywidth <830) {
	 ul_width = "10.5em";
	 ul_padding = "1px 0px 1px 0px";
	 ul_font = "0.8em";
	 li_width = "10.5em";
	 li_padding = "1px 0px 1px 0px";
	 li_font = "0.8em";
	 arrowHght = "15"
	 arrowWdth = "15"
				 	 						 }
document.write("<style type='text/css'>")
document.write("#navcontainer ul {margin: 0; padding: 0; font-family: verdana, arial, Helvetica, sans-serif; list-style-type: none;}")
document.write("#navcontainer a {display: block; color: #FFF; background-color: #006633; width:"+ul_width+"; padding:"+ul_padding+"; text-decoration: none; border-bottom: 1px solid #fff; font-size:"+ul_font+"; font-weight: bold }")
document.write("#navcontainer a:hover {background-color: #889e88; color: #000}")
document.write("#navcontainer li li a {display: block; color: #003399; background-color: #C7FFC8; width:"+li_width+"; padding:"+li_padding+"; text-decoration: none; border-bottom: 1px solid #003399; font-size:"+li_font+"; font-weight: bold }")
document.write("</style>")
document.write("<DIV id=navcontainer>")
document.write("<UL id=subnavlist>")
document.write("<LI><A href='#'>History</A>") 
document.write("<UL id=subnavlist>")
document.write("<LI id=subactive><A id=subcurrent href='http://hdbc.com.au/HistoryPge01.asp'><IMG alt='' height="+arrowHght+" width="+arrowWdth+" align=left  border=0 src='../Images/arrow.gif'>Club Championships</A></LI>") 
document.write("<LI><A href='http://hdbc.com.au/HistoryPge02.asp'><IMG alt='' height="+arrowHght+" width="+arrowWdth+" align=left  border=0 src='../Images/arrow.gif'>Club Achievements</A></LI>")
document.write("<LI><A href='http://hdbc.com.au/HistoryPge03.asp'><IMG alt='' height="+arrowHght+" width="+arrowWdth+" align=left  border=0 src='../Images/arrow.gif'>President Photos</A></LI>")
document.write("<LI><A href='http://hdbc.com.au/HistoryPge04a.asp'><IMG alt='' height="+arrowHght+" width="+arrowWdth+" align=left  border=0 src='../Images/arrow.gif'>Pennant Flags</A></LI>")
document.write("<LI><A href='http://hdbc.com.au/HistoryPge05.asp'><IMG alt='' height="+arrowHght+" width="+arrowWdth+" align=left  border=0 src='../Images/arrow.gif'>Club History</A></LI>")
document.write("</UL></DIV>")