﻿BODY html
{
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f0f0f0;
	scrollbar-base-color: pink;
    }
 
 #content { 
    margin-top: 35px;
}
 .menuStyle
{
	font-size: 10px;
	width: 98%;
	border: solid 1px #b0b0b0;
	background-color: #ededed;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: middle;
	text-align: center;
	font-family: verdana;
}
 #menuHead { 
    background-color: #e3e3e3; 
    position: absolute; 
    z-index: 50; 
    top : 110; 
    left: 18; 

 }
 #menuHead1, #menuHead2, #menuHead3, #menuHead4, #menuHead5, #menuHead6, #menuHead7 { 
    position: relative; 
 }
 #menu1, #menu2, #menu3
{
    position: absolute;
    z-index: 100;
    visibility: hidden;
}
#menu1
{
   width: 191;
}
#menu2
{
    width: 149;
}
#menu3
{
    width: 91;
}

a.menulink:link
{
    font-weight: bold;
    text-decoration: none;
    width: auto;
}
 a.menulink:visited { 
    font-weight: bold; 
    text-decoration : none; 
    width:auto;    
 }
 a.active { 
    color: #666; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-decoration : underline;
    width:auto;
    
 }
 a.menulink:hover
{
    color: #FFF5EE;
    text-decoration: underline;
    background-color: #FF0000;
    width:auto;
}
a.menulink1:link
{
    font-weight: bold;
    text-decoration: none;
    width: 180;
}
 a.menulink1:visited { 
    font-weight: bold; 
    text-decoration : none; 
    width:180;    
 }
 
 a.menulink1:hover
{
    color: #FFF5EE;
    text-decoration: underline;
    background-color: #FF1493;
    width:180;
}
a.menulink2:link
{
    font-weight: bold;
    text-decoration: none;
    width: 138;
}
 a.menulink2:visited { 
    font-weight: bold; 
    text-decoration : none; 
    width:138;    
 }
 
 a.menulink2:hover
{
    color: #FFF5EE;
    text-decoration: underline;
    background-color: #FF3030;
    width:138;
}
a.menulink3:link
{
    font-weight: bold;
    text-decoration: none;
    width: 80;
}
 a.menulink3:visited { 
    font-weight: bold; 
    text-decoration : none; 
    width:80;    
 }
 
 a.menulink3:hover
{
    color: #FFF5EE;
    text-decoration: underline;
    background-color: #cd1076;
    width:80;
}
 #menuTitle
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-right: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;
    font-weight: bold;
    color: white;
    vertical-align: middle;
    text-align: center;
}

#menuTitle2
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-right: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;
    font-weight: bold;
    color: white;
    vertical-align: middle;
    text-align: right;
    background-color: #DCDCDC;
    letter-spacing: 0.2pc;
}

.menuTitle1
{    background-color: #ff0000;
}

.menuTitle2
{
    background-color: #cc00cc;
}

.menuTitle3
{
    background-color: #ff34b3;
}

.menuTitle4
{
	background-color: #FF5555;
}
#menuSubTitle
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 8px;
    padding-top: 8px;
    color: black;
    vertical-align: middle;
    text-align: right;
}


a.menuLnk:link
{
    width: auto;
    color: #8B008B;
    background-color: transparent;
    font-weight: bold;
}
 a.menuLnk:visited 
 {
    color: #0000ff;
    font-weight: bold; 
    text-decoration : none; 
    width:auto;    
 }
 a.active { 
    color: #ffffff; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    width:auto;
    
 }
 a.menuLnk:hover
{
    color: #cc0099;
    width: auto;
    background-color: #ffffff;
}
