.navbar
{
float:left;
width:210px;
height:700px;
margin-right:7px;
background:#FFFFFF;
}  
<!-- OUTSIDE background   :#FFF184; = DK. YELLOW (from RI WHEEL); set as BG in LeftNAV area.htm                        vs. FFFF99   Lighter YELLOW -->

<!-- OUTSIDE background   :#003399; = DK. Navy Blue; set as BG in LeftNAV area.htm -->
<!-- INSIDE background    :#6e89dd; = Royal Blue -->  USE 6699CC for D5100   / 0066FF for 7750
<!-- Text on Mainbutton   :#215dc6; = DK Royal Blue -->
<!-- Text on Sub-button   :#428eff; = Royal Blue -->
<!-- Sub-menu background  :#d6dff7; = Slightly darker Lt. Blue -->

.mainDiv
{
  margin-left:7px;
  width:185px;
  position:relative;
  top:12px
}

.topItem
{
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  border: none;
  width: 185px;
  height: 25px;
  color: #215dc6;
  cursor:pointer;
  text-indent:7px;
}

.topItemOver
{
  text-indent:7px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #428eff;
  cursor:pointer;
}

.topItemClose
{
  text-indent:7px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #215dc6;
  cursor:pointer;
}


.topItemCloseOver
{
  text-indent:7px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #428eff;
  cursor:pointer;
}



.dropMenu
{
  font: bold 11px tahoma,verdana,sans-serif;	
  background-color: #FFFFFF;
  color: #000;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 1px 1px;
  filter:alpha(opacity=100);
  padding-top:5px;
  padding-bottom:5px;
}

.subMenu
{
   display:block;
}

.subItem
{
   margin-left:2px;
   margin-top:2px;
   height:18px;
   font: 11px tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #215dc6;
   
}

.subItem a
{
   margin-left:15px;
   font: 11px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #000000;
}

.subItemOver
{
   margin-left:2px;
   margin-top:2px;
   font: 11px tahoma,verdana,sans-serif;	  
   height:18px;
   color: #428eff;
}

.subItemOver  a
{
   margin-left:15px;
   font: 11px tahoma,verdana,sans-serif;
   cursor:pointer;	
   color: #FF0000;
   text-decoration:underline;
   cursor:pointer;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}