body {
background:#069;
margin:0;
}

div#wrapper1 {
position:relative;
margin:4px auto;
width:960px;
height:650px;
background:#5E225E;
border:3px solid #FFFF00;
box-shadow:4px 4px 10px #FFFF00, -4px -4px 10px #FFFF00;
border-radius:20px;
}

.head1 {
margin-top:10px;
text-align:right;
margin-left:5px;
float:left;
}

.head2 {
margin-top:10px;
text-align:right;
margin-right:5px;

}

.head2a {
margin-top:10px;
text-align:right;
margin-right:5px;
}

.heads1 {
float:left;
}

.head1a {
margin-top:5px;
text-align:left;
margin-left:5px;
}


.head1a a, .head2 a{
color:#3F0;
text-decoration:underline;
text-align:center;
font:bold 17px arial; 
padding:10px;
text-shadow:4px 4px 10px #3F0, -4px -4px 10px #3F0;
}

.head1 a, .head2a a{
color:#FFF;
text-decoration:underline;
text-align:center;
font:bold 15px arial; 
padding:10px;
}

.head1 a:hover, .head2a a:hover{
color:#FFFFFF;
text-shadow:none;
padding: 10px;
font:bold 15px arial; 
}

.head1a a:hover, .head2 a:hover{
color:#FFFF00;
text-shadow:none;
padding: 10px;
font:bold 17px arial; 
}

.mainhead{
color:#cccccc;
margin-top:20px;
/*margin-left:115px;*/
text-align:center;
font-family: 'Comic Sans MS', cursive;
font-weight:bold;
font-size:20px; 
padding:5px;
line-height:35px;
text-shadow:4px 4px 10px navy, -4px -4px 10px navy;
float:left;
}

.mainhead span {
font:bold 18px arial; 
}

.menus
{
border-top:3px solid gray;
background:#225B5B!important;
margin-top:-15px;
height:515px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
text-align:left;
clear:left;
}

.menus div.menus1 {
margin-left:280px;
}

.menus div.menus2 {
text-align:center;
margin-left:180px;
}

.menus div.menus3 {
text-align:center;
margin-left:180px;
}

.menus div.menus4 {
text-align:center;
margin-left:180px;
}

.menus div.menus5{
text-align:center;
margin-left:280px;
}

div.expl
{
color:#FFF;
margin-top:-25px;
text-align:center;
}

.menus div a:hover, .menus div.menus1 a.gmt:hover, .menus div.menus5 a.chm:hover, .menus div.menus2 a.per:hover, .menus div.menus2 a.acc:hover, .menus div.menus2 a.med:hover, .menus div.menus2 a.civ:hover, .menus div.menus3 a.ele:hover, .menus div.menus3 a.mec:hover, .menus div.menus3 a.st:hover, .menus div.menus3 a.tc:hover, .menus div.menus4 a.sto:hover, .menus div.menus4 a.sec:hover, .menus div.menus4 a.rs:hover, .menus div.menus4 a.pp:hover {
background:gray!important;
border:2px solid #000;
color:navy;
}

.menus div a:active, .menus div.menus1 a.gmt:active, .menus div.menus5 a.chm:active, .menus div.menus2 a.per:active, .menus div.menus2 a.acc:active, .menus div.menus2 a.med:active, .menus div.menus2 a.civ:active, .menus div.menus3 a.ele:active, .menus div.menus3 a.mec:active, .menus div.menus3 a.st:active, .menus div.menus3 a.tc:active, .menus div.menus4 a.sto:active, .menus div.menus4 a.sec:active, .menus div.menus4 a.rs:active, .menus div.menus4 a.pp:active {
background:#cccccc!important;
border:2px solid #000;
color:#c00;
font-style:italic;
}


.menus div a{
color:#FFFFFF;
text-decoration:none;
border:2px solid gray;
text-align:center;
vertical-align:middle;
display:block;
width:110px;
height:110px;
font:bold 14px arial;
padding:4px;
padding-right:20px;
padding-left:10px;
background:navy;
border-radius:10%;
margin:3px;
box-shadow:inset 3px 3px 5px #cccccc, inset -3px -3px 5px gray;
}


a span {
vertical-align:middle;
text-align:center;
margin-top:20px;
display:block;
margin-left:6px;
}

.menus div.menus1 a.gmt{
text-align:center;
width:350px;
height:30px;
border-radius:10px;
display:block;
background:brown;
clear:both;
}

a.gmt span {
margin-top:0px!important;
padding:7px;
}

.menus div.menus2 a.per{
text-align:center;
border-radius:10px;
float:left;
}


.menus div.menus2 a.acc{
text-align:center;
border-radius:10px;
background:#33781F;
float:left;
}
.menus div.menus2 a.med{
text-align:center;
border-radius:10px;
float:left;
background:#811075;
}

.menus div.menus2 a.civ{
text-align:center;
border-radius:10px;
float:left;
clear:right;
background:#2E3463;
}

.menus div a span {
margin-top:46px;
}

.menus div.menus3 a.ele{
text-align:center;
border-radius:10px;
float:left;
clear:left;
background:#934F1C;
}

.menus div.menus3 a.mec{
text-align:center;
border-radius:10px;
float:left;
background:#660099;
}

.menus div.menus3 a.st{
text-align:center;
border-radius:10px;
float:left;
background:#45471D;
}

a.st span {
margin-top:30px!important;
}

.menus div.menus3 a.tc{
text-align:center;
border-radius:10px;
float:left;
clear:right;
background:#003333;
}

a.tc span {
margin-top:30px!important;
}

.menus div.menus4 a.sto{
text-align:center;
border-radius:10px;
float:left;
clear:left;
background:#790079;
}

.menus div.menus4 a.sec{
text-align:center;
border-radius:10px;
float:left;
background:#006699;
}


.menus div.menus4 a.rs{
text-align:center;
border-radius:10px;
float:left;
clear:right;
background:navy;
}

a.rs span {
margin-top:37px!important;
}

.menus div.menus4 a.pp{
text-align:center;
border-radius:10px;
float:left;
clear:right;
background:#AA1133;
}

a.pp span {
margin-top:37px!important;
}


.menus div.menus5 a.chm{
text-align:center;
width:350px;
height:30px;
border-radius:10px;
display:block;
float:left;
clear:left;
background:green;
}

a.chm span {
margin-top:9px!important;
}