﻿.collapsePanel
{
    background-image: url(../images/blue-beige/header/Panel_background_132ah.gif);
	background-repeat: repeat-x;
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}

.collapsePanelAgent
{
    background-image: url(../images/blue-beige/header/Panel_background_220h.gif);
	background-repeat: repeat-x;
    WIDTH: 130px;
    HEIGHT: 0px;    
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}

.collapsePanel_Logo
{
    background-image: url(../images/blue-beige/header/Panel_background_75h.gif);
	background-repeat: repeat-x;
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
     
}
.collapsePanel1
{
    background-image: url(../images/blue-beige/header/Panel_background_75h.gif);
	background-repeat: repeat-x;
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
     
}

.collapsePanel_ClearSrch
{
    background-image: url(../images/blue-beige/header/Panel_background_29h.gif);
	background-repeat:  repeat-x;	
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}


.collapsePanel2
{
    background-image: url(../images/blue-beige/header/Panel_background_325h.gif);
	background-repeat:  repeat-x;	
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}

.collapsePanel3
{
    background-image: url(../images/blue-beige/header/Panel_background_700h.gif);
	background-repeat:  repeat-x;	
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}
.collapsePanel_Tip
{
    background-color:#E9F6FF;    
	background-repeat:  repeat-x;	
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}

.collapsePanel3_VL
{
    background-image: url(../images/blue-beige/header/Panel_background_75h.gif);
	background-repeat:  repeat-x;	
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}

.collapsePanel4
{
    background-image: url(../images/blue-beige/header/Panel_background_670h.gif);
	background-repeat:  repeat-x;	
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}

.collapsePanel4_CO
{
    background-image: url(../images/blue-beige/header/Panel_background_250h.gif);
	background-repeat:  repeat-x;	
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}

.collapsePanel4_VL
{
    background-image: url(../images/blue-beige/header/Panel_background_565h.gif);
	background-repeat:  repeat-x;	
    WIDTH: 130px;
    HEIGHT: 0px;
    OVERFLOW: hidden;
    font-family : Verdana,Arial ;
    font-size :11px;
     color: #254375;/* #254375; */
}
.collapsePanelHeader
{
    
    /*background-image: url(../images/Panelheader.gif);*/
    /*background-color : #BDB59C;*/	 /*#54472C;#666666	;FDFAF3*/
	background-position: left bottom;    
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 11px;
    PADDING-LEFT: 0px;
    HEIGHT: 20px;
    font-size :11px;
    color :White ;
     font-weight :bold ;
    width: 195px;
    height:12px;
     font-family : Verdana,Arial ;      
     /*filter: Shadow(Color=#000000, 	Direction=135, Strength=5);
     height: 1em;
	filter: Shadow(Color=#000000, 	
			Direction=135, 
			Strength=5);*/

    
}

.collapsePanelLogo
{        
	background-position: left bottom;    
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    HEIGHT: 0px;
    font-size :11px;
    color :White ;
     font-weight :bold ;
    width: 195px;
    height:0px;
     font-family : Verdana,Arial ;      
     /*filter: Shadow(Color=#000000, 	Direction=135, Strength=5);
     height: 1em;
	filter: Shadow(Color=#000000, 	
			Direction=135, 
			Strength=5);*/

    
}



.collapsePanelHeader a:hover {		
		color: #54472c;
}



#listViewCriteria {
	 background-color : LightBlue;	
	 
  left : 0;
  width : 150px;
  margin-left : 10px;
  margin-top : 20px;  
  padding : 3px;
}
#listViewResults {
	
	 position : absolute;
  left : 80%;
  top : 20px;
  margin-left:150px;
  padding-left : 10px;
  
  color : #000000;
  padding : 3px;
}

#leftnavigation {
  position : absolute;
  left : 0;
  width : 150px;
  margin-left : 10px;
  margin-top : 20px;
  color : #000000;
  padding : 3px;
}
#rightnavigation {
  position : absolute;
  left : 80%;
  top : 20px;
  width : 140px;
  padding-left : 10px;
  z-index : 3;
  color : #000000;
  padding : 3px;
} 

Then for the content row, I set the margins to be somewhat relative to the outer columns.
#content {
  top : 0px;
  margin : 0px 25% 0 165px;
  padding : 3px;
  color : #000000;
} 

#level1 {
    margin-left:215px;
    padding-left:7px;
     margin-top :0px;
    
    }
 
  #lftBar {
    position: absolute;
    width:209px;    
    background-color : #598FB2;	
    /*top:187px;*/
    
/*    left:7px;*/
    left:0px;
    }
 
  #lftBar_Tips {
    position:absolute;
    width:309px;    
    background-color : #598FB2;	
    /*top:187px;*/
    
/*    left:7px;*/
    left:0px;
    }
/* Top and Bottom rounded corners for the whole criteria panel. */
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #598FB2}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* Top rounded corners for the individual criteria panels. */
b.rtop1{display:block;background: BDB59C;width:201px}
b.rtop1 b{display:block;height: 1px;
    overflow: hidden; background: #BDB59C}
b.rtop1 b.r4{margin: 0 1px;height: 2px}

/* Bottom rounded corners for the individual criteria panels.  kk -- #DAF1F8 */
b.rbottom1{display:block;background: #598FB2;width:201px}
b.rbottom1 b{display:block;height: 1px;
    overflow: hidden; background: #F9FDFF}
b.rbottom1 b.r4{margin: 0 1px;height: 2px}


/* Top Rounded corners with white bkg */
b.rtop_White {display:block;background: #598FB2;width:200px}
b.rtop_White b {display:block;height: 1px;
    overflow: hidden; background: #CFEBFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop_White b.r4{margin: 0 1px;height: 2px}
