/* Based on work done by Steve Gibson of grc.com; modified by Tim Radford January 2008 */

/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
  position:relative;                       /* establish a menu-relative positioning context */
  float:left;                              /* play nicely with others */
  font-family: Verdana, Arial MT, Arial,  Helvetica;
  font-size:80%;
  font-weight:bold;
  text-align:center;
}

.menu ul {
  padding:0px;
  margin:0px;
  border:0px;
  list-style-type:none;                    /* we don't want to view the list as a list */
}                                          

.menu ul li {
  display:block;
  float:left;                              /* this creates the side-by-side array of top-level buttons */
  position:relative;                       /* create local positioning contexts for each button */  
  color:white;
  display:block;
  margin-top:0px;
  margin-right:1px;
  margin-bottom:0px;
  margin-left:0px;
  padding-top:10px;
  padding-right:10px;
  padding-bottom:0px;
  padding-left:10px;
  height:20px;

  
  /* reset to not pushed */
  background-color:rgb(183,227,255);
  border-top:0px;
	border-left:0px;
  border-bottom:1px solid black;
  border-right:1px solid black;
}

.menu ul li a {
  display:block;
  float:left;
  color:rgb(8,62,108);
  text-decoration:none;
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
  display:none;                            /* initially hide the entire list hierarchy */
  text-align:left;
}

.menu li:hover
{                                          /* selected top-level menu items */
  /* set to pushed in */
  background:rgb(183,227,255);
  border-top:1px solid rgb(183,227,255);
  border-left:1px solid rgb(183,227,255);
  border-bottom:0px;
  border-right:0px;
}


/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

/* 2nd level drop-down box */
.menu ul li:hover   ul,
.menu ul li a:hover ul {                   
  display:block;
  position:absolute;
  left:0px;                                /* left-align our drop-down to the previous button border */
  top:30px;						/* offset down of sub-menu (same as menu height) */
}

/* 2nd level unselected items */
.menu ul li:hover   ul li a,
.menu ul li a:hover ul li a {
  width:20em;                              /* width of drop down menu */

  /* reset to not pushed */
  background:rgb(183,227,255);                   /* this sets the drop-down menu background color */
	border-top:0px;
	border-left:0px;
  border-bottom:1px solid rgb(183,227,255);
  border-right:1px solid rgb(183,227,255);
}d

/* 2nd level selected item */
.menu ul li:hover   ul li:hover a {        
  /* set to pushed in  */
  background:rgb(183,227,255);
  border-top:1px solid rgb(183,227,255);
  border-left:1px solid rgb(183,227,255);
  border-bottom:0px;
  border-right:0px;
}




body
{
margin: 0;
padding: 0;
background-color: rgb(255,255,255);
text-decoration:none;
font-family: Verdana, Arial MT, Arial,  Helvetica;
font-size:70%;
color: rgb(77,77,77);
}
a
{
font-family: Verdana, Arial MT, Arial,  Helvetica;
text-decoration:none;
font-size: 100%;
color: rgb(17,127,223);
}
a:hover
{
text-decoration:underline;
}

img
{
border: none;
}


ul
{
font-family: Verdana, Arial MT, Arial,  Helvetica;
font-size: 100%;
color: rgb(77,77,77);
text-decoration:none;
list-style-type:disc;
}

li
{
text-decoration:none;
color: rgb(77,77,77);
font-family: Verdana, Arial MT, Arial,  Helvetica;
font-size:100%;
list-style-type:disc;
}

h1
{
text-decoration:none;
font-family: Verdana, Arial MT, Arial,  Helvetica;
color: rgb(0,0,0);
text-align: center;
}
h2
{
text-decoration:none;
font-family: Verdana, Arial MT, Arial,  Helvetica;
color: rgb(0,0,0);
text-align: center;
}
h3
{
text-decoration:none;
font-family: Verdana, Arial MT, Arial,  Helvetica;
color: rgb(0,0,0);
text-align: center;
}
h4
{
font-family: Verdana, Arial MT, Arial,  Helvetica;
color: rgb(223,113,17);
font-size:120%;
text-align: left;
margin-top: 1cm;
}
h5
{
text-decoration:none;
font-family: Verdana, Arial MT, Arial,  Helvetica;
color: rgb(17,127,223);
font-size:100%;
text-align: left;
}

h6
{
text-decoration:none;
font-family: Verdana, Arial MT, Arial,  Helvetica;
color: rgb(17,127,223);
text-align: left;
font-weight: 200;
font-size:100%;
}

table
{
background-color: rgb(255,255,255);
text-decoration:none;
font-family: Verdana, Arial MT, Arial,  Helvetica;
font-size:100%;
}

.slideshow h6
{
text-decoration:none;
font-family: Verdana, Arial MT, Arial,  Helvetica;
color: rgb(17,127,223);
font-weight:600;
text-align: center;
}

table a
{
font-size: 100%;
}


td
{
border-color:rgb(255,255,255);
border-width:1px;
border-style:solid;
}

P
{
padding-top: 10px;
margin: 0;
}

TABLE
{
font-size: 8pt;
margin: 0;
padding: 0; 
border-width: 0;
}

TR
{
vertical-align: bottom; 
}

TD
{
border-width : 1px;
border-style: solid;
border-color: #CCCCCC;
vertical-align: bottom;
}

td.button
{
color: black ;
background: rgb(183,227,255) ;
border: 1px solid #CCCCCC;
margin: 4px;
padding: 0px;
}

div.exp
{
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
background-color = #FFFFFF;
border = 1px solid #FFFFFF;
}

p.button
{
color: black ;
{
background: rgb(183,227,255);
border: 1px solid #CCCCCC;
margin: 1px;
padding: 0px;
display: block ;
}

.button a
{
background: rgb(183,227,255);
color: rgb(8,62,108);
}


a.menuitem:link
{
text-decoration: none ;
background: rgb(183,227,255);
color: rgb(8,62,108);
display: block ;
}

a.menuitem:visited
{
text-decoration: none ;
background: rgb(183,227,255);
color: rgb(8,62,108);
display: block ;
}

a.menuitem:hover
{
text-decoration: none;
background: rgb(183,227,255);
color: rgb(8,62,108);
display: block ;
}

a.menuitem:active
{
text-decoration: none;
color: #FFFFFF;
background: rgb(132,208,255);
display: block ;
}

a.menuitem:table
{
font-size: 10pt;
}

.boxul ul
{
padding:0;
margin:0;
text-decoration: none;
background-color: rgb(183,227,255);
font-family: Verdana, Arial MT, Arial, Helvetica;
line-height:150%;
margin-left:2px;
font-size:100%;
}

.boxul li
{
text-decoration: none;
background-color: rgb(183,227,255);
border-color:rgb(8,62,108)
list-style-type: none;
margin-left:2px;
font-size:90%;
}

.boxul li li
{
text-decoration: none;
background-color: rgb(183,227,255);
list-style-type: none;
margin-left:20px;
font-size:100%;
}
.boxul a
{
color: rgb(8,62,108);
font-size:110%;
font-weight:500;
}


body
{
scrollbar-base-color: rgb(232,246,255);
scrollbar-arrow-color: rgb(232,246,255);
scrollbar-darkshadow-color: rgb(183,227,255);
scrollbar-3d-light-color: rgb(183,227,255);
scrollbar-face-color: rgb(183,227,255);
scrollbar-highlight-color: rgb(232,246,255);
scrollbar-shadow-color: rgb(232,246,255);
}