I have two DIVs, each with their own style.
They are pretty much identical except for one two lines.
Is there a way to combine the styles that are the same into one style and then seperate the styles I want to be different into seperates styles?

body {
    margin: 0px;
    padding: 0px;
    height:100%;
}
#header {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #7F7F7F;
    width: 100%;
    padding: 5px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    color: #7F7F7F;
    position:absolute;
    right:0px;
    top:0px;
    background-color: #FFFFFF;  
}
#footer {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #7F7F7F;
    width: 100%;
    padding: 5px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    color: #7F7F7F;
    position:absolute;
    right:0px;
    bottom:0px;
    background-color: #FFFFFF;  
}

The bold lines are the only ones that are different.

If I could combine all the other properties it would save me changing them twice.

Thanks.

Specify common properties in the first rule and then specify the div specific properties in the following rules:

#header, #footer {
    border-style: solid;
    border-color: #7F7F7F;
    width: 100%;
    padding: 5px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    color: #7F7F7F;
    position:absolute;
    right:0px;
    background-color: #FFFFFF; 
}

#header {
    border-width: 0px 0px 1px 0px;
    top:0px;
}
#footer {
    border-width: 1px 0px 0px 0px;
    bottom:0px;
}

Thanks for that.

I had completely forgotten about combining them like that!