
#stars {
position: absolute;
left: 2px;
top: 0px;
z-index: 1;
}

#title {
position: absolute;
left: 139px;
top: 60px;
z-index: 3;
}

#moons {
position: absolute;
left: 96px;
top: 171px;
z-index: 2;
}

#links {
position: absolute;
left: 110px;
top: 170px;
z-index: 4;
}

#text {
position: absolute;
left: 240px;
top: 440px;
z-index: 5;
width: 360px;
font-family: Arial, sans-serif;
color: #333333;
font-size: 14px;
line-height: 16px;
}

#textlinks {
position: absolute;
left: 160px;
top: 135px;
z-index: 0;
color: #CCCCFF;
}

#textlinks A:link {
color: #CCCCFF;
}

#textlinks A:visited {
color: #CCCCFF;
}

/*<area shape="rect" alt="Catering" coords="0,0,80, 130" href="catering/" onMouseOver="swapImage('catering1','','images/index/starswirl.gif',1);" onMouseOut="swapImgRestore();" />
<area shape="rect" alt="Recipes" coords="100, 100, 190, 200" href="recipes/" onMouseOver="swapImage('recipes1','','images/index/starswirl.gif',1);" onMouseOut="swapImgRestore();" />
<area shape="rect" alt="The Book" coords="200, 100, 290, 200" href="book/" onMouseOver="swapImage('book1','','images/index/starswirl.gif',1);" onMouseOut="swapImgRestore();" /><area shape="rect" alt="The Chef" coords="300, 100, 390, 200" href="chef/" onMouseOver="swapImage('chef1','','images/index/starswirl.gif',1);" onMouseOut="swapImgRestore();" />
<area shape="rect" alt="Cooking Show" coords="430, 100, 520, 200" href="show/"  onMouseOver="swapImage('show1','','images/index/starswirl.gif',1);" onMouseOut="swapImgRestore();" />
<area shape="rect" alt="Classes" coords="500, 0, 590, 100" href="classes/" onMouseOver="swapImage('classes1','','images/index/starswirl.gif',1);" onMouseOut="swapImgRestore();" />*/

#catering{
position: absolute;
top: 150px;
left: 120px;
z-index: 3;
}

#recipes {
position: absolute;
top: 250px;
left: 150px;
z-index: 3;
}

#book {
position: absolute;
top: 250px;
left: 270px;
z-index: 3;
}

#chef {
position: absolute;
top: 250px;
left: 390px;
z-index: 3;
}

#show {
position: absolute;
top: 250px;
left: 490px;
z-index: 3;
}

#classes {
position: absolute;
top: 150px;
left: 570px;
z-index: 3;
}
 
#creditslink {
position: absolute;

z-index: 5;
width: 150px;
font-family: Arial, sans-serif;
font-size: 12px;

left: 10px;
top: 510px;

/* left: 620px;   */
/* top: 345px;   */

} 

#rnd {

position: absolute;
width: 315px;
height: 120px;

top: 200px;
left: 300px;

}

#catering-text {

font-size: 30px;

z-index: 15;

position: absolute;

left: 50px;
top: 300px;

}

#recipe-text {

z-index: 15;
position: absolute;

left: 190px;
top: 390px;

}
#book-text {
position: absolute;

left: 310px;
top: 390px;

z-index: 15;

}
#chef-text {
position: absolute;

left: 420px;
top: 390px;
z-index: 15;

}
#show-text {

z-index: 15;
position: absolute;

left: 530px;
top: 390px
}
#class-text {
position: absolute;

left: 620px;
top: 300px;
z-index: 15;

} 
A:link {
color: #003399; 
text-decoration: none;
}

A:visited {
color: #003399; 
text-decoration: none;
}

A:hover {
color: #FFFFCC; 
text-decoration: none;
}

