Hey, I'm trying to get the font of some text to change to normal and black in color when the check box is ticked, i thought i had it but it doesnt work, does anyone have any suggestions?

Code:
<p id="p1"  style="color: #FF0000; font-weight: bold;">I have read and agree to the terms and conditions
	    <input type="checkbox" id="termsChkbx" onclick="hasReadTerms( this.id, 'sub1', 'p1')" /></p>
	    
	    

	    <p><input type="submit" name="submit" value="Order now!" id="sub1" disabled="disabled"/></p>
  
		<script type="text/javascript">
		
		function hasReadTerms( checkBoxID, buttonID, style) {
			// only enable the submit button if the accept terms box is checked
			var chkbx = document.getElementById( checkBoxID );
			var submitBtn = document.getElementById( buttonID );
			var style = document.getById( style );
			
   			if ( chkbx.checked ) {
				submitBtn.disabled = false;
				style.color = #FFFFFF;
				style.font-weight= normal;
				
				
			}
			else {
				submitBtn.disabled = true;
				style.color = #FF0000;
				style.font-weight= bold;
				
			}
			}
The submitBtn part works, but i cant seem to get the font to change. Thanks