/*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;
vertical-align:middle;
}


.glossymenu a.menuitem{
color: white;
background:url(images/button.gif) no-repeat left top;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: white;
font-size:12px;
display: block;
position: relative;
padding: 6px 0 6px 0px;
padding-left: 35px;
text-decoration: none;
border:solid 0px #ffffff;
}


 
.glossymenu a.menuitem:hover{
background:url(images/button-o.gif) no-repeat left top;`
}


.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 10px 0 10px;}

.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:35px;
padding-top:0px;
padding-right:5px;
padding-bottom:0px;
text-decoration: none;
background:url(images/arrow.gif) no-repeat 20px 10px; 
border-bottom:#999999 solid 1px;
line-height:20px;
}

.submenu1{
width:192px;
}

.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:35px;
 height:28px;
 background:url(images/bullet1.gif) no-repeat 20px 10px #ecebeb;}
.submenu1 li a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:normal; background-color:#b1b9c0;}



.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;
}

.current{ color:#ffffff;}