Anatomy of CSS
Editing Style Sheets
Create a Class
Internal Style Sheets
CSS Templates
Learn More About CSS

Editing Style Sheets

Style sheets are designed to be easy to edit. However, keep in mind that we have taken care to coordinate the colors to enhance the main design used in the template package. If you wish to change colors and other attributes, you will change the look of each page in your template.

Here are some common items that are quick and easy to change:

Editable Item:	What it does:
background-color: #FFFFFF	This sets the color of a background and can be used for the "body" and/or within various table cells.
color: #000000	This sets the color of a font
font-family: Verdana, Arial, sans-serif;	This is the font family statement
font-size: 80%;	You can make the font larger of smaller by changing the percentage, specify a fixed size using points (14pt) or pixels (12px), or use keywords such as "small", smaller", etc.
margin: 10px	Sets the margin which surrounds an area. You can specify 0, increase or decrease the pixel width, or specify a percentage.
padding: 5px	Sets the padding in a table or cell. Can be changed by increasing/decreasing the pixel width. Can also specify a percentage.
border: 1px solid #000000	Sets the border around an item. Can be changed in width by changing the pixel size. Can be changed from solid to dotted or dashed. Color of the border can be changed.
text-decoration: none;	Determines whether a link is underlined. The "none" specifies no underline. You can change this to "underline".
letter-spacing: 2;	For expanded text. You can increase or decrease the amount of space between each letter by adjusting the number. Delete this if you wish no expanded text.