/*****************************************************************************
 *                               SIDE NAV                                    *
 *****************************************************************************/

table.side_nav {
   width: 124px;
   text-align: right;
   }

#left_nav_container {
	/* this width should also be used if we split the bar above sidenav. */
   width: 124px;
   height: 100%;
   background: url('/images/leftnavgrad.png') repeat-y;
   vertical-align: top;
   border-top: 1px dotted #425063;
   border-bottom: 1px dotted #425063;
   border-right: 1px solid #425063;
   /*border-right: 1px solid rgb(144,155,169);*/
   border-left: 1px solid #000000;
   margin: 0px;
   padding: 0px;
   }

* html #left_nav_container {
   width: 123px !important;
   background-color: #5a81b5;
   border-top: 1px solid #425063; 
   border-bottom: 1px none #425063; 
   }

.side_nav a,
.side_nav a:link,
.side_nav a:hover,
.side_nav a:visited  {
   color: #000000;   
   }

#left_nav_below {
   height: 100%;
   width: 100%;
   background-color: #FFFFFF;
   }

.left_nav_contact,
.side_nav .tab,
.side_nav .taba,
.side_nav .tabh,
.side_nav .tabha {
   font-size: 8.3pt;
   padding-right: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
   margin: 0px;
   text-align: right;
   border-bottom: 1px solid #5e81b0;
   }

.side_nav .tab_bottom {
   border-bottom: 0px none;
   }

.left_nav_contact {
   text-align: center;
   }

.side_nav .tabh,
.side_nav .tabha {
   /*background-color: #5e81b0;*/
	/* this is the new gradient background behind sidenav, any image can go here.. */
   background: url('/images/leftnavgrad_rtol.png') repeat-y;
   cursor: pointer;
   }

.sub_nav .taba a,
.side_nav .taba a {
   text-decoration: underline; 
   }

.sub_nav .tab,
.sub_nav .taba {
   text-align: right;
   background-color: #dfdfdf;
   padding-right: 5px;
   padding-top: 1px;
   padding-bottom: 1px;
   font-size: 7.8pt;
   border-right: 3px solid #b8c3d1;
   border-bottom: 1px solid #d4d6d8;
   }

.sub_nav .tabh,
.sub_nav .tabha {
   background-color: #748fb4;
   text-align: right;
   padding-right: 5px;
   padding-top: 1px;
   padding-bottom: 1px;
   font-size: 7.8pt;
   border-right: 3px solid #b8c3d1;
   border-bottom: 1px solid #d4d6d8;
   }

.sub_nav .taba,
.sub_nav .tabha {
   border-right: 3px solid #425063; 
   }

.sub_nav_bot,
.sub_nav_top {
   height: 0px;
   width: 100%;
   padding: 0px;
   margin: 0px;
   }

.sub_nav_bot_hidden,
.sub_nav_top_hidden,
.sub_nav_hidden,
.left_nav_down_arrow_hidden {
   display: none;
   }

.taba a.side_nav_hidden:link,
.taba a.side_nav_hidden:visited {
   text-decoration: none;
   }