/* ----- colors -----
	Blue: #202A6A
	Red: #D62328
	Light Grey: #E8E8E8
	Dark Grey: #C6C6C6
----- colors ----- */

body {
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td {
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

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

a.topnav {
    color: #ffffff;
    text-decoration: underline;
}
a.topnav:hover {
    color: #ffffff;
    text-decoration: none;
}
a.topnav:active {
    color: #ffffff;
    text-decoration: underline;
}
a.topnav:visited {
    color: #ffffff;
    text-decoration: none;
}

A.blacklink
{
    COLOR: Dimgray;
    TEXT-DECORATION: none
}
A.blacklink:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.blacklink:active
{
    COLOR: Dimgray;
    TEXT-DECORATION: none
}
A.blacklink:visited
{
    COLOR: Dimgray;
    TEXT-DECORATION: none
}



.blueheader {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #202A6A;
}
.redheader {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #D62328;
}


.formitem {
    border: #C6C6C6 1pt solid;
    background-color: #ffffff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.smalltxt {
    font-size: 9px;
}

.redtxt {
    color: #D62328;
}

.whitetxt {
    color: #FFFFFF;
}

.bluetxt {
    color: #202A6A;
}

.greentxt {
    color: green;
}

.BlackSmalltxt {
    color: #000000;
	font-size: 11px;
}

/*---- Calendar ----*/
.calendarheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF
}
.calheadtd{
	border-right: #000000 1pt solid; border-top: #000000 1pt solid; border-left: #000000 1pt solid; border-bottom: #000000 1pt solid;
	background-color: #D62328; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF
}
.calday1td{
	border-right: #000000 1pt solid; border-left: #000000 1pt solid; border-bottom: #000000 1pt solid;
	background-color: #202A6A; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF
}
.calday2td{
	border-right: #000000 1pt solid; border-bottom: #000000 1pt solid;
	background-color: #202A6A; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF
}
.day1td{
	border-right: #000000 1pt solid; border-left: #000000 1pt solid; border-bottom: #000000 1pt solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000
}
.day2td{
	border-right: #000000 1pt solid; border-bottom: #000000 1pt solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000
}

.subheader{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #202A6A;
}
<!--

/***
 *
 * NEWS MANAGER STYLES 
 *
 ***
	*** 
	*
	* NEWS MANAGER - MAIN STYLES
	*
	* The basic News Manager styles are below.
	* They control spacing, size border and background colors.
	*
	***
*/
		.NewsManagerBorder {
			border: 7px solid #85859E;
		}
		#NewsManagerTop {
			background-color: #000;
		}
		td.NewsManagerContent {
			background-color:#fff;
			border: 7px solid #ccc;
		}
		
/*	***
	*
	* NEWS MANAGER - MAIN TABS AT TOP
	*
	* Main Tabs at the top of the News Manager
	* These control what you will be working on: News, Events, etc.
	*
	***
*/
		div#NewsManagerTopTabs {
			background-color: #fff;
			height: 21px;
			padding-right: 15px
		}
		div#NewsManagerTopTabs span {
			float: right;
		}
		#NewsManagerTopTabs span a {
			display: block;
			font-size: 12px;
			padding: 4px 19px 2px 30px;
			background-color: #666;
			background-image: url(/Images/NewsManagerTabWhiteBg.gif);
			background-position: left top;
			border-bottom: 1px solid #333;
			background-repeat: no-repeat;
			color: #333;
			text-decoration: none;
			text-align: center;
		}
		#NewsManagerTopTabs span a:link, #NewsManagerTopTabs span a:visited {
			color: #ccc;
			text-decoration: none;
		}
		#NewsManagerTopTabs span a:hover {
			color: #fff;
			background-color: #888;
			text-decoration: none;
		}
		#NewsManagerTopTabs span.NewsManagerTopTabsActive a:link, 
		#NewsManagerTopTabs span.NewsManagerTopTabsActive a:visited { /* Selected item style */
			color: #fff;
			background-color: #85859E;
			border-bottom: 1px solid #85859E;
			text-decoration: none;
		}
		#NewsManagerTopTabs span.NewsManagerTopTabsActive a:hover{
			color: #ccc;
			text-decoration: none;
		}

