.row,
.col,
.stack > div {
    /* 
      I usually just apply 
      this to all elements using 
      the * selector. You might not
      want to, so I put it here 
     */
}

.row:after {
    content:"";
    display: table;
    clear: both;
}

.col {
    float: left
}

.col.narrow {
    width: 38%;
}

.col.large {
    width: 50%;
}

.stack > div {
    height: 50%;
}

	  h4{
	  	margin-bottom: -3px;
	  }
	  .spacer{
	  	margin-bottom: 10px;
	  }
	  #sticky {
	    padding: 0.5ex;
	    width: 1160px;
	    background-color: #f5f5f5;
	  }
	  #sticky.stick {
	    position: fixed;
	    top: 0;
	    z-index: 10000;
	  }
	  
	#freqInput, #noteButton {
		height: 35px;
		padding: 5px 10px;
		
	#noteButton {
		height: 35px; 
	}
	#left
    {
        width: 200px;
        float: left;
    }
    
    #right
    {
        margin-left: 200px;
    }
    .clear
	{
	  clear: both;
	}
	
	#divA
	{
	  border:1px solid blue; 
	}

	#divB
	{
	  float:right;
	  border:1px solid red;
	}

.content {display:none;}

div.header_med {
	 margin-top:  115px;
	}