/* box layout */
<STYLE type=text/css>
.feature:link { COLOR: #333300  ; text-decoration: none }
.feature:active { COLOR: #333300 ;text-decoration: none }
.feature:visited { COLOR: #333300; text-decoration: none }
.feature:hover { COLOR: black; text-decoration: none }


<STYLE>
BODY
{
    FONT-SIZE: xx-small;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: white
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #800000;
    FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif
}
H3
{
    FONT-SIZE: xx-small;
    COLOR: black;
    FONT-FAMILY: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif
}
TD
{
    FONT-SIZE: x-small;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, sans-serif
}
A
{
    TEXT-DECORATION: none
}
A:link
{
    COLOR: #003366
}
A:visited
{
    COLOR: #003366
}
A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.subhead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: black;
    FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif
}
.footer
{
    FONT-SIZE: x-small;
    COLOR: #202020;
    FONT-FAMILY: Verdana, Arial, sans-serif
}
.iNavigateCaption
{
    FONT-SIZE: x-small;
    COLOR: black
}
.iNavigateCaption A:link
{
    COLOR: black
}
.iNavigateCaption A:visited
{
    COLOR: black
}
.iNavigateCaption A:hover
{
    COLOR: black;
    TEXT-DECORATION: none
}
.iNavigateItem
{
    FONT-SIZE: xx-small;
    COLOR: #003366;
	FONT-FAMILY: Verdana
}
.iNavigateItem A:link
{
    COLOR: #003366
}
.iNavigateItem A:visited
{
    COLOR: #003366
}
.iNavigateItem A:hover
{
    COLOR: #797979;
    TEXT-DECORATION: none
}
.iNavigateCurrentPage
{
    COLOR: #939393;
    FONT-STYLE: normal
}
.iNavigateJumpTop
{
    FONT-SIZE: xx-small;
    TEXT-ALIGN: right
}



.boxwrap   { width: 700px; margin-left: auto; margin-right: auto; }

.boxbody   { width: 550px; float: left;  }
.boxcenter { width: 445px; height:280px;float: right; }
.boxleft   { width: 100px; height:280px;float: left; }
.boxright  { width: 100px; height:280px; float: right; }
.boxheader { width: 700px; height:100px; clear: both;  }
.boxfooter { width: 700px; height:100px; clear: both;  }

.boxlist   { width: 150px; height:100%;float: left; }
/* ie hack: */
     .iehackwrap { text-align: center;  }
     .boxwrap    { text-align: justify; }     
     
/* box style */

.boxwrap   { background: #F0F0F0; }

.boxheader { background: #F0F0F0; }
.boxfooter { background: #F0F0F0; }
.boxcenter { background: #F0F0F0; }
.boxleft   { background: #F0F0F0; }
.boxlist   { background: #F0F0F0; }
.boxright  { background: #F0F0F0; }

div { margin: 0px; padding: 0px; }

/* formatting */
body     { background-color: #ffffff; color: #003366; margin: 0px; padding: 0px; }
.boxwrap { text-align: justify; margin-bottom: 2em; }

h1 { padding: 2px 10px; margin: 0px;}
p  { padding: 5px 10px; margin: 0px;}

/* style */
body { FONT-SIZE: x-small; font-family : Verdana, Arial, Helvetica, sans-serif; }

h1 { font-size: 1.3em; }
p, li  { font-size: 0.8em; }


.comment { border: 1px solid red; margin: 1em; padding: 0.5em; background: #fff; }
h1 span  { font-weight: normal; }

#scrolling div.boxleft, #scrolling div.boxright, 
   { overflow: scroll; height: 4em;}


   
   </STYLE>