/* JS rotator classes 06-08-2015 */

#rotator
{
	position: relative;
	width: 960px;
	height: 230px;
}

.rotator-frame
{
	position: absolute;
	width: 960px;
	height: 230px;
	z-index: 5;
}

.slides
{
	display: none;
	width: 960px;
	height: 220px;
	overflow: hidden;
	margin: 0 auto;
	top: 2px;
}

.slides div
{
	display: block;
	width: 960px;
	height: 220px;
}

.slides div img
{
	vertical-align: middle;
}			


/* MVC menu classes */

/* Kendo Menu Base Classes ============================== */
.k-menu .k-item > .k-link, .av-menu-container .k-header, .av-menu-container-vertical .k-header
{
	border: none;
	padding: 0;
}
.k-popup
{
	border: none;
}
.k-menu .k-animation-container
{
	margin-top: 0;
}
.k-menu .k-animation-container .k-group
{
	margin-left: 0 !important;
}
/* End Kendo Menu Base Classes ========================== */


/* Begin Horizontal Beta */

.av-menu-container
{
background: none;
	background: url(/images/1207NavBg.png) scroll no-repeat left top;
	padding: 25px 20px 3px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

li.av-item-top-level
{
	float: none !important;
	display: inline-block !important;
	text-align: center !important;
}

.av-menu-container .av-item-top-level > .k-link
{
display: inline;
line-height: normal;
	display: inline-block;
	margin: 0;
	padding: 3px 10px 3px 10px;
	color: #fff;
	font: bold 14px/ normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.av-menu-container .av-item-top-level.k-state-hover > .k-link, 
	.av-menu-container .av-item-top-level.k-state-border-down > .k-link, 
	.av-menu-container .av-item-top-level.k-state-highlight > .k-link
{
	display: inline-block;
	margin: 0;
	padding: 3px 10px 3px 10px;
	color: #dbbd7c;
	font: bold 14px/ normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}
.av-menu-container .k-group
{
	box-shadow: none;
	border: none;
	margin: 0 !important;
	padding: 5px 0;
	background: #0068ac;
}
.av-menu-container .k-group .k-item > .k-link
{
	padding: 0;
	display: block;
	padding: 5px 15px 5px 10px;
	color: #fff;
	font: bold 12px/ normal "TrebuchetMS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.av-menu-container .k-group .k-item.k-state-hover > .k-link, 
	.av-menu-container .k-group .k-item.k-state-border-down > .k-link, 
	.av-menu-container .k-group .k-item.k-state-selected > .k-link
{
	display: block;
	padding: 5px 15px 5px 10px;
	color: #dbbd7c;
	font: bold 12px/ normal "TrebuchetMS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.av-menu-container .k-menu .k-item > .k-link > .k-i-arrow-e
{
	display: block;
	background: url(/images/tabs/1207arrowRight.gif) no-repeat scroll right center;
	cursor: pointer;
}

/* End Horizontal Beta */


/* End MVC menu classes */


/* NOTES: --------------------------------------------------------------------------------------------

* For consistency use the following syntax, including capitalization:
	tag/class/selector
	{
		property: value;
		property: value;
	}
	
* The order of the properties show start from the outside and work in:
	class
	{
		visibility:
		size (width):
		positioning:
		margins:
		borders:
		padding:
		background:
		color:
		font:
		text:
		alignment:
		misc.:
	}
	
* Most coloring can be done with light and dark colors (links, buttons, and menus need specific attention)
	Light: #d8c198;
	Dark: #004d7e;
	
* Association: 23983-Sun City Grand

--------------------------------------------------------------------------------------------------- */													   


/* Main tags/classes/selectors -------------------------------------------------------------------- */

body
{
	background: #941002;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
}

a
{
	color: #0068ac;
	font-weight: bold;
	text-decoration: none;
}

a:link
{
}

a:visited
{
}

a:hover
{
	text-decoration: underline;
}

a:active
{
}

h1
{
	color: #004d7e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal !important;
	line-height: normal;
}

h2
{
	color: #004d7e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
}

h3
{
	color: #004d7e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
}

hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #000;
  margin: 1em 0;
	padding: 0;
}

form
{
  margin-bottom: 0px;
}

input, select, textarea, checkbox
{
	padding-left: 3px;
}	 

/* End main tags/classes/selectors ---------------------------------------------------------------- */



/* Header classes --------------------------------------------------------------------------------- */

.clsPage /* table containing both the sign in bar and header bar */
{
}

.clsTopSignIn /* background for top most bar */
{
	background: url(/images/1207SignInBg.png) scroll no-repeat center top;
}

.clsTopLogoImage /* table class which contains the .clsLogoImage class (almost identical) */
{
}

.clsLogoImage
{
}

#aLogOut, #publish-link
{
	margin-top: 19px;
}

.clsSearch
{
	height: 30px;
	padding: 85px 20px 0px 10px;
	background: url(/images/1207SearchLeft.png) no-repeat scroll 5px 85px;	
}

.clsSearch input
{
	width: 100px;
	height: 30px;
	padding: 0 0 6px 5px;
	background: url(/images/1207SearchBg.png) no-repeat scroll top left;
	font-size: 14px;
	line-height: 18px;
}

.clsSearchButtonContainer a /* div used for button */
{
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url(/images/1207SearchButton.png) no-repeat scroll left top;
}

.clsSearchButtonContainer
{
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url(/images/1207SearchButton.png) no-repeat scroll left bottom;
}

/* End header classes ----------------------------------------------------------------------------- */



/* Alert classes ---------------------------------------------------------------------------------- */

#fscroller
{
	height: 22px !important;
}

.clsFader /* general display properties for alerts */
{
	padding: 0 15px 8px 15px;
	background: url(/images/1207AlertBg.png) scroll repeat-y center top;
	color: #941002;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: normal;
}

.clsFader a, .clsFader a:visited /* link properties if the alert is linked */
{
	color: #004d7e;
}

.clsFader a:hover /* hover over the link */
{
	color: #004d7e;
}

/* End alert classes ------------------------------------------------------------------------------ */



/* New slide out menu classes --------------------------------------------------------------------- */

#slidemenubar /* horizontal menu */
{
	background: url(/images/1207NavBg.png) scroll no-repeat left top;
	margin: 0;
	padding: 25px 20px 3px;
	text-align: center;
}

#slidemenubar a /* top-level menu items */	
{
	display:inline-block;
	margin: 0;
	padding: 3px 9px 3px 9px;
	color: #006067;
	font: bold 14px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

#slidemenubar a:hover, #slidemenubar a:active, #slidemenubar a.active /* selected or hovered over at the top-level */
{
	color: #004d7e;
}

.slidemenuContainer /* don't modify except for margin-top (controls the space between dropdown menu and the main menu) */
{
	position: absolute;
	margin-top: 0;
	overflow: hidden; 
	z-index: 10000;
}
	
.slidemenu /* DO NOT modify */
{
	position: relative;
}

.slidemenu .options /* drop down menu container */
{
	padding: 5px 0;
	background: #ac9d98;
}

.slidemenu a, .slidemenu a:link, .slidemenu a:visited /* item in the drop down menu */	
{
	display: block;
	padding: 5px 15px 5px 10px;
	color: #006067;
	font: bold 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.slidemenu a:hover, .slidemenu a:active, .slidemenu a.menuActive /* mouseover effect for drop down menu items */
{
	color: #004d7e;
}

.slidemenu .more /* arrows for additional subs */
{
	background: url(/images/tabs/1207arrowRight.gif) no-repeat scroll right center;
}

#act392912, #act393067, #act436213, #act436206, #act436162
{
	background: none;
}



/* End new slide out menu classes ----------------------------------------------------------------- */




/* Beta menu classes ------------------------------------------------------------------------------ */ 

.TopGroupContainer
{
	background: url(/images/1207NavBg.png) scroll no-repeat left top;
	padding: 25px 20px 3px;
	text-align: center;
}

.TopGroup
{
	margin-right: auto;
	margin-left: auto;
}

.TopMenuItem
{
	display:inline-block;
	margin: 0;
	padding: 3px 10px 3px 10px;
	color: #006067;
	font: bold 14px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.TopMenuItemHover, .TopMenuItemActive, .TopMenuItemExpanded
{
	display:inline-block;
	margin: 0;
	padding: 3px 10px 3px 10px;
	color: #006067;
	font: bold 14px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
	color: #004d7e;
}

.MenuGroup
{
	padding: 5px 0;
	background: #ac9d98;
}

.MenuItem
{
	display: block;
	padding: 5px 15px 5px 10px;
	color: #006067;
	font: bold 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.MenuItemHover, .MenuItemActive
{
	display: block;
	padding: 5px 15px 5px 10px;
	color: #004d7e;
	font: bold 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.MenuItemMore
{
	display: block;
	padding: 5px 15px 5px 10px;
	background: url(/images/tabs/1207arrowRight.gif) no-repeat scroll right center;
	color: #006067;
	font: bold 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.MenuItemMoreHover, .MenuItemMoreActive 
{
	display: block;
	padding: 5px 15px 5px 10px;
	background: url(/images/tabs/1207arrowRight.gif) no-repeat scroll right center;
	color: #004d7e;
	font: bold 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.MenuBreak
{
}

/* End new slide out menu classes ----------------------------------------------------------------- */


/* Page classes ----------------------------------------------------------------------------------- */

.clsMainPane
{
	padding: 50px 100px 10px;
	background: url(/images/1207PageBg.png) repeat-y scroll center bottom;
}

/* End page classes ------------------------------------------------------------------------------- */



/* Text classes ----------------------------------------------------------------------------------- */

.clsHeader, td.clsHeader table tbody tr td /* page title */
{
	color: #004d7e;
	font-size: 36px;
	line-height: normal;
}

.clsHeader a, .clsHeader a:visited, .clsHeader a:hover /* page title link */
{
	color: #004d7e;
	font-size: 36px;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
}

.clsHeaderPopUp /* new popup header class w/o the padding - ts 3/16/04 (TBD) */
{
	color: #004d7e;
	font-size: 18px;
	line-height: normal;
}

.clsNoHeader /* used in pages with no header information (upload member picture) */
{
	color: #004d7e;
	font-size: 36px;
	line-height: normal;
}

.clsBodyText, p, .clsBodyText td, .container, .divForm .container, .clsLabel /* controls body text for main sections */
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
}

.clsInstructions /* text that appears next to balloons */
{
	font-size: 12px;
	line-height: normal;
}

.clsSmallText /* style used mainly for the editor */
{
  font-size: 12px;
}

.clsCaption /* style used mainly for the editor */
{
}

.clsError /* error text */
{
  color: #ff0000;
	font-weight: bold;
}

.clsError a /* error text link */
{
  color: #ff0000;
}

.clsSuccess /* deprecated - only in files found in the "old" directory */
{
  font-weight: bold;
}

.clsGrayItalic, .clsGreyItalic /* page credits "Posted By", "Created By", etc' */
{
	color: #666666 !important;	
	font-size: 12px;
	font-style: italic;
}

td.clsBodyItalic /* controls search results counting */ 
{
	font-style: italic;
}

.clsEvent /* style for calendar events */
{
  font-size: 10px;
}

.clsMemberBar /* deprecated - only in s.xsl in which no page calls */
{
  font-size: 10px;
}

.clsCopyright /* deprecated - only found in hoawfl_tpl.asp */
{
}

.clsCopyright a /* deprecated - only found in hoawfl_tpl.asp */
{
  font-size: 10px;
}

/* End text classes ------------------------------------------------------------------------------- */



/* Control classes -------------------------------------------------------------------------------- */

.clsLabel, .clsLabelMand /* text labels on controls */
{
	font-weight: bold;
}

.clsInput
{
	padding-top: 5px
}

.clsButton /* button container */
{
}

.clsButton a /* style for button itself */
{
	height: 20px;
	padding: 3px 5px;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #3d8f96;
	border-right: 1px solid #086a72;
	border-bottom: 1px solid #086a72;
	border-left: 1px solid #3d8f96;
	background: #0068ac;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.clsButton A:visited /* style for buttons that have already been clicked/visited */
{
	color: #fff;
}

.clsButton A:hover /* style for hovered state of button */
{
	background-color: #3d8f96;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.clsRadio /* style for radio buttons */
{
}

/* End control classes ---------------------------------------------------------------------------- */



/* Data grid classes ------------------------------------------------------------------------------ */

td.clsGridHeader /* title for search results */
{
	padding: 5px;
	background: #004d7e;
  color: #fff;
  font-size: 18px;
	text-align: center;
}

td.clsGridData /* search results */
{
}

td.clsGridDetail /* containing cell for search result data */
{
}

/* End data grid classes -------------------------------------------------------------------------- */



/* Calendar classes ------------------------------------------------------------------------------- */

.clsFullMonth, select.clsFullMonth /* header title or dropdown */
{
	padding: 5px;
	background: #004d7e;
  color: #fff;
  font-size: 18px;
	text-align: center;
}

.clsCalDay, .clsCalDay a /* date number */
{
}

.clsCalDayNM /* date number outside of current month */
{
	color: #999;
}

.clsCalCurrentDay /* current day highlight */
{
	border: 2px solid #cc0000;  
}

.clsCalHoliday /* holiday designations */
{
	background: #ccc;
}

.clsCalHoliday a /* holiday linked text */
{
}

.clsCalText /* normal calendar text */
{
	font-size: 11px;
}

.calEvent 
{
	margin-left: 10px;
	line-height: 1;
}


/* End calendar classes --------------------------------------------------------------------------- */



/* Resource Center file tree ---------------------------------------------------------------------- */

.clsTree /* overall div container class */
{
	color: #000;
}

.clsTreeNde /* individual items in tree */
{
	color: #000;
  text-decoration: none!important; 
}

.clsTreeNdeActive /* could not produce style */
{
  color: #000;
}

/* End Resource Center file tree ------------------------------------------------------------------ */



/* Directory Member classes ----------------------------------------------------------------------- */

td.clsDMData /* TBD */
{
}

td.clsDMDtlHeader /* TBD */
{
	font-size: 16px;
  font-weight: bold;
	font-style: italic;
}

td.clsDMLabel /* TBD */
{
}

td.clsDMAddress /* account address for member */
{
}

.clsDMHeader /* DM's name and other sub-titles on directory member  */
{
	font-weight: bold;
}

.clsDMNotSpecified /* Data that has not been enter for member */
{
	font-style: italic;
	color: #ccc;
}

/* End Directory Member classes ---------------------------------------------------------------------- */



/* WebLink(TBD) classes -------------------------------------------------------------------------------- */

td.clsWebLinkHdr /* TBD */
{
	font-weight: bold;
}

td.clsWebLinkHdr a /* TBD */
{
}

td.clsWebLink /* TBD */
{
	font-weight: bold;
}

td.clsWebLink a /* TBD */
{
	color: #000;
}

.weblink_type_page, .weblink_type_template, .weblink_type_link
{
	padding-top: 5px;
	background-position: right 5px !important;
}

/* End WebLink classes ---------------------------------------------------------------------------- */



/* Footer classes --------------------------------------------------------------------------------- */

.clsFooter /* controls entire bottom portion of page (main options: background-color, padding) */
{
	background: url(/images/1207FooterBg.png) scroll no-repeat center top;
	padding: 130px 150px 10px;
	color: #d8c198;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

.FooterAddress
{
	font-size: 14px;
	font-weight: bold;
}

.AVFooter
{
	color: #d8c198 !important;	
}

.AVFooter a
{
	color: #d8c198 !important;	
	font-weight: normal !important;	
}


/* End footer classes ----------------------------------------------------------------------------- */



/* Custom Photo Frame classes --------------------------------------------------------------------- */

.PF-TL,.PF-TCL,.PF-TCR,.PF-TR,.PF-Photo img,.PF-Side img,.PF-BL,.PF-BCL,.PF-BCR,.PF-BR{display:block}
.PF-TCL,.PF-BCL{float:left}
.PF-TCR,.PF-BCR{float:right}
.PF-TC{background:url(/images/1207-Photo-Frame-TC.png) scroll repeat-x center top}
.PF-BC{background:url(/images/1207-Photo-Frame-BC.png) scroll repeat-x center top}
.PF-Side{background:url(/images/1207-Photo-Frame-Side-Bg.png) scroll repeat-y left top}			

/* End Custom Photo Frame classes ----------------------------------------------------------------- */