body {
  padding: 0px 1px 1px 40px;
  margin: 0;
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size: 10pt;
  color: #000080;
  background-color: #8080ff;
  background-image: url("http://www.smartitconsulting.com/neatcms/img/bg-left-40x1280.png");
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  /* behavior: url("http://www.smartitconsulting.com/css/csshover.htc"); */ /* make hMenu work in IE */
}
:link { color: #0000cd; background: transparent }
:visited { color: #191970; background: transparent }
a:active { color: #ff6347; background: transparent }

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}



table    { display: table; border-collapse: collapse; }
tr       { display: table-row; }
thead    { display: table-header-group; }
tbody    { display: table-row-group; }
tfoot    { display: table-footer-group; }
col      { display: table-column; }
colgroup { display: table-column-group; }
TD, TH   { display: table-cell; }
caption  { display: table-caption; }

    h1 		{ margin-top: 1px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: 'Arial Narrow',Verdana,Arial,Helvetica,Sans-serif; font-size: 18pt; font-weight: bold; color: #0000cd; text-align: center;  }

    h2 		{ margin-top: 3px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: 'Arial Narrow',Verdana,Arial,Helvetica,Sans-serif; font-size: 16pt; font-weight: bold; color: #483d8b; text-align: left;  }

    h3 		{ margin-top: 3px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: 'Arial Narrow',Verdana,Arial,Helvetica,Sans-serif; font-size: 14pt; font-weight: bold; color: #6a5acd; text-align: left;  }

    h4 		{ margin-top: 3px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: 'Arial Narrow',Verdana,Arial,Helvetica,Sans-serif; font-size: 13pt; font-weight: bolder; color: #6495ed; text-align: left;  }

    h5 		{ margin-top: 3px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: 'Arial Narrow',Verdana,Arial,Helvetica,Sans-serif; font-size: 11; font-weight: bolder; color: #836fff; text-align: left;  }


    p.normal	{ margin-top: 1px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 10pt; font-weight: normal; color: #000080; text-align: justify; padding-right: 1px;  }

p.code	{ margin-top: 1px; margin-bottom: 1px; margin-left: 10px; margin-right: 2px; font-family: Courier,'Courier New',Monospace; font-size: 10pt; font-weight: normal; color: #000000; text-align: Left; padding-right: 1px;  }

    code, p > code { font-family: Courier,'Courier New',Monospace; font-size: inherit; font-weight: normal; color: #000000; }

    pre, p > pre { margin-top: 2px; margin-bottom: 2px; margin-left: 10px; margin-right: 2px; font-family: Courier,'Courier New',Monospace; font-size: 10pt; color: #000000; font-weight: normal; text-align: left; }

    p.normalCell	{ margin-top: 1px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 10pt; font-weight: normal; color: #000080; text-align: left; padding-right: 1px;  }

    p, p.large	{ margin-top: 1px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 12pt; font-weight: normal; color: #000080; text-align: justify; padding-right: 1px;  }


    p.pagedesc { font-size: 11pt; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; /* margin-top set on page */ color: #000080; padding: 5px; border: 1px solid #000080;}



    p.xlarge	{ margin-top: 1px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 14pt; font-weight: normal; color: #000080; text-align: justify; padding-right: 1px;  }

    p.small	{ margin-top: 1px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: Arial,Verdana,Helvetica,Sans-serif; font-size: 8pt; font-weight: normal; color: #000080; text-align: justify; padding-right: 1px;  }

    p#youarehere > a         { color:#000000; border-width:1px; border-style: dotted; border-color:transparent;} 
    p#youarehere > a:visited { color:#000000; border-width:1px; border-style: dotted; border-color:transparent;} 
    p#youarehere > a:hover   { color:#ff6347; border-width:1px; border-style: dotted; border-color:#191970; text-decoration:none; } 
    /*a.youarehere, a.youarehere:visited, a.youarehere:hover {*/ /* IE-bugfix: IE can't understand p > a ... Aaaaarrrrgggg IE can't render visited/active/hover by class */ /*color:#000000; 
    }*/

    p.xsmall	{ margin-top: 1px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: Arial,Verdana,Helvetica,Sans-serif; font-size: 7pt; font-weight: normal; color: #000080; text-align: justify; padding-right: 3px;  }

    p.leftnav	{ margin-top: 2px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 10pt; font-weight: normal; color: #000080; text-align: left; padding-right: 1px;  }

    a.menu       { display:block; color: #191970; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 10pt; font-weight: bold;   background: #b0c4de ; /* cdc9c9 snow3 */ width: 200px; border: thin outset #4682b4; /* #ffd700 gold */ border-width: 1px; border-radius: 2px; text-decoration: none; margin: 0px;}
    a.menu:hover { color: #6e7b8b; font-weight: bolder; background: #f5f5dc; border: thin inset #f0e68c; /* f0e68c kahki */ }
    a.menu:visited { color: #473c8b; background: #b0c4de ; /* cdc5bf seashell3 */ }
    a.menu:active  { color: #ff6347; background:#f5f5dc;}


    ul { margin-left: 3px; padding-left: 4px; font-size:inherit; margin-top: 1px; margin-bottom: 1px;}
    ul.small  {font-size: 8pt;}
    ul.normal {font-size: 10pt;}
    ul.large  {font-size: 12pt;}

    ol { margin-left: 12px; padding-left: 3px; font-size:inherit; margin-top: 1px; margin-bottom: 1px;}
    ol.small  {font-size: 8pt;}
    ol.normal {font-size: 10pt;}
    ol.large  {font-size: 12pt;}


    li	{ margin-top: 1px; margin-bottom: 1px; margin-left: 11px; margin-right: 4px; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: inherit; /*10pt*/; font-weight: normal; color: #000080; text-align: justify; padding-right: 1px;  padding-left: 4px;  }
    li.small  {font-size: 8pt;}
    li.normal {font-size: 10pt;}
    li.large  {font-size: 12pt;}


    blockquote {margin-left: 3px; padding-left: 4px; margin-top: 1px; margin-bottom: 1px;}
    blockquote.small  {font-size: 8pt;}
    blockquote.normal {font-size: 10pt;}
    blockquote.large {font-size: 12pt;}

    div.catindex  { margin:2px; padding:2px; border-width:1px; border-style:solid; border-color:#8080ff; }    


/* Begin CSS Popout Menu */


#menu{
width:100%;
float:; /*left;*/
}

#menu a, #menu h2{
font-family: Arial,Verdana,Helvetica,Sans-serif;
font-weight: bold;
font-size: 8pt;
display:block;
border-width:1px;
border-style:solid;
border-color:#4682b4; /* or something like: #ccc #888 #555 #bbb;*/
white-space:nowrap;
margin:0;
padding:0;
}

#menu h2 > a { /* a link in a h2 element */
border-width:0px;
border-style:none;
text-align:center;
}

#menu h2{
color:#191970; 
background:#b0c4de  /*url("http://www.smartitconsulting.com/neatcms/img/menu-item-expand.gif") no-repeat 100% 100%*/;
text-transform:uppercase;
padding: 0; 
margin: 0; 
/* If there is *very* long text in menu items try to set the li-width higher and experiment with: */
/*padding-left:2em;*/ /* = width[#menu li](e.g. 12em) - 1 - width[#menu ul](e.g. 9em) */
/*text-indent:2em; */ /* similar effect if width[li] > width[ul]*/
}

#menu a{
background:#b0c4de; 
text-decoration:none;

}

#menu a, #menu a:visited{
color:#473c8b; 
}

#menu a:hover{
color:#6e7b8b; 
background:#f5f5dc 
}

#menu a:active{
color:#ff6347; 
background:#f5f5dc; 
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em; /* or width:150px; ... */ width:9.5em;

}

#menu li{
position:relative;

max-width:12em; /* or width:150px; ... */ width:9.5em;
margin:0;
padding:0;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background: #f5f5dc url("http://www.smartitconsulting.com/neatcms/img/menu-item-expand.gif") no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#473c8b; 
background:#b0c4de url("http://www.smartitconsulting.com/neatcms/img/menu-item-expand.gif") no-repeat 100% 100%;
}

#menu a.x:hover{
color:#6e7b8b; 
background:#f5f5dc; 
}

#menu a.x:active{
color:#ff6347; 
background:#f5f5dc; 
}

/* End CSS Popout Menu */