* { margin: 0; padding: 0; }

/* body {
        font-family: rockwell, "rockwell", rockwell, serif;cursor: auto;
        background-color: #FAFAFA;
        }
        */
body {
        font-family: ebrima, "Ebrima", Ebrima, serif;cursor: auto;
        background-color: #FAFAFA;
        }

/* css attributes order in sequence from top to bottom of page*/
/* Note to self: padding order: top right bottom left*/

div.row1 {
        background-color: #000033;
        border-color: #000033;
        border-style: solid;
        color: #000033;
        margin: 0px 0 0px 0;
        padding: 0px;
        font-weight:bold;
        font-family: Ebrima, "Ebrima", Ebrima, serif;cursor: auto;
        font-size: large;
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 0px;
        border-bottom-width: 0px;
        }

/* start row1nav (not in use)*/
ul.row1nav{
        list-style-type: none;
        margin: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
        background-color: #000033;
        border-style: solid;
        border-width: 0px;
        border-color: #000033;
}
        
ul.row1nav li {
        float: left;
        /*
        border-style: solid;
        border-width: 1px;
        border-color: white;
        */
    }

ul.row1nav li a {
    display: block;
    color: ;
    text-align: center;
    padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    text-decoration: none;
}

ul.row1nav li a:hover:not(.active) {background-color: #4CAF50;}

ul.row1nav li a.active {background-color: #000033;
        color: green;
        }

ul.row1nav li.left {
        float: left;
}

ul.row1nav li.right {
        float: right;
}

@media screen and (max-width: 600px){
    ul.row1nav li.left, 
    ul.row1nav li {float: none;}
}
/* end row1nav (not in use)*/

div.row2 {
        background-color: #666699;
        border-top-width: 0px;
        border-bottom-width: 2px;
        border-left-width: 17px;
        border-right-width: 17px;
        }

div.row3 {
        background-color: #000033;
        font-weight:bold;
        border-color: #000033;
        border-style: solid;
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 5px;
        border-bottom-width: 5px;
        padding-right: 20px;
        padding-left: 11px;
        }

/* start adaptive top nav center align (not in use)*/
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    background-color: #000033;
    border-style: solid;
        border-width: 1px;
        border-color: white;
}

ul.topnav li {
        float: left;
        /*
        border-style: solid;
        border-width: 1px;
        border-color: white;
        */
    }

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #4CAF50;}

ul.topnav li a.active {background-color: #000033;
        color: #E6E6FA;
        }

ul.topnav li.left {
        float: left;
}

ul.topnav li.right {
        float: right;
}

@media screen and (max-width: 600px){
    ul.topnav li.left, 
    ul.topnav li {float: none;}
}
/* end adaptive top nav center align (not in use)*/

/* start adaptive top nav Left Align*/
ul.topnavleft {
    list-style-type: none;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    background-color: #000033;
    border-style: solid;
        border-width: 1px;
        border-color: white;
}

ul.topnavleft li {
        float: left;
        /*
        border-style: solid;
        border-width: 1px;
        border-color: white;
        */
    }

ul.topnavleft li a {
    display: block;
    color: white;
    text-align: left;
    padding: 6px 12px; /*this row controls height & width of top-nav page links, changed from 10px 12px*/
    text-decoration: none;
}

