.MenuItem
{
    font-family: Arial;
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}

.MenuItem:hover 
{
    color:Silver
}

.aboutus-style1
{
    width: 133px;
}
a:link.smallondark
{
    color: #FFFFFF;
    text-decoration: none;
}

.smallondark
{
    color: #FFFFFF;
    font-family:Verdana; 
    font-size: 10px;
}

.bottomrowstyle
{
    height: 25px;
    background-color:#000047;
    color: #FFFFFF;
    font-family:Verdana; 
    font-size: 10px;
}

/* IE doesn't implement min-height.  So the following hack is based on the 
   description at http://wellstyled.com/css-minheight-hack.html */
.home-top-row-minheight2
{
   min-height: 200px;
   height: auto;
   _height: 200px;
}

.home-bottom-row-minheight
{
    min-height: 452px;
    height: auto;
    _height: 452px;
}

.HomePageList
{
    margin-bottom: 6px;
    margin-top: 6px;
    font-family: Arial;
    font-size: small;
    color: Black;
}

li
{
    font-family: Verdana;
    font-size: small;
    margin: 20px;
    color: #000047;
    /* color: Red; */
}

.compactlist
{
    font-family: Verdana;
    font-size: small;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 2px;
    font-family:Arial;
    font-size: small;
    color: #000047; 
    /* color: Red; */
}


tt
{
    font-size: small;
}

.formtable
{
    font-family: Verdana;
    font-size: small;
    color: #000047;
    height: 178px;
    margin-right: 0px;
}

p
{
    font-family: Verdana;
    font-size: small;
    color: #000047;
    margin-bottom: 6px;
    text-align: justify;
}

.main-page-p
{
    font-family: Arial;
    text-align: justify;
}

blockquote
{
    font-family: Verdana;
    font-size: small;
    color: #000047;
}

h2
{
    font-family: Verdana;
}
h3
{
    font-family: Verdana;
}
h1
{
    color: #000047;
    font-weight: bold;
    font-size: large;
    font-family: Verdana;
    height: 2px;
    margin-bottom: 54px;
}
.aboutus-style2
{
    font-family: Verdana;
    font-size: small;
    color: #000047;
    font-weight: bold;
}
.aboutus-style3
{
    width: 100%;
}
.aboutus-style4
{
    width: 389px;
}
body 
{
}

.formtablelabelrow
{
    width: 100px;
    text-align: right;
}
.textboxcolumn
{
    width: 300px;
}
.validationcolumn
{
    width:100%;
    min-width: 90px;
}
.home-style5
{
    width: 199px;
    height: 204px;
}
.home-style7
{
    text-align: center;
}
 
 .products-style1
{
    width: 591px;
    height: 577px;
}

.ebrief-box
{
    width: 236px;
    min-height: 320px;
    font-weight: bold;
    text-align: left
}


.body-text
{
    margin:20px;
}

.heading1
{
    margin:20px;
}

.heading2
{
    margin:20px;
    font-size:12pt;
    color:#000047;
}


.table-text
{
    width:20px;
}

.HomePageNavItem
{
    font-family:'Arial';
    font-size:9pt;
    color:Gray;
    text-align:right;
    vertical-align:top;
    text-decoration:none;
}

.HomePageNavItem:hover
{   color:Black;    }

.HomePageNavArrow
{
    font-family:'Arial';
    font-size:10pt;
    color:Red;
    vertical-align:top;
    text-decoration:none;
}

.HomePageNavArrow:hover
{   color:Orange;   }

.HomePageNavPic
{
     border-color:Gray;
     border-width:1px;
     text-decoration:none;
     border:'solid 1px Gray';
     
}

.HomePageNavPic:hover
{   border-color:White; }     

.HomePageHeading
{
    font-family:'Arial';
    font-size:16pt;
    color:#000047;
    margin:20px;
}

.HomePageSubHeading
{
    font-family:'Arial';
    font-size: 10pt;
    color: Black;
    margin:20px;
    font-weight: bold;
    margin-bottom: 0px;
}

.HomePageText
{   font-family:'Arial';
    font-size:10pt;
    color:Black;
    text-align:justify;
    margin:20px;
}

.HomePageMessage
{   font-family:'Arial';
    font-size:9pt;
    color:Black;
    text-align:justify;
    margin:20px;
}

.boxed-emphasis
{
    margin: 20px;
    border:solid 1px #000047;
    background-color:#F0F0FF;
    font-size: medium;
    font-family: Verdana;
    font-style: italic;
    text-align: center;
}

.ExampleDataTableHeading
{
    color:#000047;
    font-family:Arial;
    font-size:9pt;
    font-weight:bold;
    background:#A0A0FF;
    border-left:solid 1px #000047;
    border-top:solid 1px #000047;
    border-bottom:solid 1px #000047;
    text-align:center;
    height:25px;

}

.ExampleDataTableHeadingRight
{
   color:#000047;
    font-family:Arial;
    font-size:9pt;
    font-weight:bold;
    background:#A0A0FF;
    border-left:solid 1px #000047;
    border-right:solid 1px #000047;
    border-top:solid 1px #000047;
    border-bottom:solid 1px #000047;
    text-align:center;
    height:25px;

}

.ExampleDataTableRowOdd
{
    color:#000047;
    font-family:Arial;
    font-size:9pt;
    font-weight:normal;
    background:#FFFFFF;
    border-left:solid 1px #000047;
    border-bottom:inherit;
    text-align:center;
    height:25px;
}

.ExampleDataTableRowOddRight
{
    color:#000047;
    font-family:Arial;
    font-size:9pt;
    font-weight:normal;
    background:#FFFFFF;
    border-left:solid 1px #000047;
    border-right:solid 1px #000047;
    border-bottom:inherit;
    text-align:center;
    height:25px;
}

.ExampleDataTableRowEven
{
    color:#000047;
    font-family:Arial;
    font-size:9pt;
    font-weight:normal;
    background:#F0F0FF;
    border-left:solid 1px #000047;
    border-bottom:inherit;
    text-align:center;
    height:25px;
}

.ExampleDataTableRowEvenRight
{
    color:#000047;
    font-family:Arial;
    font-size:9pt;
    font-weight:normal;
    background:#F0F0FF;
    border-left:solid 1px #000047;
    border-right:solid 1px #000047;
    border-bottom:inherit;
    text-align:center;
    height:25px;
}

.ExampleDataTableRowLast
{
    border-bottom:solid 1px #000047;
}

.equation
{
    text-align:center;
    margin:20px;
    border-color:#A0A0FF;
    border-style:solid;
    border-width:1px;
    background-color:#F0F0FF;
}

/* Code used for hover box on WMExampleSS.htm */
/* Mouseover code */

.thumbnail{
    position: relative;
    z-index: 0;
    color: green
}

.thumbnail:hover{
    background-color: transparent;
    /* z-index: 50; Not sure what this did */
}

/* TODO: Add shadows to the pop-up text boxes */
.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: white;
    /* padding: 5px; */
    left: -1000px;
    border: 1px solid black;  
    visibility: hidden;
    color: black;
    text-decoration: none;
    /* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
* */
    filter: shadow(color=#003399, direction=115, strength=4);
}

.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 0px; /* Used to be 20px.  not sure what this does */
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: -20px; /*position where enlarged image should offset horizontally */
    top: 20px;  /* How low the enlarged image is below the cursor */
}