Font-family not inheriting correctly in contact form layout broken in IE 7

h1,h2 {font-family:Times New Roman, Times, serif;}
form#contactform div.contact {width:98%; float:none; clear:both;}
form#contactform div.contact label {width:20%;}
form#contactform div.subscribe label {width:auto;}
form#contactform div.contact textarea {vertical-align:top;}

                                              

1:
2:
3:
4:
5:

h1, h2 {
	font-family: "Times Roman", Georgia, serif;
	font: 2em normal;
	padding-bottom: 1em;
}

                                              

1:
2:
3:
4:
5:

/* Normalizes margins, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0; 
}
 
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
 
/* Removes Styles from lists */
ol, ul {
	list-style: none; 
}
 
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
 
/* Removes list-style from lists */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
/* Removes border from fieldset and img */
fieldset, img {
	border: 0;
}
 
/* Left-aligns text in caption and th */
caption, th {
	text-align: left;
}
 
/* Removes quotation marks form q */
q:before, q:after {
content: '';
}
 
/* Removes outline from links in firefox */
a {
	outline: none;
}
/*-------------------------------*/
 
/* Universal Styling */
html {
	background: url(images/wallpapertile.jpg) repeat;
} 
body { 
	color: #712919;
	font-family: Geneva, Verdana, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	text-align: justify;
}
a:link, a:visited {
	color: #721919;
}
a:hover {
	color: #380701;
}
p {
	padding-bottom: 1em;
}
h1, h2 {
	font-family: "Times Roman", Georgia, serif;
	font: 2em normal;
	padding-bottom: 1em;
}
 
/*------------------------*/
/* =general layout */
 
div#content {
	width: 693px;
	margin: 0 auto;
	margin-top: 1px;
}
div#branding {
	height: 164px;
	width: 693px;
	background: url(images/header.png) no-repeat center;
}
div#branding h1 {
	text-indent: -9999px;
}
div#container {
	background: url(images/main-content-bg.png) repeat-y center;
	padding: 40px 0;
	width: 693px;
} 
 
div#main-content {
	width: 580px;
	margin: 40px auto;
}
 
/* =navigation */
 
div#navigation {
	height: 33px;
	width: 675px;
	position: absolute;
	top: 132px;
}	
ul#navbuttons li {
	display: inline;
	float: left;
	padding-left: 28px;
}
ul#navbuttons li:first-child {
	padding-left: 45px;
}
ul#navbuttons li a {
	display: block;
	height: 33px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
 
ul#navbuttons li#home a { background-image: url(images/navbuttons/home.png); width: 47px;}
ul#navbuttons li#about a { background-image: url(images/navbuttons/about.png); width: 49px;}
ul#navbuttons li#still a { background-image: url(images/navbuttons/stilllifes.png); width: 71px;}
ul#navbuttons li#paper a { background-image: url(images/navbuttons/works-on-paper.png); width: 124px;}
ul#navbuttons li#news a { background-image: url(images/navbuttons/news.png); width: 41px;}
ul#navbuttons li#contact a { background-image: url(images/navbuttons/contact.png); width: 63px;}
ul#navbuttons li#links a { background-image: url(images/navbuttons/links.png); width: 45px;}
 
ul#navbuttons li a:hover { background-position: 0 -33px;}
ul#navbuttons li.selected a { background-position: 0 -66px;}
			
/*----------------------*/
/* =site-info */
 
div#site-info {
  height: 100px;
  margin: 0 auto 30px;
	padding-top: 20px;
	overflow: auto;
	font-size: .875em;
	background: url(images/site-info-bg.png) no-repeat bottom center;
}
div#site-info-text {
	position: relative;
	width: 580px;
	margin: 0 auto;
}
div#site-info ul {
	float: left;
	width: 66%;
}
div#site-info ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left:10px;
}
div#site-info ul li:first-child {
	padding-left: 0;
}
p#copyright {
	float: right;
	width: 34%;
	text-align: right;
}
p#site-design {
	text-align: center;
	width: 100%;
	clear: both;
	padding-top: 1em;
	border-top: dashed 1px #721919;
	
}
 
