.nav {padding:0 0 0 10px; margin:0; margin-left:5px; list-style:none; height:41px; background: url(../images/back.png) repeat-x; font-family:verdana, arial, sans-serif; font-size:12px; width:770px;}
.nav li {float:left; height:41px;}
.nav li a {display:block; height:41px; width:105px; float:left; line-height:37px; color:#000; text-decoration:none; text-align:center;}
.nav li a:hover {position:relative; visibility:visible; line-height:35px; z-index:50;}
.nav li a:hover b {display:block; width:124px; height:41px; background: url(../images/toptab_shadow.png);}
.nav li a:hover span {display:block; width:124px; height:41px; position:absolute; left:0; top:0; cursor:pointer;}
.nav li ul, .nav li div  {position:absolute; left:-9999px;}
.nav li:hover {position:relative;}
.nav li:hover > a {line-height:35px; color:#000;}
.nav li:hover > a b {display:block; width:124px; height:41px; background: url(../images/toptab_shadow.png);}
.nav li:hover > a span {display:block; width:124px; height:41px; position:absolute; left:0; top:0; cursor:pointer;}

.nav table {border-collapse:collapse; margin:-1px;}
.nav td {padding-left: 0; padding-right: 0; border: 0; }
.nav tr {height: 1px; background: transparant;}

.nav :hover div {left:0; top:37px; width:200px; height:100%; padding:10px 0; z-index:100;}

.nav :hover ul {padding:0; margin:0; list-style:none; left:0; top:37px; width:200px; padding:0 0; z-index:120;}
.nav :hover ul li {height:22px; background: #ffffff; font-size: 10px; font-weight:normal;  border: 1px solid #cccccc;}
.nav :hover ul li a {height:22px; line-height:22px; color:#000000; width:290px; text-align:left; text-indent:20px;}
.nav :hover ul li.fly a {background: url(../images/arrow.gif) no-repeat 150px center;}
.nav :hover ul li a:hover {background: #cccccc; color:#000;}
.nav :hover ul li:hover > a {background: #cccccc; color:#000;}

.nav :hover ul ul, .nav :hover ul div {position:absolute; left:-9999px;}
.nav :hover ul :hover {z-index:200;}
.nav :hover ul :hover div {left:150px; top:-4px; width:200px; height:144px; padding:10px 0; background: #ffffff; z-index:200;}
.nav :hover ul :hover ul {padding:0; margin:0; list-style:none; left:150px; top:-4px; width:200px; height:144px; padding:10px 0; z-index:250;}
.nav :hover ul :hover ul li a {background:transparent;}
.nav :hover ul :hover ul li a:hover {background: #cccccc;; color:#000;}


#holder {width:750px:}
#holder img {margin-top:-4px;}

#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}


#ddcolortabs a{
float:left;
color: white;
background: #000099 url(../images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #ff0000;
}

#ddcolortabs a:hover span{
background-color: #ff0000;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #ff0000;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #ff0000;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.mymenu{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
background: #306bc1 url(../images/button-bg.jpg) repeat-x 0 0;
font-weight: bold;
border: 1px solid black;
padding: 3px;
color: #FFFFFF;
width: 178px;
text-align: Center;
}

.openmenu{ /*class added to contents of 1st demo when they are open*/
background: url(../images/chromebgs.gif) center center repeat-x;
color: #000000;
}

.search{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
background: #306bc1 url(../images/button-bg.jpg) repeat-x 0 0;
font-weight: bold;
border: 1px solid black;
padding: 3px;
color: #FFFFFF;
width: 178px;
}

.opensearch{ /*class added to contents of 1st demo when they are open*/
background: url(../images/chromebgs.gif) center center repeat-x;
color: #000000;
}

.Heading{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-weight: bold;
border: 1px solid black;
padding: 3px;
width: 500px;
color: #FFFFFF;
background: #306bc1 url(../images/button-bg.jpg) repeat-x 0 0;
}

.opencontent{ /*class added to contents of 2nd demo when they are open*/
color: #000000;
background: url(../images/chromebgs.gif) center center repeat-x;
}

.closedcontent{ /*class added to contents of 2nd demo when they are closed*/
color: #FFFFFF;
background: #306bc1 url(../images/button-bg.jpg) repeat-x 0 0;
}

.sidemenuheading{ 
cursor: hand;
cursor: pointer;
font-weight: bold;
border: 1px solid black;
padding: 3px;
width: 178px;
color: #FFFFFF;
background: #306bc1 url(../images/button-bg.jpg) repeat-x 0 0;
}

.opensidemenucontent{ /*class added to contents of 2nd demo when they are open*/
color: #000000;
background: url(../images/chromebgs.gif) center center repeat-x;
}

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background: #306bc1 url(../images/button-bg.jpg) repeat-x 0 0;
font-weight: bold;
border: 1px solid black;
padding: 3px;
color: #FFFFFF;
}

div.eg-bar{
width: 178px;
}

.icongroup1{
width: 510px;
}