<!-- Simplicity design blue green - blgree -->
.navborder  { border: 1px solid #336699;}

<!-- Simplicity design maroon green - magree -->
.navbordermagree { border: 1px solid #CC0066;}

<!-- Simplicity design blue orange - blor & blue grey- blgrey -->
 .navborderblor { border: 1px solid black;}



<!-- bluetech & green tech design -->
.nav2bluebar  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: black; text-decoration: none;}
.nav2bluebar A:visited {text-decoration: none; color:black;}
.nav2bluebar A:hover {text-decoration: none; color: #3366FF}
.nav2bluebar A:link {text-decoration: none; color:black;} 
.nav2bluebar A:active {text-decoration: none;}

.nav2rlblue { border-left : 1px solid #66FFFF; 	border-right : 1px solid #66FFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: blue; text-decoration: none;}
.nav2rlblue A:visited {text-decoration: none; color:black;}
.nav2rlblue A:hover {text-decoration: none; color: #3366FF}
.nav2rlblue A:link {text-decoration: none; color:black;} 
.nav2rlblue A:active {text-decoration: none;}

 <!-- green tech design -->
 .leftbarbot { border-left : 1px solid #66FFFF; border-right : 1px solid #66FFFF;}

 <!-- charcoal tech design  - chartech -->
.leftchabot { border-left : 1px solid #F8F8F8; border-right : 1px solid #F8F8F8;}

.nav2rlcha { border-left : 1px solid #F8F8F8; 	border-right : 1px solid #F8F8F8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-decoration: none;}
.nav2rlcha A:visited {text-decoration: none; color:white;}
.nav2rlcha A:hover {text-decoration: none; color: #FFCC00}
.nav2rlcha A:link {text-decoration: none; color:white;} 
.nav2rlcha A:active {text-decoration: none;}

<!-- orange tech design -->
.nav2oranbar  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-decoration: none;}
.nav2oranbar A:visited {text-decoration: none; color:white;}
.nav2oranbar A:hover {text-decoration: none; color: #339900}
.nav2oranbar A:link {text-decoration: none; color:white;} 
.nav2oranbar A:active {text-decoration: none;}

.leftoranbot { border-left : 1px solid #FFFF66; border-right : 1px solid #FFFF66;}

.nav2rloran { border-left : 1px solid #FFFF66; 	border-right : 1px solid #F8F8F8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-decoration: none;}
.nav2rloran A:visited {text-decoration: none; color:white;}
.nav2rloran A:hover {text-decoration: none; color: #339900}
.nav2rloran A:link {text-decoration: none; color:white;} 
.nav2rloran A:active {text-decoration: none;}



<!-- Business design ALL -->
.nav3borderbt { border-bottom: 2px solid black; color: white; text-decoration: none;}
.nav3borderbt A:visited {text-decoration: none; color:white;}
.nav3borderbt A:hover {text-decoration: none; color:black;}
.nav3borderbt A:link {text-decoration: none; color:white;} 
.nav3borderbt A:active {text-decoration: none;}

<!-- Business design orange -->
.nav3  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: black; text-decoration: none;}
.nav3 A:visited {text-decoration: none; color:white;}
.nav3 A:hover {text-decoration: none; background: #FFCC00; color:white;}
.nav3 A:link {text-decoration: none; color:white;} 
.nav3 A:active {text-decoration: none;}

<!-- Business design blue grey  -->
.nav3blgrey  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: black; text-decoration: none;}
.nav3blgrey A:visited {text-decoration: none; color:white;}
.nav3blgrey A:hover {text-decoration: none; background: #6666CC; color:white;}
.nav3blgrey A:link {text-decoration: none; color:white;} 
.nav3blgrey A:active {text-decoration: none;}

<!-- Business design maroon green  -->
.nav3magree  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: black; text-decoration: none;}
.nav3magree A:visited {text-decoration: none; color:white;}
.nav3magree A:hover {text-decoration: none; background: #CC0066; color:white;}
.nav3magree A:link {text-decoration: none; color:white;} 
.nav3magree A:active {text-decoration: none;}

<!-- Business design blue yellow  -->
.nav3blyell  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: black; text-decoration: none;}
.nav3blyell A:visited {text-decoration: none; color:white;}
.nav3blyell A:hover {text-decoration: none; background: #459FA7; color:white;}
.nav3blyell A:link {text-decoration: none; color:white;} 
.nav3blyell A:active {text-decoration: none;}