BODY
{ 
  margin: 0 0 0 0;
  padding: 0 0 0 0; 
}


a:link, a:active, a:visited, a:hover
{ text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif
}
 
body, html, p, div, table
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-style: normal;
}

.header
{ display:block;
  background:#cccccc;
  padding:10px;
  text-align:center;
}


.header h1
{ font-size: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 2px;
  text-align:center;
}

.footer
{ display:block;
  background:#cccccc;
  margin-top:15px;
  padding:5px;
  text-align:center;
}

.footer table
{ width:100%;
}



.article p
{ text-align:justify;
}

.article h1 
{ font-size: 12px;
  line-height: 12px;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 2px;
}

.article h2
{ font-size: 11px;
  line-height: 11px;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 2px;
}



.menu 
{ width:748px; 
  font-size:0.85em;
  padding-bottom:50px;
}

.menu ul 
{ padding:0;
  margin:0;
  list-style-type:none;
}

.menu ul ul 
{ width:187px;
}

.menu li 
{ float:left;
  width:187px;
  position:relative;
}

.menu a, .menu a:visited 
{ display:block;
  font-size:11px;
  text-decoration:none; 
  color:#fff; 
  width:176px; 
  height:30px; 
  border:1px solid #fff; 
  border-width:1px 1px 0 0; 
  background:#b0b0b0; 
  padding-left:10px; 
  line-height:29px;
}

* html .menu a, * html .menu a:visited 
{ width:187px;
w\idth:176px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
{ background:#909090;
}
/* style the second level hover */
.menu ul ul a.drop:hover
{ background:#b0b0b0;
}
.menu ul ul :hover > a.drop 
{ background:#b0b0b0;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited 
{ background:#a5a5a5;
}
/* style the third level hover */
.menu ul ul ul a:hover 
{ background:#b5b5b5;
}
.menu ul ul ul :hover > a 
{ background:#b5b5b5;
}

/* 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:31px;
  left:0; 
  width:187px;
}

/* another hack for IE5.5 */
* html .menu ul ul 
{ top:30px;
t\op:31px;
}

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

/* style the table so that it takes no part 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:#d5d5d5; 
  color:#000; 
  height:auto; 
  line-height:1em; 
  padding:5px 10px; 
  width:129px
}

* html .menu ul ul a
{ width:187px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
{ color:#fff; 
  background:#909090;
}

.menu :hover > a, .menu ul ul :hover > a 
{ color:#fff;
  background:#909090;
}

/* 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;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;
}

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