/* CSS Document */   /* Sub Pages - Calendar, Events, News list, news story, mailing, newsletter, blog */

/* THE MAIN CALENDAR, NEWS LIST, CALENDAR EVENT, NEWS STORY SHARE MAIN CONTAINER DIV CLASSES WHICH - ALTHOUGH
SIMILAR IN APPEARANCE TO THE LANDING/CONTENT PAGE TEMPLATES - ARE UNIQUE TO THESE SPECIFIC PAGE LAYOUTS.

ALL CLASSES FOR MAILINGS, NEWSLETTERS AND BLOGS WILL APPEAR IN THEIR OWN PAGE LAYOUTS WHICH ARE 
INDEPENDENT FROM THE LANDING/CONTENT TEMPLATES & STYLES AS WELL 

HOWEVER, FORMS APPEAR WITHIN THE STRUCTURAL LAYOUT OF A GENERAL CONTENT PAGE - NAVIGATION COLUMN WITH LINKS ON LEFT,
HEADER GRAPHIC OF WHATEVER SECTION IS POINTING TO IT ON THE TOP, ETC.

Dynamic Classes = 88
--------------------------------------------------------------------------------------------------------------- */



/*  COMMON CALENDAR/NEWS CLASSES
---------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------- */

.newsEventsCenter1 {
	display:block;
	clear:left;
	float:left;
	width:921px;
	margin:0px;
	padding-left:8px;
	padding-right:8px;
	background-color:#FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}
/* The middle container that is typically below the site header and above the footer. */

.newsEventsCenter2 {
}
/* Optional middle container DIV style for sites with unique content */

.interiorCenterCalendarSVR {
	display:block;
	width:904px;
	margin:0px;
	padding:0px;
}




/*  MAIN CALENDAR SPECIFIC CLASSES\
---------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------- */

div#ct100_Div1 {
	display:block;
	margin:0px;
	padding:0px;
	width:904px;
}

div#ct100_m_ajaxPanel {   /* !!!!!! DYNAMIC -  !!!!!!! */
	display:block;
	margin: 0px; 
	padding: 0px; 
	width:904px;
	background-color: #ffffff;
	
}
/* This is the primary containment cell of the large calendar */

table#mainLayout {   /* !!!!!! DYNAMIC -  !!!!!!! */
	display: table;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	width:904px;
	height: 100%;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}
/* This is the primary table of the large calendar. It is nested immediately inside of #ct100_m_ajaxPanel */

td#header {   /* !!!!!! DYNAMIC -  !!!!!!! */
	display: table-cell;
	margin:0px;
	width:894px;
	background-color: #002a66;
	padding-left: 6px;
	padding-right:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 2px #ffffff;
	border-top: solid 2px #ffffff;
}
/* This is the table cell which contains the text for the month/year */

td#controlView {   /* !!!!!! DYNAMIC -  !!!!!!! */
	display: table-cell;
	width: 192px;
	margin:0px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:0px;
	padding-right:4px;
	background-color: #FDF4D7;
	font-size:9px;
	text-align:left;
}
/* This is the table cell which controls the size and background color of the left-hand panel */


.navigationCalendar {
	display:block;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:20px;
	width:170px;
	font-size:9px;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
}
/* This is the container for the small calendar grid in the navigation column */

