@charset "utf-8";
/* CSS Document */


html, body{
margin:0;
padding:0;
height:100%;
}

body{height: 100%;max-height: 100%;
}
.clearit{
clear:both;
}

#wrapper{
width:100%;
min-width:100%;
background-color:#330099;
height:100%;
}

#top{
background-color:#0000FF;
height:65%;

}

a{
	color:#FFF;
	text-decoration:none;
}
.split{
width:14%;
min-width:14%;
float:left;
position:relative;
height:100%;
}

#grey{
background-color:#999999;
}

#yellow{
background-color:#FFFF00;
}

#cyan{
background-color:#00FFFF;

}

#green{
background-color:#00FF00;
}

#magenta{
background-color:#FF00FF;
}

#red{
background-color:#FF0000;
}

#blue{
background-color:#0000FF;
float:right;
}

#midblue{
background-color:#0000FF;
position:relative;
}
#middle{
background-color:#CCCCCC;
height:10%;
}
.midsplit{
float:left;
height:100%;
/*position:relative;
*/display:inline;
width:14%;
min-width:14%;
z-index:0;

overflow:visible;
}
#middle p.head{
width:200%;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing: 1px;
color:#FFFFFF;
display:inline;
font-size:150%;
position:absolute;
z-index:12;
top:3px;
left:2px;

}
#middle p.head2{
width:200%;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;

letter-spacing: 2px;
color:#FFFFFF;
display:inline;
font-size:100%;
position:absolute;
z-index:2;
bottom:3px;
left:2px;

}
#black{
background-color:#000000;
}
#lightgrey{
background-color:#CCCCCC;
}

#bottom{
background-color:#000000;
height: 25%;
}

.btmsplit1{
float:left;
height:100%;
position:relative;
width:17.5%;
min-width:17.5%;
}

.btmsplit2{
float:left;
height:100%;
position:relative;
width:14%;
min-width:14%;
}
.btmsplit3{
float:left;
height:100%;
position:relative;
width:4.7%;
min-width:4.7%;
}
#dkblue{
background-color:#000066;
}
#purple{
background-color:#330066;
}
#white{
background-color:#FFFFFF;
}
#midgrey{
background-color:#666666;
}
#dkgrey{
background-color:#333333;
}