#back {
text-align:center;
border:0;
}
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#f9ffe1;
}
/* style the outer containing div */
#menu {
position:absolute;
top:50%;
left:50%;
margin-top:-268px;
margin-left:-475px;
width:935px; 
height:535px; 
background:#000;
border:1px solid #000;
}
/* remove the padding margin and bullets from the list.*/
.squares {
padding:0; 
margin:0px 0px 0px 0px; 
list-style-type:none; 
position:relative; 
width:1000px;
}

/* make the list horizontal */
.squares li {
float:left;
width:127px; 
height:127px; 
line-height:24px; 
border:0px solid #000;
margin:4px;
overflow:hidden;
}


/* make the links in a box */
.squares li a{
display:block;
width:127px;
border:0px;
text-align:center;
color:#f9ffe1;
font: 18px /*'Lucida Grande', 'Lucida Sans Unicode', */'Trebuchet MS', Arial, Sans-Serif; 
text-decoration:none;
}

.squares li a.threeline {
padding:30px 0px 0px 0px;
height:97px;
/*font-size:16px;*/
}

.squares li a.twoline {
padding:40px 0px 0px 0px;
height:87px;
}

.squares li a.oneline {
padding:50px 0px 0px 0px;
height:77px;
}

.squares li a.pic {
padding:10px 0px 10px 0px;
height:107px;
}

/*set the color for hover on each of the links*/
/*red-purples*/
.squares li a#link10:hover {background:#4D1339}
.squares li a#link11:hover {background:#301748}
.squares li a#link13:hover {background:#663366}

/*purples*/
.squares li a#link20:hover {background:#666600}
.squares li a#link22:hover {background:#333300}

/*blues*/
.squares li a#link31:hover {background:#334433}
.squares li a#link33:hover {background:#223300}

/*blues*/
.squares li a#link40:hover {background:#331111}
.squares li a#link42:hover {background:#552222}
.squares li a#link43:hover {background:#660000}

/*greens*/
.squares li a#link50:hover {background:#443344}
.squares li a#link51:hover {background:#442244}

/*green-yellows*/
.squares li a#link61:hover {background:#322d50}
.squares li a#link62:hover {background:#424C68}

/*yellows*/
.squares li a#link70:hover {background:#222633}
.squares li a#link72:hover {background:#181E30}

/*set the standard background colors*/
li#box1 {background:#aaaaaa}
li#box2 {background:#b2b2b2}
li#box3 {background:#666666}
li#box4 {background:#3d3d3d}
li#box5 {background:#444}
li#box6 {background:#222222}
li#box7 {background:#111111}
li#box8 {background:#999999}
li#box9 {background:#828282}
li#box10 {background:#414141}
li#box11 {background:#444444}
li#box12 {background:#222222}
li#box13 {background:#252525}
li#box14 {background:#1e1e1e}
li#box15 {background:#bbbbbb}
li#box16 {background:#777777}
li#box17 {background:#444444}
li#box18 {background:#2e2e2e}
li#box19 {background:#333333}
li#box20 {background:#2e2e2e}
li#box21 {background:#111111}
li#box22 {background:#999999}
li#box23 {background:#333}
li#box24 {background:#222222}
li#box25 {background:#111}
li#box26 {background:#666600;
width:396px;}

a#name{
height:70px;
width:396px;
text-align:center;
color:#fff;
font: 42px Verdana, 'Trebuchet MS', Arial, Sans-Serif;
padding: 40px 0px 0px 0px;
}

/*This is for the "under construction pop-up"*/
.squares li a:hover div.construct{visibility:visible;}

.squares li a div.construct{
display:block;
visibility:hidden;
font: 12px 'Trebuchet MS', Arial, Sans-Serif;
line-height:normal;
background:#000000;
border:2px solid #000;
position:relative;
width:75px;
margin:0px 0px 0px 25px;
}