body,td,th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
}
body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}
p {
        margin-left: 20px;
        margin-top: 10px;
         margin-right: 10px;

}
.style1 {
        font-size: 12pt;
        font-style: italic;
        color: #0080C0;
        font-weight: bold;
}
.style2 {
        font-size: 14pt;
        font-weight: bold;
        color: #FF8000;
        font-style: italic;
        }

.H5 {font-size: 12pt; font-weight: bold; color: #804040 }


BODY  {
        background-color : #9fafdf;
        margin : 4px;
        font-family : Verdana, Arial;
        font-size : 11px;
        color : black;
        text-align : left;
        font-style : normal;
        font-weight : normal;
}

H3  {
        COLOR : #000099;
        font-family : Verdana, Arial;
        font-size : medium;
        font-weight : bold;
}

H4  {
        COLOR : black;
        font-family :  Verdana, Arial;
        font-weight : bold;
        font-size : medium;
}

H5  {
        COLOR : #000099;
        font-family : Verdana, Arial;
        }

TD  {
        COLOR : black;
        font-size : 11px;
        font-family : Verdana, Arial;
}

.bodytxt {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : Black;
        vertical-align : top;
        font-style : normal;
        background-color : #999fdf;
}
.bodytxt4 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : #000099;
        vertical-align : top;
        margin: 10px;
        font-style : normal;
        background-color : #cccccc;
}
.bodytxt2 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : Black;
        vertical-align : middle;
        font-style : normal;
        font-weight : normal;
        background-color : #b0c4de;
}
.bodytxt3 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : Black;
        vertical-align : middle;
        font-style : normal;
        font-weight : bold;
        background-color : #b0c4de;
}
.menu1 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : Black;
        background-color : #9fafdf;
        vertical-align : center;
        font-style : normal;
}
.menu2 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : Black;
        background-color : #666666;
        vertical-align : center;
        font-style : normal;
        TEXT-DECORATION : none;
}
.topmenu1 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : #ffff99;
        background-color : #cccc99;
        vertical-align : center;
        font-style : normal;
        font-weight : bold;
        TEXT-DECORATION : none;
        text-align : center;
}
.topmenu2 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : #cccccc;
        background-color : #cccc99;
        vertical-align : center;
        font-style : normal;
        TEXT-DECORATION : none;
        text-align : center;
}
.topmenu3 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : #999999;
        background-color : #999999;
        vertical-align : center;
        font-style : normal;
        font-weight : bold;
        TEXT-DECORATION : none;
        text-align : center;
}
.head {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : Black;
        vertical-align : top;
        font-style : normal;
        font-weight : bold;
        background-color : #5f9ea0;
}
.head2 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : 000099;
        vertical-align : top;
        font-style : normal;
        font-weight : normal;
        background-color : #b0c4de;
}
.tab {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : 000000;
        vertical-align : top;
        font-style : normal;
        font-weight : bold;
        background-color : #cccc99;
}
.card {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : #000099;
        vertical-align : top;
        font-style : normal;
        font-weight : normal;
        background-color : #ffffec;
}
.card3 {
        font-family : Verdana, Arial;
        font-size : 11px;
        color : #000099;
        vertical-align : middle;
        font-style : normal;
        font-weight : normal;
        background-color : #cccccc;
}

.micro {
        font-family : Verdana, Arial;
        font-size : 10px;
        color : #000000;
        font-style : normal;
        font-weight : bold;
        background-color : #b0c4de;
}

A:link  {
        COLOR : #000099;
        TEXT-DECORATION : underline;
}
A:visited  {
        COLOR : #000099;
        TEXT-DECORATION : underline;
}
A:active  {
        COLOR : #000099;
        TEXT-DECORATION : none;
}
A:hover  {
        COLOR : #000099;
        TEXT-DECORATION : underline;
        background-color : #99fdff;
}

/* THIS IS SPECIFICALLY FOR THE FLYOUT MENU */

.menu {
width:100%; 
font-size:0.55em;
position:relative;
z-index:5;
height:20px;
background:#9fafdf;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul {
width:100%;
z-index:50;

}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* the width should be 100 divided by the number of horizontal buttons */
.menu li {
float:left;
width:16.639%;
position:relative;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul ul li {
float:left;
width:150px;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration: none;
	color:#000099;
	height:20px;
	border:1px solid #000;
	border-width:1px 1px 1px 1px;
	border-collapse:collapse;
	background:#999fff;
	line-height:19px;
	text-align:center;
	font-weight: bold;
}

/* a hack so that IE5.5 faulty box model is corrected */
/* width must be same as .menu li above */
* html .menu ul {}
* html .menu ul li {
width: 16.639%;
display: inline;
float: left;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited
 {
background: #4d8bd bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:21px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:20px;
t\op:21px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#999fdf; 
color:#000066; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px

/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#9fafdf;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}