/* CSS Document */



	
	#container {
		width: 979px;
		height: 172px;
		border: none;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		position: relative;
		z-index: 2
	}


	
	#header {
		width: 979px;
		height: 130px;
		border: none;
		background-image: url(images/masthead.jpg); 
		background-repeat: no-repeat;

	}



/* CSS probono */

	#header_probono {
		width: 979px;
		height: 130px;
		border: none;
		background-image: url(probono/images/masthead.jpg); 
		background-repeat: no-repeat;

	}

/* CSS probono */





/* CSS Council Information Portal */


	#header2 {
		width: 979px;
		height: 144px;
		border: none;
		background-image: url(images/masthead2.gif); 
		background-repeat: no-repeat;

	}



/* CSS Council Information Portal */



	
	#home_navcontainer ul {
		list-style-type: none;
		margin-left: 293px;
		padding-left: 0px;
	}
		
	#home_navcontainer ul li { 
		display: inline; 
		float: left;
		margin-top: 5px;	
		margin-left: 15px;
	}
	
	#home_navcontainer ul li a { 
		text-decoration:none;
		color: #D0D0D0;
	}
		
	#home_navcontainer ul li a:hover{
		color: #FFFFFF;
		background-color: #003663; 
		
	}
	

	
	.topButt0 {

		border-left: 5px solid #8A8C8F;
		border-bottom: none;
		margin-top: 9px;
		margin-right: 0px;
	 	float: right;
	 	width: 93px;
        height: 121px;
	 	background: url(images/legalEthics_top.jpg) no-repeat; display: block;
  	}
	
	
	.topButt0 a {  
        width: 93px;
        height: 121px;
        float: right;
    }
  
  
      .topButt0 img {
      
        width: 93px;
        height: 121px;
    }
  
      .topButt0 a:hover img {
        visibility:hidden
    }
	
	
	

	
	
	
	.topButt1 {
		border-right: 5px solid #8A8C8F;
		border-left: 5px solid #8A8C8F;
		border-bottom: none;
		margin-top: 9px;
        
	 	float: right;
        width: 93px;
        height: 121px;
	 	background: url(images/cpd_top.jpg) no-repeat; display: block;
  	}
  

  
     .topButt1 a {  
        width: 93px;
        height: 121px;
        float: right;
    }
  
  
      .topButt1 img {
      
        width: 93px;
        height: 121px;
    }
  
      .topButt1 a:hover img {
        visibility:hidden
    }
  

	.topButt2 {
		margin-top: 9px;
		border-left: 5px solid #8A8C8F;
		border-right: none;
		border-bottom: none;
	 	float: right;
        width: 93px;
        height: 121px;
 	 	background: url(images/resourceLib_top.jpg) no-repeat;
  	}
  
     .topButt2 a {  
        width: 93px;
        height: 121px;
        float: right;
    }
  
  
     .topButt2 img {
      
        width: 93px;
        height: 121px;
    }

    .topButt2 a:hover img {
        visibility:hidden     
    }
  

   	.topButt3 {
		margin-top: 9px;
		border-left: 5px solid #8A8C8F;
		border-right: none;
		border-bottom: none;
		float: right;
	 	width: 93px;
        height: 121px;
 	 	background: url(images/runPrac_top.jpg) no-repeat;
  	}
  

  
     .topButt3 a {  
        width: 93px;
        height: 121px;
        float: right;
    }
  
  
     .topButt3 img {
        width: 93px;
        height: 121px;
    }

    .topButt3 a:hover img {
        visibility:hidden
    }



    #barContainer {
        height: 42px;
        width: 979px;

    }


	
	#bar {
		width: 203px;
		height: 42px;
		padding: 0px;
		float: left;
		background-image: url(images/bar_bg.gif);
		background-repeat: repeat-x;
		
	}
		
	#bar ul {
		list-style-type: none;
		margin-left: 0px;
		padding-left: 0px;
		display: block;
	}
		
	#bar ul li { 
		display: inline; 
		float: left;
		margin-top: 0px;	
		margin-left: 0px;		
		
	}

			
	#bar ul li.findLawyer { 
		margin-top: 7px;	
		margin-left: 17px;
		margin-right: 20px;		
		
	}
	
	
	.divider {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
        
	
	}
	
	
	#bar2 {
		width: 776px;
		height: 42px;
		padding: 0px;
		float: right;
		background-image: url(images/bar_bg.gif);
		background-repeat: repeat-x;

	}
	

	.barShadow {
		float: right;
		width: 9;
		height: 42;
		margin: 0px;
	
	}
	
	
	#cse-search-box{

		float: right;
		width: 225px;
		margin: 9px 10px 0px 0px;
		color: Maroon;
    }

    form{
        margin-top:0px;
        margin-bottom:0px;
    }
    input{
        margin-top:0px;
    }
	
	.breadcrumbSideNav {
        width: 740px;
        margin: 5px 0px 0px 200px;  
	}
	
	.breadcrumbFullPage {
        width: 910px;
        margin: 5px 0px 0px 30px;  
	}	    

	#breadcrumb { 
        height: 18px;
        padding: 5px 0px 5px 0px;
        text-align: left;
        font-size: 11px;
        position: absolute;
        z-index: 1;

   }
            
	
    #breadcrumbVisible {
	    visibility: hidden;
	    position: absolute;
    }
	
	
	#footer { 
		width: 969px;
		height: 90px;
		border: none;
		margin: 0 auto;
		border-top: 1px dashed #CCCCCC;
		background-image: url(images/footer_bar.jpg);
		background-repeat: no-repeat;
		clear: right;
		text-align: right;

    } 
	#footer p {
		margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
		padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
		text-align: right;
   
   
    }