Margin around form - CSS question?

I know I have asked this before but I just can't figure out how to do this in the form designer. All I want to do is just decrease the space around the heading in the form so it looks better embedded.

This is the form https://form.jotform.com/42187265073153

and you can see how it looks here http://dev.losmedanos.edu/FAQ/questions.aspx

Perhaps is there is some way to get rid of that shadow and just have the form elements there?

Inject this CSS codes to your form to remove the form shadow.

.form-all {

    border: 0;

    box-shadow: none;

}

To get rid of the spacing around the form, add this.

.jotform-form{

padding:4px;

}

The header spacing can be adjusted in the advanced designer. Here's how:

Here's how to inject CSS codes in your form http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.