/* CSS Document */
#menu {

     position:absolute;
     left: 50%;
	 align: center; 
     top: 535px;
     width: 680px;
     margin-left: -340px; /* half of the width */
     /*border: 1px solid #000;*/
}

input.grey
{
	background-color:#CCCCCC;
}

#contactForm
{
	position: absolute;
	top: 255px;
	left: 50%;
	width: 580px;
	margin-left: -290px;
}

#thankYou
{
	position: absolute;
	top: 245px;
	left: 50%; 
    width: 300px;
    margin-left: -150px; 
}

#white12pt
{
	font: 16px/16px verdana, helvetica, sans-serif;
	color: #EEEEEE;
}

#turq12pt
{
	font: 16px/16px verdana, helvetica, sans-serif;
	color: #54AAFF;

}

#red24pt
{
	font: bold 30px/30px verdana, helvetica, sans-serif;
	color: #ED1626;
}

img.centeredImage
    {
    top:0px;
	text-align:center;
    display:block;
	margin-left:auto;
	margin-right:auto;
    }

#textblock {

     position:absolute;
     left: 50%; 
     top: 275px;
     width: 690px;
     margin-left: -275px; /* half of the width */
     /*border: 1px solid #000;*/
}



blackbackground
{
	background-color: #000000;
}



#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
/*align: center;*/
}
#menu a, #menu h2 {
height: 20px;
font: bold 12px/12px verdana, helvetica, sans-serif;
line-height: 20px;
display: block;
font-weight: bold;
/*border-width: 1px;*/
/*border-style: solid;*/
background-image: url(/images/JewelButtonsSmall.gif);
background-position: 0 0;
margin: 0;
text-align: center;
}

#menu h2 {
color: #000000;
background-image: url(/images/JewelButtonsSmall.gif);
background-position: 0 0;
width: 85px;
height: 20px;
text-transform: uppercase;
}

#menu a.white {
color: #000000;
background-image: url(/images/JewelButtonsSmall.gif);
background-position: 0 0;
text-decoration: none;
width: 85px;
height: 20px;
}

#menu a.white:hover {
background-image: url(/images/JewelButtonsSmall.gif);
background-position: -85px 0;
width: 85px;
color: #68008A;
}

#menu #whiteselected {
background-image: url(/images/JewelButtonsSmall.gif);
background-position: -170px 0;
width: 85px;
}



#menu a.red {
color: #000000;
background-image: url(/images/JewelButtonsSmall.gif);
background-position: 0 -20px;
text-decoration: none;
width: 85px;
height: 20px;
}

#menu a.red:hover {
background-image: url(/images/JewelButtonsSmall.gif);
background-position: -85px -20px;
width: 85px;
color: #68008A;
}

#menu a.gold {
color: #000000;
background-image: url(/images/JewelButtonsSmall.gif);
background-position: 0 -40px;
text-decoration: none;
width: 85px;
height: 20px;
}

#menu a.gold:hover {
background-image: url(/images/JewelButtonsSmall.gif);
background-position: -85px -40px;
width: 85px;
color: #68008A;
}

#menu #goldselected {
background-image: url(/images/JewelButtonsSmall.gif);
background-position: -170px -40px;
width: 85px;
}

#menu a.turquoise {
color: #000000;
background-image: url(/images/JewelButtonsSmall.gif);
background-position: 0 -60px;
text-decoration: none;
width: 85px;
height: 20px;
}

#menu a.turquoise:hover {
background-image: url(/images/JewelButtonsSmall.gif);
background-position: -85px -60px;
width: 85px;
color: #68008A;
}

#menu #turquoiseselected {
background-image: url(/images/JewelButtonsSmall.gif);
background-position: -170px -60px;
width: 85px;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

body
{
	background-color:#000000;
}