<STYLE type="text/css">


H1 		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 24px;  line-height: 28px;  margin: 0; }
H2 		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 20px;  line-height: 24px;  margin: 0; }
H3 		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 16px;  line-height: 20px;  margin: 0; }
H4 		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 14px;  line-height: 18px;  margin: 0; }
BODY, TABLE, TR, TD, FORM, INPUT, SELECT, TEXTAREA    
		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 13px;  line-height: 16px;  margin: 0; }
P  
		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 13px;  line-height: 16px;  margin-top: 4px;  margin-bottom: 4px; }


FORM	{ display: inline; }
OL, UL, LI	
		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 13px;  line-height: 16px;  margin-left: 20px; margin-right: 10px; }


/* Classes */


ul {
	list-style-type: square;
}


hr {
	height: 0px; 
	border: solid #D1D7DC 0px; 
	border-top-width: 1px;
}


/*  generic hyperlink  */
a  {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #AA00AA;
	text-decoration: underline;
}

a:visited {
	color: #0000FF;
}

a:visited:hover {
	color: #FF0000;
	text-decoration: underline;
}


.text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	font-size: 13px;
 	line-height: 15px; 
	font-weight: normal;
}

.TextGray {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
}
a.TextGray {
	text-decoration: underline;
}
a.TextGray:hover {
	color: #FFCC00;
}


.textarea  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;  
 	line-height: 14px; 
 	font-weight: normal;
}


.paragraph  {
	padding-top:  4px;
	padding-bottom:  4px;	
}

.small  {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:  black;
  font-size:  7pt;
  font-weight:  normal;
  text-decoration: none;
}
a.small  {
  color:  black;
  text-decoration: none;
}
a.small:hover  {
  color:  red;
  text-decoration: underline;
}
a.small:visited  {
  color:  black;
  text-decoration: none;
}
a.small:visited:hover  {
  color:  red;
  text-decoration: underline;
}

.smaller  {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:  6pt;
  font-weight:  normal;
}

.smText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	text-decoration: none;
	 }
a.smText {
	color: #0000FF;
	text-decoration: none;
	 }
a.smText:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.smText:visited  {
	color: #0000FF;
}
a.smText:visited:hover  {
	color: #FF0000;
	text-decoration: underline;
}


.smTextBold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: normal;
	 }
a.smTextBold {
	color: #CC3333;
	text-decoration: normal;
	 }
a.smTextBold:hover {
	color: #FF0000;
	text-decoration: normal;
}
a.smTextBold:visited  {
	color: #CC3333;
}
a.smTextBold:visited:hover  {
	color: #FF0000;
}

.smTextGray {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
}
a.smTextGray {
	color: #AAAAAA;
	text-decoration: underline;
}
a.smTextGray:hover {
	color: #FFCC00;
}
a.smTextGray:visited {
	color: #AAAAAA;
	text-decoration: underline;
}
a.smTextGray:visited:hover {
	color: #FFCC00;
}


.smText10 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	text-decoration: none;
	 }
a.smText10 {
	color: #0000FF;
	text-decoration: none;
	 }
a.smText10:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.smText10:visited  {
	color: #0000FF;
}
a.smText10:visited:hover  {
	color: #FF0000;
	text-decoration: underline;
}


.smText10Bold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	text-decoration: normal;
	 }
a.smText10Bold {
	color: #CC3333;
	text-decoration: normal;
	 }
a.smText10Bold:hover {
	color: #FF0000;
	text-decoration: normal;
}
a.smText10Bold:visited  {
	color: #CC3333;
}
a.smText10Bold:visited:hover  {
	color: #FF0000;
}


.lgText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #333333; 
	font-size: 15px; 
	line-height: 18px;
	font-weight: normal;
}
a.lgText {
	color: #3333FF; 
	text-decoration: none;
}
a.lgText:hover {
	color: #FF3333; 
	text-decoration: underline;
}
a.lgText:visited {
	color: #3333FF; 
	text-decoration: none;
}
a.lgText:visited:hover {
	color: #FF3333; 
	text-decoration: underline;
}