ul.topnavleft li a:hover:not(.active) {background-color: #4CAF50;}

ul.topnavleft li a.active {background-color: #000033;
        color: D4EFDF; /*color formerly #E6E6FA, grey*/
        }

ul.topnavleft li.left {
        float: left;
}

ul.topnavleft li.right {
        float: right;
}

@media screen and (max-width: 600px){
    ul.topnavleft li.left, 
    ul.topnavleft li {float: none;}
}
/* end adaptive top nav Left Align*/

/* navy blue outer border, only for homepage main content area*/
 div.homeborder {
        border-style: solid;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 17px;
        padding-top: 0px;
        border-left-width: 11px;
        border-right-width: 20px;
        border-top-width: 4px;
        border-bottom-width: 1px;
        border-color: #000033;
        background-color: #FAFAFA;
        }

/* navy blue outer border for main content area, for all pages except index*/
 div.border {
        border-style: solid;
        padding: 17px;
        border-left-width: 11px;
        border-right-width: 20px;
        border-top-width: 4px;
        border-bottom-width: 1px;
        border-color: #000033;
        }

/* faded image meant to be used in background with text overlay on homepage (not in use)
p.home_bg_image_text {
        background-image: url("/Images/bgimage.jpg");
        background-repeat: no-repeat;
       font-family: ebrima, "Ebrima", Ebrima, serif;cursor: auto;
        color: ;
}
*/

/* old navy blue outer border for main content area only for home page, formatted with left side frame image- (not in use)
div.homeborder_sideimage {
        border-style: solid;
        padding-left: 138px;
        border-left-width: 32px;
        border-right-width: 32px;
        border-top-width: 4px;
        border-bottom-width: 1px;
        border-color: #000033;
        background-image: url("/Images/bg_content_home.gif");
        background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: left top;
        }
 */

h3.pgheading {
        font-weight: bold;
        font-family: verdana, "Verdana", Verdana, serif;cursor: auto;
        color: #ffffff;
        background-color: #000033;
        margin: 0px 0 0px 0;
        padding: 3px;
        }

div.separator {
        background-color: #000033;
        border-style: solid;
        padding: 1px;
        border-left-width: 15px;
        border-right-width: 15px;
        border-top-width: 1px;
        border-bottom-width: 2px;
        border-color: #000033;
        }

/*Start footer section*/     
div.footer {
        background-color: #E6E6FA;
        color: #000000;
        margin: 0px 0 0px 0;
        padding: 10px;
        font-size:small;
        border-style: solid;
        text-align: center;
        border-left-width: 11px;
        border-right-width: 20px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-color: #000033;
	}

a.disc:link {
    padding: 9px 20px 9px 20px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
        }

a.disc:hover {

    padding: 9px 20px 9px 20px;
    text-align: center;
    text-decoration: underline;
    color: 33cc33;
    display: inline-block;
    font-weight: ;
        }
/*End footer section*/
 /* removed from footer hover:
background-color: #c3fdb8;  */

*/

/* End top to bottom style sheet order */
        
/* misc style sheets for various page's content areas is below
 * --------- proior a.gold...
a.gold:link {color: #c0c0c0; text-decoration: none;}
a.gold:visited {color: gold; text-decoration: none;}
a.gold:hover {text-decoration: none; color: gold; background-color: #4CAF50;}
a.gold:active {color: gold; text-decoration: none;}
*/

a.white { text-decoration: none; color: #ffffff; border-bottom: solid 0px #ffffff; font-weight: bold; cursor: none}
a.white:hover { color: #BCA9F5; border-bottom: solid 1px #000033;}

a.gold:link {color: gold; text-decoration: none;}
a.gold:visited {color: gold; text-decoration: none;}
a.gold:hover {text-decoration: none; color: #33cc33; }
a.gold:active {color: green; text-decoration: none;}
    
div.arial {
        font-family: Arial, "Arial", Arial, serif; color:#000000;
	font-size: small;
        }
        
div.ebrima-small {
        font-family: Ebrima, "Ebrima", Ebrima, serif; color:#000000;
	font-size: small;
}
  
/*Used for Login screen box*/      
div.litebrown {
        background-color: #715a30;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 0px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-color: #000033;
        color: white;
        font-family: tahoma, "Tahoma", Tahoma, serif;cursor: auto;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 35%;
}

div.litegreen {
        background-color: ;
         border-style: solid;
        border-top-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-color: #000033;
        color: black;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 35%;
}

div.navyblue {
        background-color: #0B034C;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 0px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-color: #000033;
        color: white;
        font-family: century gothic, "century gothic", century gothic, serif;cursor: auto;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 45%;
}

div.liteorange {
        /* background-color: ; */
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-color: #EFAA20;
        color: black;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 45%;
}

/*End Login screen box*/

div.productsshade {
        border-style: solid;
        border-top-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: grey;
        background-color: #E6E6FA;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        }
        
div.products {
        border-style: solid;
        border-top-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: grey;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
}

div.shadepurple {
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: grey;
        background-color: #E6E6FA;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 0px;
        }

/*not current in use
div.mflist {
        border-style: solid;
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        border-color: grey;
        background-color: #E6E6FA;
        font-family: verdana, "Verdana", Verdana, serif;cursor: auto;
        font-size: small;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 60%;
        }
*/

div.table {
        border-style: solid;
        border-left-width: 2px;
        border-right-width: 2px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-color: grey;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 5px;
        padding-bottom: 5px;
        /* font-weight:; */
        font-family: lucida colsole, "Lucida console", lucida console, serif;cursor: auto;
        font-size: small;
        margin: 0px 0 0px 0;
}

div.tableshade {
        background-color: #E6E6FA;
        border-style: solid;
        border-left-width: 2px;
        border-right-width: 2px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-color: grey;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight:;
        font-family: lucida colsole, "Lucida console", lucida console, serif;cursor: auto;
        font-size: small;
        margin: 0px 0 0px 0;
}

div.ratetable {
        /* font-weight:; */
	font-family:lucida console;
        padding-left: 10px;
        padding-right: 7px;
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: small;
        }

div.ratetable_shade {
        background-color: #E6E6FA;
        /* font-weight:; */
	font-family:lucida console;
        padding-left: 10px;
        padding-right: 7px;
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: small;
        }

p.lucida_console {
        font-family: lucida console, "lucida console", lucida console, serif; color: #000000;
	font-size: small;
        padding-left: 40px;
        padding-bottom: 40px;
        /* font-weight: ; */
        }

div.lucida_console {
        font-family: lucida colsole, "Lucida console", lucida console, serif;cursor: auto;
        font-size: small;
        /* padding-left:;
        font-weight: ; */
        }

div.arial_small {
font-family:arial, "Arial", Arial, serif; color: #000000;
font-size:small;
}

p.courier {
        font-family: courier, "Courier", Courier, serif; color: #000000;
	font-size: small;
        padding-left: 40px;
        font-weight: bold;
        }
        
p.disclaimers {
font-family:arial, "Arial", Arial, serif; color: #000000;
font-size:small;
}

/*currently only used on homepage*/
p.indent {
        padding-left: 17px;
        padding-right: 10px;
        font-family: ebrima, "Ebrima", Ebrima, serif;cursor: auto;
        background-color: #FAFAFA;
}

ul {padding-left: 23px;}

ul.home {padding-left: 38px;}

ol {padding: 33px;}

/* start adaptive long list nav */
ul.longlist {
        list-style-type: none;
        margin: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
        background-color: #F2F2F2;
        border-style: solid;
        border-width: 1px;
        border-color: #191970;
}

ul.longlist li {
        float: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 6px;
        padding-right: 6px;
        /*
        border-style: solid;
        border-width: 1px;
        border-color: white;
        */
    }

ul.longlist li a {
    display: ;
    text-align: center;
    padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px;
}

ul.longlist li a:hover:not(.active) {background-color: #CCCCFF; padding-bottom: 5px;
}

ul.longlist li a.active {background-color: #000033;
        color: green;
        }

ul.longlist li.left {
        float: left;
}

ul.longlist li.right {
        float: right;
}

@media screen and (max-width: 600px){
    ul.topnav li.left, 
    ul.topnav li {float: none;}
}
/* end adaptive long list*/

/* start adaptive sub nav */
ul.subnav {
        list-style-type: none;
        margin: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
        background-color: #F2F2F2;
        border-style: solid;
        border-width: 1px;
        border-color: #191970;
}

ul.subnav li {
        float: left;
        /*
        border-style: solid;
        border-width: 1px;
        border-color: white;
        */
    }

ul.subnav li a {
    display: block;
    /* color: ; */
    text-align: center;
    padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 12px;
        padding-right: 12px;
    text-decoration: none;
}

ul.subnav li a:hover:not(.active) {background-color: #CCCCFF;}

ul.subnav li a.active {background-color: #000033;
        color: green;
        }

ul.subnav li.left {
        float: left;
}

ul.subnav li.right {
        float: right;
}

@media screen and (max-width: 600px){
    ul.topnav li.left, 
    ul.topnav li {float: none;}
}
/* end adaptive sub nav */

/* Start Tool Tip- Right*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
    padding-left: 8px;
}

.tooltip .tooltiptext {
    background-color: #191970;
    border-radius: 6px;
        color: #fff;
        font-size: small;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
    visibility: hidden;
    width: 300px;
    
 /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -100px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
/* End Tool Tip- Right*/

u.dot {    
    border-bottom: 2px dotted #585858;
    text-decoration: none;
}
.algncenter{
        text-align: center;
}