body, p, td, th, ul, h1, h2, h3, disclaim, subhead
     {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color:#000;}

body
     {font-size:14px; margin-left:10px; margin-right:10px; 
     margin-top:0px; margin-bottom:0px; PADDING-BOTTOM: 10px; PADDING-RIGHT: 0px; 
     PADDING-LEFT: 0px; PADDING-TOP: 0px; text-align:left;}

p {text-align: left;}

a:link
     {color:#7e007e; text-decoration:none;}

a:visited
     {color:#42929c; text-decoration:none; font-weight: bold;}

a:hover
     {color:#00f;text-decoration:underline;}

h1
     {font-size:14px; font-weight:normal; line-height:15px; text-align:left;}

h2
     {font-size:23px; font-weight:normal; line-height:24px; text-align:left;}

h3
     {font-size:18px; font-weight:normal; line-height: 12px; text-align:left;}

IMG 
     {BORDER: 0; padding: 0; }

.img_l 
     {float: left; border: 0 none; margin: 0 0 0 0; padding: 0 0 0 0; clear: left; }

.img_l img {padding: 0 10px 0 0;}

.img_r
     {float: right; border: 0 none; margin: 0 0 0 0; padding: 0 0 0 0; clear: right;
     text-align: right;} 

.img_r img {padding: 0 0 0 10px;}
   

.disclaim
     {padding: 5px 5px 5px 5px; font-size: 10px; TEXT-ALIGN: center; width: 100%;}

.clearBlockElement 
     {clear: both }

.list
     {margin-top: 0px; margin-bottom: 4px; text-indent: 30px;}

.suess 
     {padding-left: 40px;}

.ind 
     {text-indent: 30px;}

table       
     {border:none; border-collapse:collapse; border-spacing:0;}

table.fullWidth
     {width:100%;}

.mailus 
     {padding-left: 20px; padding-top: 20px; padding-right: 20px;}
.mailus TD 
     {font-size: 14px; text-align: left;}

.topl
     {VERTICAL-ALIGN: top;
     WIDTH: 380px; FONT-FAMILY: Arial, Helvetica; HEIGHT: 60px;}

.menu
     {width:99%; vertical-align: bottom; padding-bottom: 12px;}

.mtable 
     {width: 100%; height: 60px;}


/* This part controls the default spacing and padding on the ul elements (the top level one, and the one that contains the nested lists.) It also removes the default bullets. */

#nav, #nav ul
{
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 0;
     color: #42929c;
     text-decoration: none;
     background-color: #fff;
     padding: 0px;
     font: bold 11px "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* Now we need to move the top level ul element over from the left edge of the containing table cell: */

#nav
{
    margin-left: 10px;
}

/* This controls the float for each top level list item. */

#nav li
{
     float: left;
}

/* and how the <a> element gets styled: */

#nav a
{
     text-align: left;
     width: 70px;
     display: block;
     color: #42929c;
     text-decoration: none;
     background-color: #fff;
     padding: 3px;
     font: bold 11px "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* and what happens when we mouseover the link */

#nav a:hover
{
     color: #222222; background-color: #fff;
}

/* now we need to increase the width on the nested <a> elements */

#nav li li a
{
     text-align: left;
     width: 70px;
     display: block;
     color: #42929c;
     text-decoration: none;
     background-color: #addfff;
     padding: 4px;
     font: bold 11px "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* and what happens when we mouseover the link on the dropdown menu */

#nav li li a:hover
{
     color: #222222; background-color: #addfff;
}

/* this removes the initial nested list from view */

#nav ul
{
     position: absolute;
     left: -999em;
     width: 70px;
}

/* and then puts it back in when we hover over the links */

#nav li:hover ul, #nav li.sfhover ul
{
     left: auto;
}