table.join_ebi_table{

        border-spacing: 30px;

        border-collapse: separate;

        border:solid #cccccc 1px;

        position:relative;

        margin: auto auto auto auto;

        width:50%

}

table.join_ebi_table td{

        padding: 0px 0px 0px 0px;

}

table.join_ebi_table td span.field_remark{

        color:red;

        font-style:italic;

        font-size:9pt;

        font-weight:light;

}

table.mbar {

        border-width: 0px;

        border-spacing: ;

        border-style: none;

        border-color: gray;

        border-collapse: collapse;

        background-color: white;

}

table.mbar td {

        vertical-align:top;

        border-width: 0px;

        padding: 0px;

        border-style: none;

        border-color: gray;

        background-color: white;

}

div#menu{

        width: 48px; height:44;

}



div#menu ul li{

        float:left;

        height:100%;

        width:100%;

        z-index: 10;

}



div#menu ul li a{

        height:100%;

}



div#menu a{

        font:bold 14px "Time New Roman";

        color:#1f4388;

        display:block;

        white-space:nowrap;

        margin:0px;

        padding: 0px 0px 0px 0px;

        text-decoration:none;

}



div#menu a:hover{

        font:bold 14px "Time New Roman";

        color: #1f4388;

        background:#d9e0f7;

        padding: 0px 0px 0px 0px;

        text-decoration:none;

}



div#menu a:active{

        font:bold 14px "Time New Roman";

        color: #1f4388;

        background:#d9e0f7;

        padding: 0px 0px 0px 0px;

        text-decoration:none;

}



div#menu ul{

        list-style:none;

        margin: auto auto auto auto;

        padding: 0px 0px 0px 0px;

        width:100%;

        font:10px;

}



div#menu li.sub {

        width: 200px;

        text-align: left;

        padding: 4px 7px 4px 7px;

        border-width: 0px 1px 1px 1px;

        border-spacing: 4px;

        border-style: solid solid solid solid;

        border-color: #cccccc #cccccc #cccccc #cccccc;

        border-collapse: collapse;

        background-color:#d9e0f7;

}



div#menu li.sub2 {

        width: 320px;

        text-align: left;

        text-indent: 5px;

        background:#00ff00;

}





/* Requirement: Put the element selector name (div)

onto non anchor hover selectors to force IE5 and

5.5 to correctly apply the csshover file. */



div#menu li, div#menu li:hover{

position:relative;

}



div#menu li ul{

position:absolute;

top: 44px;

left: 0px;

z-index:100;

}



div#menu ul ul,

div#menu ul ul ul,

div#menu ul li:hover ul ul,

div#menu ul li:hover ul ul ul

{display:none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display:block;}









div#menu1{

        width: 81px; height:44;

}



div#menu1 ul li{

        float:left;

        height:100%;

        width:100%;

        z-index: 10;

}



div#menu1 ul li a{

        height:100%;

}



div#menu1 a{

        font: bold 14px "Time New Roman";

        color:#1f4388;

        display:block;

        white-space:nowrap;

        margin:0px;

        padding: 0px 0px 0px 0px;

        text-decoration:none;

}



div#menu1 a:hover{

        font:bold 14px "Time New Roman";

        color: #1f4388;

        background:#d9e0f7;

        padding: 0px 0px 0px 0px;

        text-decoration:none;

}



div#menu1 a:active{

        font:bold 14px "Time New Roman";

        color: #1f4388;

        background:#d9e0f7;

        padding: 0px 0px 0px 0px;

        text-decoration:none;

}



div#menu1 ul{

        list-style:none;

        margin: auto auto auto auto;

        padding: 0px 0px 0px 0px;

        width:100%;

        font:10px;

}



div#menu1 li.sub {

        width: 90px;

        text-align: left;

        padding: 4px 7px 4px 7px;

        border-width: 0px 1px 1px 1px;

        border-spacing: 4px;

        border-style: solid solid solid solid;

        border-color: #cccccc #cccccc #cccccc #cccccc;

        border-collapse: collapse;

        background-color:#d9e0f7;

}



div#menu1 li.sub2 {

        width: 300px;

        text-align: left;

        text-indent: 5px;

        background:#00ff00;

}





/* Requirement: Put the element selector name (div)

onto non anchor hover selectors to force IE5 and

5.5 to correctly apply the csshover file. */



div#menu1 li, div#menu1 li:hover{

position:relative;

}



div#menu1 li ul{

position:absolute;

top: 44px;

left: 0px;

z-index:100;

}



div#menu1 ul ul,

div#menu1 ul ul ul,

div#menu1 ul li:hover ul ul,

div#menu1 ul li:hover ul ul ul

{display:none;}



div#menu1 ul li:hover ul,

div#menu1 ul ul li:hover ul,

div#menu1 ul ul ul li:hover ul

{display:block;}

.dropDown div{
	display:none;
}

.dropDown:hover div{
	display:block;
}

.dropDown ul{
	padding:0px 1px 1px 0px;
	margin:0px;
	list-style:none;
	border:1px solid white;
	border-top:0px;
	background:#999;
	position:absolute;
	z-index:10;
}

.dropDown li{
	padding:4px 7px 4px 7px;
	background:url(images/nav/listBG.jpg);
}

.dropDown a{
	color:#1f4388;
	text-decoration:none;
}