.navigationCalendar table {
	display:table;
	margin:0px;
	padding:0px;
	width:175px;
	font-size:9px;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
/* This is the table which contains all the pieces of the calendar grid in the navigation column */

.navigationCalendar table table {
	display:table;
	margin:0px;
	padding:0px;
	width:175px;
	font-size:9px;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	background-color:#FDF4D7;
}

/* This table contains the header of the small calenar grid, where the month and forward/backward arrows are */

.navigationCalendar a {
	margin:0px;
	padding:0px;
	font-size:9px;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#777777;
}

.calMonth {   /* !!!!!! DYNAMIC -  !!!!!!! */
	display:block;
	width:894px;
	margin:0px;
	padding:10px;
	color: #ffffff;
	font-size: 32px;
	text-align:left;
}
/* This is the SPAN which contains the current calendar month text in the full width bar at the top of the page. The width must be set exactly right, or the whole grid/list view displays wrong. */ 


.controlLabel {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	display:block;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:0px;
	padding:0px;
	color: #002a66;
	font-weight: bold;
	font-size: 14px;
	
}
/* DIV attributes for text labels within the left-hand control panel. "Select View" and "Show Events For" */

.sectionSelectAllButton {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	display:block;
	margin-top:10px;
	margin-bottom:3px;
	margin-left:10px;
	margin-right:0px;
	padding:0px;
	color: #002a66;
	font-weight: bold;
	font-size: 14px;
}
.sectionSelectAllButton a {   /* !!!!!! DYNAMIC -  !!!!!!! */
	color: #002a66;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
}

.sectionUnSelectAllButton {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	display:block;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
	padding:0px;
	color: #002a66;
	font-weight: bold;
	font-size: 12px;
}
.sectionUnSelectAllButton a {   /* !!!!!! DYNAMIC -  !!!!!!! */
	color: #002a66;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
}

.filterLabel {
	display:block;
	margin-top:0px;
	margin-bottom:2px;
	margin-left:10px;
	margin-right:0px;
	color: #002a66;
	font-size: 12px;
	font-weight: bold;
}
/* Text attributes for filter checkbox labels in the left-hand control panel. "Home", "Athletics", etc. */


.viewRangeDropDown {   /* !!!!!! DYNAMIC -  !!!!!!! */
	display:block;
	margin-top:0px;
	margin-bottom:4px;
	margin-left:10px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
 	padding-right: 0px;
	width:150px;
}
.viewTypeRadioList {   /* !!!!!! DYNAMIC -  !!!!!!! */
	display:block;
	margin-top:0px;
	margin-bottom:4px;
	margin-left:10px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:20px;
 	font-size: 12px;
	color:#002a66;
	
}

.PrintButton {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	border: none;
	padding-top: 0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:0px;
}
/* Attributes for the left-hand control panel's print button */


#ct100_displayView {   /* !!!!!! DYNAMIC -  !!!!!!! */
	display: table-cell;
	margin:0px;
	padding: 0px;
	width:729px;
	background-color:#FFFFFF;
	text-align:left;
}
/* This is the table cell which contains the right-hand panel: either the list of events or the large grid */

.calMain {
	display:table;
	margin:0px;
	padding:0px;
 	width: 729px;
	height: 100%;
	border-right: solid 1px #002a66;
	border-bottom: solid 1px #002a66;
	text-align:left;
}
/* Table attributes for the main grid/list view area of the calendar page. Only ever change width to match site and border color. */

.calHeader {   /* !!!!!! DYNAMIC -  !!!!!!! */
	background-color: #002a66;
	border-left: 1px solid #002a66;
	color: #ffffff;
	font-size: 14px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:px;
	padding-left: 6px;
	width: 103px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align:left;
}
/* Cell attributes for the TH tags containing the days of the week labels in the Grid view. The width of this can be calculated by taking the total width of .calMain, subtracting 7, and dividing by seven. */


/* ---------@@@ both Grid View attributes @@@ --------------------------- */
.displayCalOffDay {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	display: table-cell;
	background-color: #FCF1C4;
	border-left: #002a66 solid 1px;
	margin:0px;
	padding:0px;
	width:103px;
}
/* Cell attributes for the TD tags which represent days in the months before and after the currently viewed 
month in the Grid view. */


.displayCalOffDayHeader {   /* !!!!!! DYNAMIC -  !!!!!!! */
	color: #ffffff;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:5px;
	padding-right:0px;
	font-size: 12px;
	border-top: solid 1px #002a66;
	width:98px;
}
/* DIV attributes for date number display for days in the months before and after the currently viewed
month in the Grid view */

.displayCalEntry {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	display:block;
 	margin-top: 2px;
	padding: 0px;	
}
/* DIV attributes for event listing area within the cell of a particular day in the Grid view */

.displayCalEntry li {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	display: list-item;
	list-style-type:none;
	margin-top:0px;
	margin-bottom: 8px;
	margin-left: 3px;
	margin-right:3px;
	padding:0px;
	line-height:11px;
	width:95px;
	
}
/* Text/Width attributes for the list elements which display the individual events in the Grid view */

.displayCalEntry li a:link {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	line-height:11px;
	font-size: 9px;
	color: #444; 
	text-decoration: none;
}
.displayCalEntry li a:visited {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	line-height:11px;
	font-size: 9px;
	color: #444; 
	text-decoration: none;
}
.displayCalEntry li a:hover {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	line-height:11px;
	font-size: 9px;
	color: #444; 
	text-decoration: none;
}
.displayCalEntry li a:active {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	line-height:11px;
	font-size: 9px;
	color: #444; 
	text-decoration: none;
}
.displayCalDay {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	display: table-cell;
	background-color: #ffffff;
	border-left: #002a66 solid 1px;
	width:103px;
}
/* Cell attributes for the TD tags which represent days within the currently viewed month in the Grid view. */

.displayCalDayHeader {   /* !!!!!! DYNAMIC -  !!!!!!! */
 	background-color: #6b95d1;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:5px;
	padding-right:0px;
	font-size: 12px;
	border-top: solid 1px #002a66;
	font-family: Verdana, Helvetica, sans-serif;
	width:98px;
}
/* DIV attributes for date number display of days within the currently viewed month in the Grid view */


