/* Classes must have a name consisting of one lowercase character and two-digit
   number. The character is one of the following:
   - "b" for banner-related classes (e.g. a banner title)
   - "f" for form-related classes (e.g. submit buttons, text fields)
   - "i" for image-related classes (e.g. the border for an image)
   - "l" for lists (e.g. newsticker)
   - "m" for menu-related classes (anything in the right column of the page)
   - "n" for navigation
   - "o" for other classes that don't fit into the listed categories
   - "s" for story-related classes (e.g. a story subtitle)
   - "t" for all time definition 
   - "w" for weather-related classes (e.g. temperature lists)
   - "x" for box-related classes (anything that appears within a box)
   - "z" for spacers (anything that's used for dividing other content)
   
   Write the class definitions in alphabetical order. Write color values in
   capital letters. 
*/

/* Normally, we use <div class="...">...</div> for formatting something.
   However, this creates a line break, so if you don't want one, use
   <span class="...">...</span> instead.
   To format a Table Cell, we use <td class="...">
*/

/* The web site sits in the upper left corner. Also, the usual font color is
   black, and the fonts are defined here. */

.smallOrange {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: lighter; color: #CC9900; text-align: justify; text-indent: 8pt; padding-right: 4px; padding-left: 4px}

.smallBlack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: lighter; color: #333333; text-align: justify; text-indent: 8pt; padding-right: 4px; padding-left: 4px ; border-color: #CC9900 black black; border-style: none}

.smallBlackDotted { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: lighter; color: #333333; text-align: justify; text-indent: 8pt; padding-right: 4px; padding-left: 4px ; border-color: #CC9900 black black; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.smallOrangeDotted { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: lighter; color: #CC9900; text-align: justify; text-indent: 8pt; padding-right: 4px; padding-left: 4px ; border-color: #CC9900 #000000 #000000; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

a:link {  color: #aa7700; text-decoration: none}

a:visited {  font-variant: small-caps; color: #CC9900; text-decoration: none}

a:hover {  color: #999999; text-decoration: underline}

.navigation01 {
	background-color: #f9f9f9;
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
}
.navigation01 a:link {
	color: #CC9900;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold
}
.navigation01 a:visited {
	color: #DDAA11;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.navigation01 a:hover {
	color: #CC9900;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
; background-color: #333333
}
.navigation01 a:focus {
	text-decoration: underline;
}

.bold {  
	font-weight: bold
}

b {  
	font-weight: bold
}

.announcement {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #666666
}

.announcement a:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #666666; 
	text-decoration: underline
}

.announcement a:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #666666; 
	text-decoration: underline
}

.announcement a:hover  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #666666; 
	text-decoration: underline
}