function menustyle()
{
document.write(' <style>')
document.write('<!--')
document.write('LAYER {font: 9pt "Arial"; color:darkblue}')
document.write('DIV {font: 9pt "Arial"; color:darkblue}')
document.write('table.menu {background:black}')
document.write('h1 {font: 20pt "Arial"; font-weight: bold}')
document.write('h2 {font: 18pt "Arial"; font-weight: bold; text-decoration:none;}')
document.write('td.menu {font: 9pt "Arial"; font-weight: bold; text-align:center}')
document.write('a.menu:link {color: white; text-decoration: none}')
document.write('a.menu:visited {color: yellow;  text-decoration: none}')
document.write('a.menu:active {color: cyan; text-decoration: none}')
document.write('body {background:white}')
document.write('p {font: 10pt "Arial"} ')
document.write('-->')
document.write('</style>')
}

function NNtoggle(blurb){
if (blurb.visibility=='hide') {
	blurb.visibility='show';
	}
else	{
	blurb.visibility='hide';
	}
}

function IEtoggle(blurb){
  if (blurb.style.display == "none")
  	{blurb.style.display = "";}
  else
	 {blurb.style.display = "none";  }}


function MakeDivPage(item)
{

document.write('<DIV id="' + item[1] + '" ') 


if (item[0] == 0) {
	document.write('onmouseover="IEtoggle &#40; document.all.' + item[1] + 'Blurb &#41; &#59;" ')
	document.write('onmouseout="IEtoggle &#40; document.all.' + item[1] + 'Blurb &#41; &#59;" ')
}

document.write('style="')

if (item[0] == 1) {
	document.write('display:None; ')
	}

document.write('position:absolute; width:' + item[2] + '; height: ')
document.write(item[3] + '; left:' + item[4] + '; top:' + item[5] + '">')

if (item[0] == 0) {
	document.write('<A href=' + item[6] + '>')
	document.write('<IMG src="images/' + item[7] + '" border=0></A>')
	}
else {
	document.write('<FONT class="popup"><center>' + item[6] + '<BR></center></FONT>')
	}

document.write('</DIV>')
}


function MakeLayerPage(item)
{
document.write('<LAYER id=' + item[1]) 


if (item[0] == 0) {
	document.write(' onmouseover="NNtoggle&#40;window.document.' + item[1] + 'Blurb&#41;" ')
	document.write(' onmouseout="NNtoggle&#40;window.document.' + item[1] + 'Blurb&#41;" ')
}

else {
	document.write(' visibility="hide" ')
	}

document.write('width=' + item[2] + ' height=')
document.write(item[3] + ' left=' + item[4] + ' top=' + item[5] + '>')

if (item[0] == 0) {
	document.write('<A href=' + item[6] + '>')
	document.write('<IMG src="images/' + item[7] + '" border=0></A>')
	}
else {
	document.write('<center>' + item[6] + '</center>')
	}

document.write('</LAYER>')
}


function MakeDivTable(people)
{

for (i in people)
{
document.write('<DIV style=" width:'+people[i][0]+'; height:'+people[i][1]+ '; left:'+people[i][2]+';  top:'+people[i][3]+'; position:absolute">')
document.write('<img src="'+people[i][4] +'">')
document.write('</DIV> ')
}

document.write('<DIV style=" width:240; height:70; left:220px;  top:120px; position:absolute">')

document.write('<TABLE CELLSPACING=0 width=240 CELLPADDING=0 BORDER=0 ALIGN="LEFT" VALIGN="TOP">')

document.write('<TR><TD style=" text-align:center; font size:14pt; font-style=italic; font-weight=bold; line-height=16pt">WELCOME TO COLORQ</TD></TR>')

document.write('<TR><TD style=" text-align:center; font size:10pt;  font-style=italic; line-height=14pt"><marquee scrolldelay=200>a space for people of color and other marginalized groups</marquee></TD></TR>')

document.write('<TR><TD style=" text-align:center; font size:10pt;  font-style=italic; line-height=18pt; color=magenta"><br>All people are welcome to browse around.</TD></TR>')

document.write('<TR><TD style=" text-align:center; font size:10pt; ; font-style=italic; line-height=14pt; color=red">Enjoy your visit and return soon!</TD></TR>')

document.write('</TABLE>')
document.write('</DIV> ')
}

function MakeLayerTable(people)
{

for (i in people)
{
document.write('<LAYER width='+people[i][0]+' height='+people[i][1]+ ' left='+people[i][2]+';    top='+people[i][3]+'>')
document.write('<img src="'+people[i][4] +'">')
document.write('</LAYER>')
}


document.write('<LAYER width=240  height=70 left=220 top=120>')

document.write('<TABLE CELLSPACING=0 width=240 CELLPADDING=0 BORDER=0 ALIGN="LEFT" VALIGN="TOP">')

document.write('<TR><TD><font  size=4 color=black><i><center><b> WELCOME TO COLORQ</font></i></center></b></TD></TR>')

document.write('<TR><TD><marquee scrolldelay=200><font size=3> <center><i>a space for people of color and other marginalized groups</marquee></TD></TR>')

document.write('<TR><TD><br><font  color=magenta size=3><center><i>All people are welcome to browse around.</font></TD></TR>')

document.write('<TR><TD><font color=red size=3><center><i>Enjoy your visit and return soon!</TD></TR>')

document.write('</TABLE>')
document.write('</LAYER> ')
}