.lgTextBold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #333333; 
	font-size: 15px; 
	line-height: 18px;
	font-weight: bold;
}
a.lgTextBold {
	color: #3333FF; 
	text-decoration: none;
}
a.lgTextBold:hover {
	color: #FF3333; 
	text-decoration: underline;
}
a.lgTextBold:visited {
	color: #3333FF; 
	text-decoration: none;
}
a.lgTextBold:visited:hover {
	color: #FF3333; 
	text-decoration: underline;
}


.lgTextGray {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
}
a.lgTextGray {
	color: #AAAAAA;
	text-decoration: underline;
}
a.lgTextGray:hover {
	color: #FFCC00;
}
a.lgTextGray:visited {
	color: #AAAAAA;
	text-decoration: underline;
}
a.lgTextGray:visited:hover {
	color: #FFCC00;
}



.smLink  {
	color: #8586FE;
	font-family: Verdana, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	top-margin: 0px;
	font-weight: normal;
	text-decoration: none;
}
a.smLink  {
	color: #8586FE;
	text-decoration: none;
}
a.smLink:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.smLink:visited  {
	color: #8586FE;
	text-decoration: none;
}
a.smLink:visited:hover {
	color: #FF0000;
	text-decoration: underline;
}




.SMALLCAPS { font-variant: small-caps }  


.bold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
a.bold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
a.bold:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-size: 13px;
	font-weight: bold;
}


.Bold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
a.Bold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
a.Bold:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-size: 13px;
	font-weight: bold;
}




BoldLink  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
}
a.BoldLink  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
}
a.BoldLink:hover {
	text-decoration: underline;
}
a.BoldLink:visited {
	color: #0000FF;
}
a.BoldLink:visited:hover {
	color: #FF0000;
	text-decoration: underline;
}



.npLink  {
	color: #444444;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.npLink  {
	font-weight: bold;
}
a.npLink:hover {
	color: #999999;
	text-decoration: underline;
}
a.npLink:visited {
	color: #444444;
}
a.npLink:visited:hover {
	color: #999999;
	text-decoration: underline;
}



.error {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 13px;
	font-weight: normal;
}


.cat  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
a.cat  {
	color: #3333FF;
}
a.cat:hover {
	color: #AA00AA;
	text-decoration: underline;
}
a.cat:visited {
	color: #3333FF;
}
a.cat:visited:hover {
	color: #AA00AA;
	text-decoration: underline;
}


.credits  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	text-decoration: none;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}
a.credits  {
	color: #666666;
}
a.credits:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.credits:visited {
	color: #666666;
}
a.credits:visited:hover {
	color: #FF0000;
	text-decoration: underline;
}


.highlight {
	background-color: #FFFF66
}


.heading {
  font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #777777;
  font-size:  15px;
  font-weight:  bold;
  line-height: 16px;
  text-decoration: none;
}
.heading:hover {
  color: #EE9900;
  text-decoration: underline;
}


.smallHeading {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}


.tiText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}


.tiHeading {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 12px; 
	font-weight: bold;
}

.tHeading {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 12px; 
	font-weight: bold;
}


.ProcessTimeText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	text-decoration: normal;
	 }
a.ProcessTimeText {
	color: #333333;
	text-decoration: normal;
	 }
a.ProcessTimeText:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.ProcessTimeText:visited  {
	color: #333333;
}
a.ProcessTimeText:visited:hover  {
	color: #FF0000;
	text-decoration: underline;
}


