Help with text box height

[cuddlers89]

I am using css to change the form options on my site, this is my code,

/* Form elements */
input.first, textarea.first, select.first {
border : 1px solid Black;
background-color : #CCCCCC;
color : #0E1930;
font-size : 12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
}

But my problem is that the text box created when i use

<INPUT class="first" TYPE=text name=q size=30 maxlength=255 value="">

is to short as in height.

How can i make the height bigger?

Thanks

[DaveSW]

/* Form elements */
input.first, textarea.first, select.first {
border : 1px solid Black;
background-color : #CCCCCC;
color : #0E1930;
font-size : 12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
height: 2em; /* replace 2em with your chosen value, in px or whatever */
}