css file help!

[autopost]

if i have


#container {
margin: 0px auto;
text-align: left;
width: 698px;
}

h1 {
width: 698px;
height: 133px;
text-indent: -9999px;
background: url("images/header.jpg");
margin: 0;
padding: 0;
}
h2 {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
width: 400px;
}
h3 {
color: #dda0dd;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}


on one page and

h2 {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
width: 400px;
padding-left: 18px;
}
QUOTE]

on another page how do i put the two "h2" 's in one file, does anyone know what i mean?

thanx, oh and if the xhtml is different, that too!Add .padded { padding-left: 18px;} to your css (delete the second h2 rule)
Then use:
<h2>Normal heading</h2>
or
<h2 class="padded">Padded heading</h2>

The same principal applies to your other thread.