.menu {
  color: #C29C03;    /* #EE7474;   */
  font-size: 13px;
  line-height: 12px;
  vertical-align: middle; 
  font-weight:  bold;
  font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.menu:hover {
  color: #FFCC00;
  /* text-decoration: underline;  */
}
a.menu {
  color: #C29C03;
}
a.menu:hover {
  color: #FFCC00;
}
a.menu:visited {
  color: #C29C03;
}
a.menu:visited:hover {
  color: #FFCC00;
}



.outline {
  font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:  10pt;
  font-weight:  bolder;
  color: #777777;
  text-decoration: none;
}
.outline:hover {
  color: #FFCC00;
  text-decoration: underline;
}


.outline-header {
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;  
	font-weight:  bolder;
	font-size:  14pt;  
	color: #777777;  
	line-height: 14pt;
}



.nav  {
	color: #444444;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.nav  {
	color: #444444;
}
a.nav:hover {
	color: #999999;
	text-decoration: underline;
}
a.nav:visited {
	color: #444444;
}
a.nav:visited:hover {
	color: #999999;
	text-decoration: underline;
}



.top {
  font-size:  9pt;
  font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
}
.top:hover {
  color: #999999;
}


/* <DIV class="layer-logo"><IMG src="logo.gif" class="layer-logo"></DIV>  */
.layer-logo	{ z-index: 1;  position: absolute;   left: 40px;  top: 10px;  visibility: visible; }
<!--
.layer1   { z-index: 1;  font-weight:  bold; color: #CCCCCC; 		margin-top:  12px; margin-left: 4px;  font-size: 28px;  line-size: 30px;  font-family: Tahoma, Arial, Helvetica, Sans-serif }
.layer2   { z-index: 2;  font-weight:  bold; color: #FFFFFF; 		     margin-top: -17px; margin-left: 2px;  font-size: 28px;  line-size: 30px;  font-family: Tahoma, Arial, Helvetica, Sans-serif }
.layer3   { z-index: 3;  font-weight:  bold; color: #777777; 		margin-top: -17px; margin-left: 0px;  font-size: 28px;  line-size: 30px;  font-family: Tahoma, Arial, Helvetica, Sans-serif }
.layer3Dark   { z-index: 3;  font-weight:  bold; color: #3C3C3C; 	margin-top: -17px; margin-left: 0px;  font-size: 28px;  line-size: 30px;  font-family: Tahoma, Arial, Helvetica, Sans-serif }
-->


.flyoutlink {
  font-size:  9pt;
  line-height: 9pt;
  font-weight:  normal;
  font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #555555;
  text-decoration: none;
}
.flyoutlink:hover {
  color: #EE9900;
  text-decoration: underline;
}


<!--
/*  .bullet1  {  */
	padding-left: 20px; 
	padding-right: 20px;
	font-size:  10pt;
}

/*  .bullet2  {  */
	padding-left: 40px; 
	padding-right: 20px;
	font-size:  9pt;
}
-->

{  }
{  }
{  }
{  }
{  }
{  }
.Clock { FONT-SIZE: 13px; FONT-FAMILY: "Tahoma"; color: #AAAAAA;  BACKGROUND-COLOR: transparent; text-align: center; font-weight: normal;  BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-BOTTOM-STYLE: none;  }


		
/********************************************/
/* calendar-specific styles below (to end) */
/********************************************/

<%
' If Netscape detected, hide 'border' tags (which break Netscape).

Dim styleFont, pageFont, fontSmall

styleFont 	= "Tahoma, Verdana, Arial, Helvetica, sans-serif"
pageFont	= "Tahoma, Verdana, Arial, Helvetica, sans-serif"

	' ...and then determine browser and set font-size using the MS/IIS "MSWC" or
	' Microsoft Browser Capabilities Component
	Set objBCap = Server.CreateObject("MSWC.BrowserType") 
	' Set a default for any browser 
	fontSmall 	= "x-small" ' for other browsers, like WebTV, etc.
	sComment = ""
	eComment = ""
	' Find browser type and set variables to be used elsewhere
	If objBCap.Browser = "IE" And left(objBCap.Version, 1) >= 3 Then
		fontSmall 	= "x-small"
		' fontSmall 	= "small"
		sComment = ""
		eComment = ""
	End If
	If objBCap.Browser = "Netscape" And left(objBCap.Version, 1) >= 3 Then
		fontSmall 	= "small"
		sComment = "/*"
		eComment = "*/"
	' Make the font one size larger for Netscape
	' to counter those pesky stylesheet standards which seem to be different in every browser.
	End If 

If debugText = "on" Then
	response.write "<br>Web Browser = " & objBCap.Browser
	response.write "<br>Version = " & objBCap.Version
end if

%>


.superhead, h1
		{
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  
		font-size: 14pt; 
		color: #506E86;
		font-weight: bold;
		padding-bottom: 0;
		margin-bottom: 0;
		}

.subhead
		{
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  
		font-size: 14pt; 
		color: #484848;
		font-weight: bold;
		}		

.error
		{
		color: #990000;
		}		

.success
		{
		color: #2B57A8;
		}

table.formbox
		{
		background-color: #FFFFFF;		
		<% = sComment %> border: 1 solid #7E6A5C; <% = eComment %>
		}			
		
fieldset		/* This is the event display card, where the content is shown. */
		{
		width: 85%; 	/* or whatever */
		<% = sComment %> border: 1 solid #336699; <% = eComment %>
		background-color: #F4F3E0; 
		background-image: url('<% = calFolder %>images/legend_<% = PageBGColor %>.gif'); 	/*root-relative-path/background-image.gif*/

	/*
	IMPORTANT NOTE: Make sure the color below matches the background color
	of the "TD.SOME" below, so the linked arrow-images don't show any
	link-highlight color on mouseover. :)
	*/
		}

legend		/* This is tab on top of the event display card. */
		{
/*		color: #484848;      */
		background-color: #336699;
		color: #FFFFFF; 
		font-weight: bold;		
		padding: 1 px;
		<% = sComment %> border: 1 solid #336699; <% = eComment %>
		}		
		
.legenddate	/* color for the date on the event display card */
		{
		color: #336699;
		font-weight: bold;			
		}

/* calendar table, cell styles */
		
TD.NON 		/* gray cell */
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>;
		color: #CCCCCC;
		background-color: #CCCCCC;
		font-weight: normal;
		}

TD.TOP 		/* alternate cell, not used */
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>;
		color: #000000;
		background-color: silver;
		font-weight: bold;
		}
TD.Some 	/* normal cell */
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>;
		color: #000000;
		background-color: #F0F0F0;		
		font-weight: normal;
		}

		a:hover.nohiliteSome
			/* 	
			IMPORTANT NOTE: Make sure the color below matches the background color 
			of the TD.SOME above, so the linked arrow-images don't show any 
			link-highlight color on mouseover :)
			*/
			{
			background-color: #F0F0F0;		
			}				
		
TD.HL		/* highlighted cell */
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>;
		color: #0000FF;
		background-color: #FFFF99;
		font-weight: bold;
		}		

