/*accordian*/
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 0px 0px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 11px tahoma;
margin:3px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#d65600;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#000000;
}

.glossymenu{
margin:0;
padding:0;
}


.glossymenu a.menuitem{

font-weight:bold;
background:url(../images/bul1.gif) no-repeat #2c4058 5px 4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: white;
font-size:12px;
display: block;
position: relative;
padding: 6px 0 6px 0px;
padding-left: 16px;
text-decoration: none;
border:solid 0px #ffffff;
}


.glossymenu a.menuitem:visited, .glossymenu a.menuitem:active{
color: white;
background:url(../images/bul1.gif) no-repeat #2c4058 5px 4px;
}


.glossymenu a.menuitem:hover{
background:url(../images/bul1.gif) no-repeat #5d738e 5px 4px;
}


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 4px;
right: 5px;
border: none;}



.glossymenu div.submenu{ /*DIV that contains each sub menu*/
}

.submenu img {margin:0 15px 0 15px;}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0 0 0 0px;
padding: 0;
}

.glossymenu div.submenu ul li{
line-height:22px;

border-bottom:none;
border-left:none;
border-right:none;
border-top:none;
}


.glossymenu .submenu ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#2c4058;
text-decoration: none;
display:block;

}


.glossymenu div.submenu ul li a:hover{
color:#2b4158;

display:block;

}

.menuitem1{
font-weight:bold;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #2c4058;
font-size:11px;
position: relative;
padding-left: 25px;
padding-right:5px;
text-decoration: none;
background:url(../images/bul4.gif) no-repeat 10px 5px;

}

.submenu1{
width:100%;
}

.submenu1 ul{ padding:0px; margin:0px; background-color:#f5f5f5;}
.submenu1 li{ list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#2c4058; }
.submenu1 li a{ font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;  
 color:#2c4058; 
 font-weight:normal; 
 display:block;padding-left:30px;
 background:url(../images/bul3.gif) no-repeat 18px 10px;
  width:181px;}
.submenu1 li a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:normal;padding-left:30px;background-color:#aabace; width:181px;}



.statusicon1 { /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 2px;
right: -10px;
border: none;}


.drop-tab {table-layout:fixed; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#006caa; height:20px; line-height:20px;}

.drop-tab a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff0000;
font-weight:bold;
text-decoration: none;
}

.drop-tab a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration: none;
color:#ff0000;
}

.drop-tab a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff0000;
font-weight:bold;
text-decoration: none;
}

.drop-tab a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff0000;
font-weight:bold;
text-decoration: none;
}