A style sheet consists of a list of rules. Each rule or rule-set consists of one or more selectors and a declaration block. A declaration-block consists of a list of semicolon-separated declarations in braces. Each declaration itself consists of a property, a colon, a value, then a semi-colon.

In CSS, selectors are used to declare which elements a style applies to, a kind of match expression. Selectors may apply to all elements of a specific type, or only those elements which match a certain attribute - elements may be matched depending on how they are placed relative to each other in the markup code, or on how they are nested within the document object model. 

In addition to these, a set of pseudo-classes can be used to define further behavior. Probably the best-known of these is colon:hover, which applies a style only when the user 'points to' the visible element, usually by holding the mouse cursor over it. It is appended to a selector as in a:hover or #elementid:hover

/* In CSS, presentation is separated from structure. In print, CSS can define color, font, text alignment, size, borders, spacing, layout and many other typographic characteristics. It can do so independently for on-screen and printed views.*/

/* Global Styles */

body {
	margin:0px;
	color: #000000;
	}
	
td {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
a {
	color: #993300;
	}
	
a:hover {
	color: #5C743D;
	}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}
	
#navigation a {
	color: #ffffcc;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	}
	
#navigation a:hover {
	background: #99CC66;
	color:#993300;
	}
	
#logo 	{
	color: #000066;
	letter-spacing:.2em;
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	}

#tagline 	{	
	font:12px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:0.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */

/* what is "class" and "span class"? note 2nd title */
/* add header formats for web and print content?*/
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#0000000;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	color: #000066;
	line-height:26px;
	letter-spacing:.21em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 18px;
	}
	
.pageNameSdBr{
	color: #993300;
	line-height:26px;
	letter-spacing:.21em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	}
	
.title1a {
	color: #000066
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: 000066;
	}

.title1b {
	color: #000066
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: 000066;
	}
	
.title1c {
	color: #000066
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: 000066;
	}
	
.2ndTitle {
	color993300
	font-size: 12px;
	font-weight: bold;
	font-size: 12px;
	color: 993300;
    }
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallTextBlk {
	font: 11 px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 17px;
	}
	
.smallTextGry {
	font: 11 px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 14px;
	}