/* The header tag is used for the main title font on all pages */
.header {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	color: #009999;  /* navy */
	font-weight : bold;
    font-size : 12pt;
	text-align: center;
}

/* The subheader tag is used on a couple of pages as a subheadline. */
.subheader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;  /* navy */
	font-weight : bold;
    font-size : 12pt;
}


/*  The error tag is ised for displaying system error messages */
.error {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;  /* red */
	font-weight : bold;
    font-style: italic;
    font-size : 10pt;
}

/*   The content tag is the main body text of the system   */
.content {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000000;  /* black */
	font-size : 10pt;
}

/*  The contenthead tag is used in 2 places:  the header line in the Manage My Events
    screen.  And in the date range display on the Events Calendar.  */
.contenthead {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #A0A2FE;  
	font-size : 10pt;
}


/*	The contentconfig tag is for the backgound color of the form on the Configure page. */
.contentconfig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #A0A2FE;
	font-size : 10pt;
}


/*  The contentbody class is the background color of the main table
    on the Manage My Events page.    */
.contentbody {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;     /*  White   */
	background-color: #FFFFFF;  /*  White   */
	font-size : 10pt;
}


/*  contentsmall is only used in one place: to display the message about being careful
    in deleting events on the Manage My Events page  */
.contentsmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;  /* navy */
	font-size : 8pt;
}


/* The 'lead' class is only used on the Events Calendar itself. It is used for
   the beginning text at the top of the page that starts with "Please select the dates 
   that you would like to view"       */
.lead {
font-family:  Arial, Geneva, Helvetica, sans-serif;
	font-weight:  lighter;
	font-size:		10pt;
	line-height:  12pt;
	font-variant:	 normal;
 	color:		#003300;  
 	text-align:  left;
 	margin: 	0px 0px 5px 0px
}


/*  The tag called 'year' is used on the Events Calendar to display the Month-Year
    separator between events whenever a new month is to be displayed  */
.year {
	font-family:	Arial, Geneva, Helvetica, "Sans Serif";
	font-weight:  bold;
	font-size:		10pt;
	line-height:  10pt;
	font-variant:	 normal;
	font-style: 	normal;
	color:	 	#009999;   /*turquoise */
	margin: 	0px 0px 20px 0px
}


/*  The tag called 'date' is used on the Events Calendar to display the date of the event  */
.date {
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	font-size:		8pt;
	line-height:  8pt;
	font-variant:	 normal;
	font-style: 	normal;
	color:	 	#0D1B19;  
	text-align:  left;
	margin: 	0px 0px 5px 0px
}


/*  The tag called 'title' is used on the Events Calendar to display the title of the event  */
.title {
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	font-size:		8pt;
	line-height:  8pt;
	font-variant:	 normal;
	font-style: 	normal;
	color:	 	#0D1B19;  
	text-align:  left;
	margin: 	0px 0px 2px 0px
}


/*  The tag called 'city' is used on the Events Calendar to display the city of the event  */
.city {
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	font-size:		8pt;
	line-height:  8pt;
	font-variant:	 normal;
	font-style: 	normal;
	color:	 	#0D1B19;  
	text-align:  left;
	margin: 	0px 0px 2px 0px
}


/*  The tag called 'location' is used on the Events Calendar to display the location of the event  */
.location {
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	font-size:		8pt;
	line-height:  8pt;
	font-variant:	 normal;
	font-style: 	normal;
	color:	 	#0D1B19;  
	text-align:  left;
	margin: 	0px 0px 5px 0px
}


/*  The tag called 'description' is used on the Events Calendar to display the description of the event  */
.description {
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:  normal;
	font-size:		8pt;
	line-height:  8pt;
	font-variant:	 normal;
	font-style: 	normal;
	color:	 	#000000;  
	text-align:  left;
	margin: 	0px 0px 0px 0px
}


/*  The tag called 'border' is used on the Events Calendar to draw a border around each event  */
.border  { 
 	border-top: solid 1px gray;
 	border-right: solid 1px gray;
 	border-bottom: solid 1px gray;
 	border-left: solid 1px gray;
 	padding: 2px 2px 2px 2px
}


/*  The helpcontent class is for the text of help windows   */
.helpcontent {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 10pt;
}



/*   The helpheader class is used for titles on the help pages */
.helpheader {
	font-family: Arial, Helvetica, sans-serif;
	color: #0033CC;
	font-weight : bold;
    font-size : 12pt;
}