/* display calendar styles */




/* Begin List Styles */

.calList {   /* !!!!!! DYNAMIC -  !!!!!!! */
	padding: 4px;
}
.rangeHeader {   /* !!!!!! DYNAMIC -  !!!!!!! */
	color: #000000;
	font-size: 19px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 4px;
	display: block;
}

.dateListing {   /* !!!!!! DYNAMIC -  !!!!!!! */
	background-color: #4f3a7c;
	width: 100%;
	height: 25px;
	color: #fff;
	font-weight: bold;
	padding-left: 5px;
}
.listing {   /* !!!!!! DYNAMIC -  !!!!!!! */
	padding: 20px 20px 0px 20px;
	display: block;
	margin: 0px;
	width: 680px;
}
.hourTime {
	width: 100%;
	height: 25px;
	padding-left: 5px;
	background-color: #6b95d1;
	color: #002a66;
	font-weight: bold;
	font-size: 15px;
}
.listTitle {   /* !!!!!! DYNAMIC -  !!!!!!! */
	color: #6b95d1;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	display: block;
	width: 675px;
}

a.listTitle:link {
	color: #6b95d1;
	font-weight: bold;
}
a.listTitle:visited {
	color: #6b95d1;
	font-weight: bold;
}
a.listTitle:hover {
	color: #6b95d1;
	font-weight: bold;
}
a.listTitle:active {
	color: #6b95d1;
	font-weight: bold;
}
.inHourSlot {
	width: 100%;
	background-color: #6b95d1;
}
.inHourTime {
	background-color: #FFF;
	color: #6b95d1;
	padding: 5px 35px 25px 10px;
	font-weight: bold;
}
.listDescription {
	color: #444444;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
}
.listLocation {
	color: #444444;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	padding-top: 8px;
}
.listContact {
	color: #444444;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	padding-top: 5px;
}
.listTime {
	color: #444444;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	padding-top: 5px;
}
.calNavList {   /* !!!!!! DYNAMIC -  !!!!!!! */
	width: 128px;
	height: 92px;
	font-size: 9px;
	background-color: #6b95d1;
	color: #ffffff;
	border-color: #6b95d1;
	border-style: solid;
	border-width: 1px 0 0 0;
	margin-bottom: 10px;
}
.calNavListOdd {   /* !!!!!! DYNAMIC -  !!!!!!! */
	border-color: #6a94d0;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	width: 19px;
	height: 19px;
	text-decoration: none;
	background-color: #fff;
}


.calNavListEven {   /* !!!!!! DYNAMIC -  !!!!!!! */
	border-color: #6a94d0;
	border-style: solid;
	border-width: 0 0 1px 0;
	width: 19px;
	height: 19px;
	text-decoration: none;
	background-color: #fff;
}
.calSelListOdd {   /* !!!!!! DYNAMIC -  !!!!!!! */
	border-color: #6a94d0;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	width: 19px;
	height: 19px;
	text-decoration: none;
}
.calSelListEven {   /* !!!!!! DYNAMIC -  !!!!!!! */
	border-color: #6a94d0;
	border-style: solid;
	border-width: 0 0 1px 0;
	width: 19px;
	height: 19px;
	text-decoration: none;
}

a.calSelListOdd:link {  
	color: #fff;
	text-decoration: none;
}
a.calSelListOdd:visited {
	color: #fff;
	text-decoration: none;
}
a.calSelListOdd:hover {
 color: #fff;
	text-decoration: none;
}
a.calSelListOdd:active {
 color: #fff;
	text-decoration: none;
}

a.calSelListEven:link {
	color: #fff;
	text-decoration: none;
}
a.calSelListEven:visited {
	color: #fff;
	text-decoration: none;
}
a.calSelListEven:hover {
	color: #fff;
	text-decoration: none;
}
a.calSelListEven:active {
	color: #fff;
	text-decoration: none;
}