TD.DATE 	/* date, header cell */
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #FFFFFF;
		background-color: #83ABAB;
		font-weight: normal;
		}		

TD.TODAY	/* today's date cell */
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>;
		color: #FFFFFF;
		background-color: #336699;
		font-weight: normal;
		}

TD.HLTODAY		/* today's date cell, BUT highlighted (if event is scheduled today) */
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>;
		color: #0000FF;
		background-color: #FFFF99;
		font-weight: normal;
		<% = sComment %> border: 1 solid #336699; <% = eComment %>
		}

/* calendar link styles */
		
A.NOEVENT:Link 
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		}
A.NOEVENT:Visited 
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		}
A.NOEVENT:Hover
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #990000;
		font-weight: normal;
		text-decoration: none;
		}	
		
A.TODAY:Link 
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		}
A.TODAY:Visited 
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		}		
A.TODAY:Hover
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #990000;
		font-weight: bold;
		text-decoration: none;
		}	
		
A.EVENT:Link 
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #000000;
		font-weight:  bold;
		text-decoration: none;
		}
A.EVENT:Visited 
		{
		font-family: <% = styleFont %>;
		font-size: small;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		}
A.EVENT:Hover
		{
		font-family: <% = styleFont %>;
		font-size:  small;
		color: #990000;
		font-weight: bold;
		text-decoration: none;
		}	
		
A.NORMAL:Link 
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>;
		color: #0000FF;
		font-weight: normal;
		text-decoration: none;
		}
A.NORMAL:Visited 
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>; 
		color: #0000FF; 
		font-weight: normal; 
		text-decoration: none;
		}	
A.NORMAL:Hover
		{
		font-family: <% = styleFont %>;
		font-size: <% = fontSmall %>;
		color: #990000;
		font-weight: normal;
		text-decoration: none;
		}	



.dtree {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}


</STYLE>
