#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:45%;
	left:50%;
	margin-top:-268px;
	margin-left:-475px;
	width:935px;
	height:535px;
	border:1px white;/*usally green*/
	background-color: white; /*usally green*/
}
/* 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;
background-color:white; /*usally green*/
}

/* make the list horizontal */
.squares li {
float:left;
width:127px; 
height:127px; 
line-height:24px; 
border:0px white;
margin:4px;
overflow:hidden;
background-color:white; /*usally green*/
}


/* make the links in a box */
.squares li a{
	display:block;
	width:127px;
	border:0px;
	text-align:center;
	color:#f9ffe1;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
}

.squares li a.fourline {
padding:8px 0px 0px 0px;
height:107px;
font-size:20px;
font-weight:bold;
vertical-align:middle;
text-align:center;
text-decoration:none;
}

.squares li a.threeline {
padding:30px 0px 0px 0px;
height:97px;
font-size:20px;
font-weight:bold;
vertical-align:middle;
text-align:center;
text-decoration:none;
}

.squares li a.twoline {
padding:40px 0px 0px 0px;
height:87px;
font-size:20px;
font-weight:bold;
vertical-align:middle;
text-align:center;
text-decoration:none;
}

.squares li a.oneline {
padding:50px 0px 0px 0px;
height:77px;
vertical-align:middle;
font-size:20px;
font-weight:bold;
text-align:center;
text-decoration:none;
}

.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:#003300}
.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:#708CAB}
li#box2 {background:#738FAE}
li#box3 {background:#7893BE}
li#box4 {background:#708CAB}
li#box5 {
	background-color: #708BA9;
}
li#box6 {background:#7893AF}
li#box7 {background:#7C96B1}
li#box8 {background:#557291}
li#box9 {background:#47607A}
li#box10 {background:#829AB5}
li#box11 {background:#859DB8}
li#box12 {background:#8CA3BB}
li#box13 {background:#7592AE}
li#box14 {background:#6484A4}
li#box15 {background:#9CB0C5}
li#box16 {background:#4D6782}
li#box17 {background:#5B7A99}
li#box18 {background:#92A8BE}
li#box19 {background:#516C88}
li#box20 {background:#6C8AA8}
li#box21 {background:#859EB8}
li#box22 {background:#A3B6C9}
li#box23 {background:#8BA3BA}
/*li#box24 {background:#8099B3}*/
li#box24 { azimuth:center; valign:middle;
    
	width:664px;
	/*background-color: #5d7b9d;*/
	background-image:url(Images/header_bg.png);
	background-repeat:repeat;
}
li#box25 { azimuth:left; valign:middle;
    
	width:666px;
	/*background-color: #5d7b9d;*/
	
	background:transaparent;
}

a#name{
height:70px;
width:396px;
text-align:center;
color:#fff;
font: 42px Verdana, 'Trebuchet MS', Arial, Sans-Serif;
padding: 40px 0px 0px 0px;
text-decoration:none;
}

/*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;
}