/*	***
	*
	* NEWS MANAGER - SUB TABS 
	*
	* SubTab styles, these are the tabs that control what action
	* you take with a category after selecting it from the Left Menu
	*
	***
*/
		div#NewsManagerSubTabs {
			background-color: #CCC;
			height: 18px;
			padding-left: 15px;
		}
		div#NewsManagerSubTabs span {
			float: left;
		}
		#NewsManagerSubTabs span a {
			display: block;
			padding: 2px 19px 2px 30px;
			background-color: #DFDFDF;
			background-image: url(/Images/NewsManagerTabGrayBg.gif);
			background-position: -3px 0;
			border-bottom: 1px solid #ccc;
			background-repeat: no-repeat;
			color: #333;
			text-decoration: none;
			text-align: center;
		}
		#NewsManagerSubTabs span a:link, #NewsManagerSubTabs span a:visited {
			color: #333;
			text-decoration: none;
		}
		#NewsManagerSubTabs span a:hover {
			color: #f00;
			background-color: #f0f0f0;
			text-decoration: none;
		}
		#NewsManagerSubTabs span.NewsManagerSubTabsActive a:link, 
		#NewsManagerSubTabs span.NewsManagerSubTabsActive a:visited { /* Selected item style */
			color: #D62328;
			background-color: #fff;
			border-bottom: 1px solid #fff;
			border-right: 1px solid #888;
			text-decoration: none;
		}
		#NewsManagerSubTabs span.NewsManagerSubTabsActive a:hover{
			color: #f00;
		}
		
/*	***
	*
	* NEWS MANAGER - LEFT MENU
	*
	* The menu on the left side of the News Manager
	* is controled by the this set of styles.
	*
	***
*/
		#NewsManagerMenu{
			width: 150px;
			background-color: #ccc;
			/*border-right: 1px solid #000;*/
			
		}
		td.NewsManagerMenu{
			width: 7px;
			background-color:#000;
		}
		#NewsManagerMenu span a {
			display: block;
			padding: 2px 0 2px 10px;
			border-right: 1px solid #000;
			background-color: #fff;
			color: #333;
			text-decoration: none;
		}
		#NewsManagerMenu span a:link, #NewsManagerMenu span a:visited {
			color: #333;
			text-decoration: none;
		}
		#NewsManagerMenu span a:hover {
			color: #f00;
			background-color: #ddd;
			text-decoration: none;
		}
		#NewsManagerMenu span a:active {
			color: #D62328;
			background-color: #ccc;
			border-right: 1px solid #ccc;
			text-decoration: none;
		}
		#NewsManagerMenu span.NewsManagerMenuActive a:link, 
		#NewsManagerMenu span.NewsManagerMenuActive a:visited,
		#NewsManagerMenu p.NewsManagerMenuActive a:link,
		#NewsManagerMenu p.NewsManagerMenuActive a:visited { /* Selected item style */
			color: #D62328;
			background-color: #ccc;
			border-right: 1px solid #ccc;
			text-decoration: none;
		}
		#NewsManagerMenu span.NewsManagerMenuActive a:hover{
			color: #f00;
			background-color: #ddd;
			border-right: 1px solid #ccc;
			text-decoration: none;
		}
		
	/*	***
		*
		* Category heading styles for the left menu.
		* (Home Page, Shared Groups, etc.) 
		*
		***
	*/
			#NewsManagerMenu p {
				margin: 0;
				padding: 0;
				font-size: inherit;
				font-weight: bold;
			}
			#NewsManagerMenu p a {
				display: block;
				padding: 4px;
				color: #fff;
				border-right: 1px solid #000;
				border-bottom: 1px solid #ddd;
				background-color: #666;
				text-decoration: none;
			}
			#NewsManagerMenu p a:hover {
				background-color: #555;
				text-decoration: none;
			}

		
-->