(HTML & CSS) My class tag won't work. **Resolved**

[msimmons]

In my style in the head of the document I have:

.button (background-color:#cccccc; text-decoration:none; text-align:center;}

In the body down below I have the elements:

<span class="button">test</span>
<a href="#" name="reservationfind" id="reservationfind" class="button" onClick="findRes()">Find</a>
<a href="#" name="reservationnew" id="reservationnew" class="button" onClick="findRes()">New</a>
<a href="#" name="reservationNavBack" id="reservationNavBack" class="button" onClick="resNav('back')"><<</a>
<a href="#" name="reservationNavForward" id="reservationNavForward" class="button" onClick="resNav('forward')">>></a>

they are unaffected.
What gives?
Michael