/*------------------------*/
/* =homepage */
 
p#homepage-image {
	text-align: center;
	padding: 0 0 0 0;
}
 
/*-----------------------*/
/* =about page */
 
p.first-letter {
	float: left;
	width: 63px;
	padding-right: 5px;
}
p.text {
}
 
/*-----------------------*/
/* =still lifes page */
 
div.gallery img {
	padding-right: 15px;
	padding-bottom: 12px;
}
div#thumbnails {
	margin-left: 19px;
}
 
/*-----------------------*/
/* =works on paper page */
 
p.frame {
	background: url('images/picture-frame.jpg') top center no-repeat;
	width: 361px;
	height: 221px;
	padding-top: 190px;
	padding-left: 150px;
	margin-left: 40px;
	font-size: 3em;
	font-family: "Times Roman", Georgia serif; 
}
 
 
/*-----------------------*/
/* =news page */
 
div#news-story {
	padding-bottom: 100px;
}
 
/*-----------------------*/
/* =contact page */
 
p.bold {
	font-weight: bold;
}
fieldset {
	
	width: 60%;
}
label {
	display: block;
	padding-top: 5px;
}
input[type=text] {
	width: 71%;
	height: 21px;	
	color: #380701;
	font-size: 1em;
	padding: 3px 0 0 4px;
	margin-bottom: 0;
	border: 0;
	background: transparent url('images/input-bg.png') no-repeat;
}
textarea {
	width: 71%;
	height: 113px;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	padding-left: 4px;
	border: 0;
	background: transparent url('images/textarea-bg.png') no-repeat;
}	
div.subscribe {
	padding-top: 6px;
}
div.subscribe label {
	float: right;
	width: 93%;
	margin-top: -5px;
}
span.checkbox {
  	width: 19px;
  	height: 25px;
  	padding: 0 0 0 0;
  	margin: 0 5px 0 0;
  	background: url(images/checkbox.png) no-repeat;
  	display: block;
	float: left;
}
div.send {
	clear: both;
	padding-top: 5px;
}
.submit_button {
	border-style: none;
	width: 76px;
	height: 41px;
	text-indent: -9999px;
	background: url(images/submit.png) 0 0 no-repeat;
	margin: 5px 0 0 0;
	display: block;
	float: left;
}
.reset_button {
	border-style: none;
	width: 76px;
	height: 41px;
	text-indent: -9999px;
	background: url(images/reset.png) 0 0 no-repeat;
	margin: 5px 0 0 0;
	display: block;
	float: left;
 
}
.submit_button:hover {
  	background-position: 0 -41px;
  	cursor: default;
}
 
.reset_button:hover {
		background-position: 0 -41px;
		cursor: default;
}
 
/*-----------------------*/
/* =links page */
 