a.calNavListOdd:link {
	color: #6a94d0;
	text-decoration: none;
}
a.calNavListOdd:visited {
	color: #6a94d0;
	text-decoration: none;
}
a.calNavListOdd:hover {
	color: #6a94d0;
	text-decoration: none;
}
a.calNavListOdd:active {
	color: #6a94d0;
	text-decoration: none;
}
a.calNavListEven:link {
	color: #6a94d0;
	text-decoration: none;
}
a.calNavListEven:visited {
	color: #6a94d0;
	text-decoration: none;
}
a.calNavListEven:hover {
	color: #6a94d0;
	text-decoration: none;
}
a.calNavListEven:active {
	color: #6a94d0;
	text-decoration: none;
}
.offNavListOdd {   /* !!!!!! DYNAMIC -  !!!!!!! */
	border-color: #6a94d0;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	background-color: #FDF4D7;
	color: #444444;
	width: 19px;
	height: 19px;
	text-decoration: none;
}
.offNavListEven {   /* !!!!!! DYNAMIC -  !!!!!!! */
	border-color: #6a94d0;
	border-style: solid;
	border-width: 0 0 1px 0;
	background-color: #FDF4D7;
	color: #444444;
	width: 19px;
	height: 19px;
	text-decoration: none;
}
a.offNavListEven:link {
	color: #444444;
	text-decoration: none;
}
a.offNavListEven:visited {
	color: #444444;
	text-decoration: none;
}
a.offNavListEven:hover {
	color: #444444;
	text-decoration: none;
}
a.offNavListEven:active {
	color: #444444;
	text-decoration: none;
}
a.offNavListOdd:link {
	color: #444444;
	text-decoration: none;
}
a.offNavListOdd:visited {
	color: #444444;
	text-decoration: none;
}
a.offNavListOdd:hover {
	color: #444444;
	text-decoration: none;
}
a.offNavListOdd:active {
	color: #444444;
	text-decoration: none;
}


/* ---------@@@ List View attributes @@@ --------------------------- */

.listDayHeader {   /* !!!!!! DYNAMIC -  !!!!!!! */
	padding: 4px;
	margin-bottom: 0px;
	margin-top: 7px;
	color: #002a66;
	background-color: #FDF4D7;
	font-size: 15px;
	font-weight: bold;
}
.listEventName {
	font-size: 16px;
	font-weight: bold;
}
.listEventName a:link {
	color: #002a66;
	font-weight:bold;
	text-decoration: underline;
}
.listEventName a:visited {
	color: #002a66;
	font-weight:bold;
	text-decoration: underline;
}
.listEventName a:hover {
	color: #002a66;
	font-weight:bold;
	text-decoration: underline;
}
.listEventName a:active {
	color: #002a66;
	font-weight:bold;
	text-decoration: underline;
}
.listTimeHeader {   /* !!!!!! DYNAMIC -  !!!!!!! */
	color: #002a66;
	background-color: #FDF4D7;
	padding: 3px;
	font-size: 15px;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 7px;
}
.listStandardText {   /* !!!!!! DYNAMIC -  !!!!!!! */
	color: #666;
	line-height: 1.4em;
}
.listLinkText {   /* !!!!!! DYNAMIC -  !!!!!!! */
	color: #002a66;	
	font-weight: bold;
}


/*   NEWS LIST CLASSES\
---------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------- */

/* I would like to have the same text label area as on the calendar for the news list page: purple box that says News List in it. */

/* left-hand container panel - use calendar class */

/* left-hand panel label - use calendar class */

/* check box title - use calendar class */

/* print button - use calendar class */

/* rss button - use calendar class */

/* email button - use calnedar class */

.newsListColumnHeading {   /* !!!!!! DYNAMIC -  !!!!!!! */
}
/* attributes for the table row which goes across the top of right-hand side of the page, above the individual news article listings */

.sectionPageOdd {
}
/* attributes for font and bg color of odd numbered table rows. */

.sectionPageEven {
}
/* attributes for font and bg color of even numbered table rows */

/*  CALENDAR EVENT CLASSES\
---------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------- */

.singleCalEventHeader   /* !!!!!! DYNAMIC -  !!!!!!! */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	margin-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 28px;
	width: 555px;
	border-bottom: dashed 1px #444444;
	}
	
.singleCalEventTitle   /* !!!!!! DYNAMIC -  !!!!!!! */
{
	display:block;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #6a94d0;
	padding-left: 0px;

}
.singleCalEventDate   /* !!!!!! DYNAMIC -  !!!!!!! */
{
	display:inline;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-right:15px;

}
.singleCalEventLocation   /* !!!!!! DYNAMIC -  !!!!!!! */
{
	display:inline;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-right:15px;

}
.singleCalEventTime   /* !!!!!! DYNAMIC -  !!!!!!! */
{
	display:inline;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-right:15px;

}

/*  NEWS STORY CLASSES
---------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------- */

.singleNewsStoryHeader   /* !!!!!! DYNAMIC -  !!!!!!! */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	margin-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 39px;
	width: 639px;
	border-bottom: dashed 1px #444444;
}
.singleNewsStoryDateLocation   /* !!!!!! DYNAMIC -  !!!!!!! */
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #6a94d0;
}
.singleNewsStoryTime   /* !!!!!! DYNAMIC -  !!!!!!! */
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #6a94d0;
	padding-left: 40px;
}