ul#page-links {
	padding-bottom: 100px;
	font-weight: bold;
}
 
 
<?php  
 //If the form is submitted  
 if(isset($_POST['submit'])) {  
   
     //Check to make sure that the name field is not empty  
     if(trim($_POST['firstname']) == '') {  
         $hasError = true;  
     } else {  
         $firstname = trim($_POST['firstname']);  
     }  
   
     //Check to make sure that the subject field is not empty  
     if(trim($_POST['lastname']) == '') {  
         $hasError = true;  
     } else {  
         $lastname = trim($_POST['lastname']);  
     }  
   	$subject="Sent Through paigewilsonarts.com";
     //Check to make sure sure that a valid email address is submitted  
     if(trim($_POST['email']) == '')  {  
         $hasError = true;  
     } else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) {  
         $hasError = true;  
     } else {  
         $email = trim($_POST['email']);  
     }  
   
     //Check to make sure comments were entered  
     if(trim($_POST['comments']) == '') {  
         $hasError = true;  
     } else {  
         if(function_exists('stripslashes')) {  
             $comments = stripslashes(trim($_POST['comments']));  
         } else {  
             $comments = trim($_POST['comments']);  
         }  
     }  
   
		 //Check to see if Subscribe Button Clicked
		 
		if(IsSet($_POST["subscribe"])){
  $subscribe="Add me to your mailing list!";
}
     //If there is no error, send the email  
     if(!isset($hasError)) {  
         $emailTo = 'paige@paigewilsonarts.com'; //Put your own email address here  
         $body = (IsSet($subscribe) ? $subscribe : "") . "\n\n" . $comments;   
         $headers = 'From: Paigewilsonarts.com <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;  
   
         mail($emailTo, $subject, $body, $headers);  
         $emailSent = true;  
     }  
 }  
 ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<meta name="description" content="Paige Wilson, contemporary California fine artist, paints large, strong, colorful, realistic and trompe l' oeil still life oil paintings. "/>
	<meta name="keywords" content="landscape artist,still life artist,santa barbara artist,teaching art,UCSB teaching,landscape painting,still life painting,Paige Wilson,Californian artist,painting style,Californian art,Californian landscapes" />
		<link rel="shortcut icon" href="images/favicon.png" />
		<link rel="stylesheet" type="text/css" href="pw.css" />
		<title>Paige Wilson: Santa Barbara California Still life and landscape painter</title>
		<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
		<script src="js/jquery.validate.pack.js" type="text/javascript"></script>
		<script src="js/select_button_styling.js" type="text/javascript"></script>
		<script type="text/javascript">  
$(document).ready(function(){  
     $("#contactform").validate();  
 });  
	</script>
	</head>
	<body>
	<div id="content">
	<div id="branding">
	<h1>Paige Patterson Wilson</h1>
	<div id="navigation">
		<ul id="navbuttons">
			<li id="home"><a href="index.html">Home</a></li>
			<li id="about"><a href="about.html">About</a></li>
			<li id="still"><a href="still-lifes.html">Still Lifes</a></li>
			<li id="paper"><a href="works-on-paper.html">Works on Paper</a></li>
			<li id="news"><a href="news.html">News</a></li>
			<li id="contact" class="selected"><a href="contact.php">Contact</a></li>
			<li id="links"><a href="links.html">Links</a></li>
		</ul>
	</div><!-- navigation -->
	</div><!-- branding -->
	<div id="container">
	<div id="main-content">
	<h2>Contact</h2>
	<p>If you have any questions or comments, please email me at:</p>
 
	<p class="bold"><a href="mailto:paige@paigewilsonarts.com?subject=Paige Wilson - Art">paige@paigewilsonarts.com</a></p>	
	<p>&nbsp;</p>
	
	<p class="bold">Paige Wilson Arts and Blue Tower Studio at:</p>
	
	<p class="bold">1229 Gillespie Way<br />
	Santa Barbara, CA 93101-4810
	</p>
	<p>is open by appointment.</p>
	<p class="bold">Phone: 805-259-6076</p> 
	<p>&nbsp;</p>
	<p>If you would like to be added to my mailing list, please fill out the form below:</p>	
	 <?php if(isset($hasError)) { //If errors are found ?>  
    <p class="error">Please check if you've filled all the fields with valid information. Thank you.</p>  
 <?php } ?>  
   
 <?php if(isset($emailSent) && $emailSent == true) { //If email is sent ?>  
     <p><strong>Email Successfully Sent!</strong></p>  
     <p>Thank you <strong><?php echo $name;?></strong> for using my contact form! Your email was successfully sent and I will be in touch with you soon.</p>  
 <?php } ?>
 
	<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform">
  <fieldset>
  	<div class="contact">
    <label for="firstname">First Name:</label>
    <input type="text" name="firstname" id="firstname" value="" class="required" />
    </div>
		<div class="contact"
		<label for="lastname">Last Name:</label>
    <input type="text" name="lastname" id="lastname" value="" class="required" />
    </div>
    <div class="contact">
    <label for="email">E-mail:</label>
    <input type="text" name="email" id="email" class="required email" value="" />
    </div>      
		<div class="contact">
    <label for="comments">Comments:</label>
    <textarea name="comments" id="comments" rows="7" cols="30" class="required"></textarea>
    </div>
		<div class="subscribe">
		
    <input type="checkbox" name="subscribe" id="subscribe" value="1" class="styled"/>
		<label for="subscribe">Add me to your Mailing List</label>
    </div>
 	<div class="send">
  	<button type="submit" name="submit" id="submit" class="submit_button">submit</button><button type="reset" name="reset" id="reset" class="reset_button">reset</button>
  	</div>
  	</fieldset>
  	</form>
	</div><!-- main-content -->
	</div><!-- container -->
	<div id="site-info">
		<div id="site-info-text">
		<ul>
			<li><a href="index.html">Home</a></li><li> <!-- getting rid of whitespace in IE -->
			<a href="about.html">About</a></li><li>
			<a href="still-lifes.html">Still Lifes</a></li><li>
			<a href="works-on-paper.html">Works on Paper</a></li><li>
			<a href="news.html">News</a></li><li>
			<a href="contact.php">Contact</a></li><li>
			<a href="links.html">Links</a></li>
		</ul>
		<p id="copyright">&copy; 2009 Paige Patterson Wilson</p>
		<p id="site-design">Site Design: <a href="mailto:alicia@aliciastrose.com">Alicia St Rose</a></p>
		</div><!-- site-info-text -->
	</div><!-- site-info -->
	</div><!-- content -->
	</body>
</html>

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:

fieldset {
	
	width: 60%;
}
label {
	display: block;
	padding-top: 5px;
}
input[type=text] {
	width: 71%;
	height: 21px;	
	color: #380701;
	font-size: 1em;
	padding: 3px 0 0 4px;
	margin-bottom: 0;
	border: 0;
	background: transparent url('images/input-bg.png') no-repeat;
}
textarea {
	width: 71%;
	height: 113px;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	padding-left: 4px;
	border: 0;
	overflow: auto;
	background-attachment: fixed;
	background: url('images/textarea-bg.png') no-repeat;
}	
div.subscribe {
	padding-top: 6px;
}
div.subscribe label {
	float: right;
	width: 93%;
	margin-top: -5px;
}
span.checkbox {
  	width: 19px;
  	height: 25px;
  	padding: 0 0 0 0;
  	margin: 0 5px 0 0;
  	background: url(images/checkbox.png) no-repeat;
  	display: block;
	float: left;
}
div.send {
	clear: both;
	padding-top: 5px;
}
.submit_button {
	border-style: none;
	width: 76px;
	height: 41px;
	text-indent: -9999px;
	background: url(images/submit.png) 0 0 no-repeat;
	margin: 5px 0 0 0;
	display: block;
	float: left;
}
.reset_button {
	border-style: none;
	width: 76px;
	height: 41px;
	text-indent: -9999px;
	background: url(images/reset.png) 0 0 no-repeat;
	margin: 5px 0 0 0;
	display: block;
	float: left;
 
}
.submit_button:hover {
  	background-position: 0 -41px;
  	cursor: default;
}
 
.reset_button:hover {
		background-position: 0 -41px;
		cursor: default;
}

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:

html {
	background: url(images/wallpapertile.jpg) repeat;
} 
body { 
	color: #712919;
	font-family: Geneva, Verdana, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	text-align: justify;
}
a:link, a:visited {
	color: #721919;
}
a:hover {
	color: #380701;
}
p {
	padding-bottom: 1em;
}
h2 {
	font-family: Times, Georgia, serif;
	font: 2em normal;
	padding-bottom: 1em;
}
                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24: