/* 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: #eeeeee;
	Dark: #47aa42;
	
* Association: 61-AssociationVoice Redesign 11-11-09

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

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

body
{
	height: 95%;
	background: #fff url(/images/834BodyBg.gif) repeat-x scroll top center;
	color: #333;
	font: 12px/20px Arial, Helvetica, sans-serif;
}

a
{
	font-weight: bold;
}

a:link
{
	color: #da4e00;
	text-decoration: none;
}

a:visited
{
	color: #da4e00;
	text-decoration: none;
}

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

a:active
{
}

h1
{
	color: #47aa42;
	font: bold 24px/32px Arial, Helvetica, sans-serif;
	text-align: left;
}

h2
{
	color: #47aa42;
	font: bold 20px/28px Arial, Helvetica, sans-serif;
	text-align: left;
}

h3
{
	color: #47aa42;
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	text-align: left;
}


p, td
{
	color: #333;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

form
{
  margin-bottom: 0px;
}

input, select, textarea, checkbox
{
	padding-left: 3px;
	font: 12px Arial, Helvetica, sans-serif;
}	 

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



/* Wrapper Classes -------------------------------------------------------------------------------- */

/*
.ContentWrapper
{
}

#TopWrapperContainer 
{
	display: table-row;
}

* html #TopWrapperContainer
{
	display: block;
}

.TopWrapper
{
	height: 30px;
	width: 960px;
	background: #fff url(/images/wrappers/834Top.gif) no-repeat scroll top left; 
	overflow: hidden;
}

.TopWrapperLeft
{
	height: 30px;
	width: 9px;
	background: #fff url(/images/wrappers/834TopLeft.gif) no-repeat scroll top left; 
	overflow: hidden;
}

.TopWrapperRight
{
	height: 30px;
	width: 9px;
	background: #fff url(/images/wrappers/834TopRight.gif) no-repeat scroll top left; 
	overflow: hidden;
}

.LeftWrapper
{
	height: 20px;
	width: 9px;
	background: #fff url(/images/wrappers/834Left.gif) repeat-y scroll top left; 
	overflow: hidden;
}

.RightWrapper
{
	height: 20px;
	width: 9px;
	background: #fff url(/images/wrappers/834Right.gif) repeat-y scroll top left; 
	overflow: hidden;
}

.BottomWrapper
{
	height: 25px;
	width: 960px;
	background: #fff url(/images/wrappers/834Bottom.gif) no-repeat scroll top left; 
	overflow: hidden;
}

.BottomWrapperLeft
{
	height: 25px;
	width: 9px;
	background: #fff url(/images/wrappers/834BottomLeft.gif) no-repeat scroll top left; 
	overflow: hidden;
}

.BottomWrapperRight
{
	height: 25px;
	width: 9px;
	background: #fff url(/images/wrappers/834BottomRight.gif) no-repeat scroll top left; 
	overflow: hidden;
}
*/

/* End wrapper classes ---------------------------------------------------------------------------- */



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

.clsPage /* table containing both the sign in bar and header bar */
{
	background: #fff url(/images/834PageBg.gif) repeat-y scroll top left;
}

.clsTopSignIn /* background for top most bar */
{
	padding: 30px 9px 10px 9px; 
	background: #fff url(/images/834SignInBg.gif) no-repeat scroll top center;
}

.clsTopLogoImage /* table class which contains the .clsLogoImage class (almost identical) */
{
	margin: 2px;
} 

.clsLogoImage /* background color or image for header/logo image */
{
}

td.clsLogoImageText /* deprecated - clsLogoText does the same thing */
{
}

.clsNavLogoText /* text that is displayed if no header is designated */
{
}

td.clsLogoText /* container for .clsNavLogoText above */
{
}

.clsSearch
{
	padding: 4px 29px 22px 18px;
	background: url(/images/834SearchLeft.gif) no-repeat scroll top left;	
}

.clsSearch input
{
	height: 24px;
	padding: 5px 0 0 0;
	background: url(/images/834SearchBg.gif) no-repeat scroll top left;
}

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

.clsSearchButtonContainer
{
	width: 30px;
	height: 24px;
	overflow: hidden ;
	background: url(/images/834SearchButton.gif) no-repeat scroll top right;
}

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



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

#fscroller
{
	height: 18px !important;
}

.clsLeftPane /* container for alerts */
{
}

.clsFader /* general display properties for alerts */
{
	padding: 0 0 12px 45px;
	background: #fff url(/images/834PageBg.gif) repeat-y scroll top left;
	color: #da4e00;
	font: bolder 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.clsFader a, .clsFader a:visited /* link properties if the alert is linked */
{
	color: #da4e00;
	text-decoration: none;
}

.clsFader a:hover /* hover over the link */
{
	color: #da4e00;
	text-decoration: underline;
}

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



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

#slidemenubar /* horizontal menu */
{
	margin: 0;
	padding: 10px 0 30px 47px;
	background: url(/images/834NavBg.gif) no-repeat scroll top left;
}

#slidemenubar a, #slidemenubar a:visited /* top-level menu items */	
{
	margin: 0;
	padding: 10px 22px 11px 23px;
	background: url(/images/834MenuItemBg.gif) no-repeat scroll center right;
	color: #666;
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	cursor: pointer;
}

#slidemenubar a:hover /* selected or hovered over at the top-level */
{
	background: #ffffff url(/images/834MenuItemBg.gif) no-repeat scroll center right;
	color: #1b8821;
}

#slidemenubar a:active
{
	border: 1px thin #ffffff;
}

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

.slidemenu .options /* drop down menu container */
{
	width: 229px;
	padding: 5px 0 15px 0;
	background: url(/images/834SubNavBg.png) no-repeat scroll bottom left;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}

.slidemenu a, .slidemenu a:link, .slidemenu a:visited /* item in the drop down menu */	
{
	padding: 7px 30px 2px 20px;
	color: #666;
	font: 14px/normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

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

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

#homeIcon
{
	margin-bottom: -4px;
}
/* End new slide out menu classes ----------------------------------------------------------------- */



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

.clsMainPane /* main content container */
{
	height: 95%;
	padding: 10px 75px 50px 75px;
	background: #fff url(/images/834PageBg.gif) repeat-y scroll top left;
}

table.clsPageMenu /* controls the upper portion of the page when buttons are present */
{
}

table.clsPageMenu td /* tighter control for laying out subnav */
{
}

table.clsPageMenu td a /* controlling link on buttons */
{
}

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



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

.clsHeader /* page title */
{
	padding: 20px 0 10px 0;
	color: #47aa42;
	font: bold 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 1px;
}

.clsHeader a, .clsHeader a:visited, .clsHeader a:hover /* page title link */
{
	color: #47aa42;
	font: bold 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
}

.clsHeaderPopUp /* new popup header class w/o the padding - ts 3/16/04 (TBD) */
{
	color: #47aa42;
	font: bold 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}

.clsNoHeader /* used in pages with no header information (upload member picture) */
{
	color: #47aa42;
	font: bold 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
}

.clsBodyText /* controls body text for main sections */
{
	color: #333;
	font: 12px/18px Arial, Helvetica, sans-serif;
	text-align: justify;
}

.clsBodyText a, .clsBodyText a:visited /* body text links */
{
	font-weight: bold;
	color: #da4e00;
	text-decoration: none;
}

.clsBodyText a:hover /* body text links hover */
{
	font-weight: bold;
	color: #da4e00;
	text-decoration: underline;
}

td.clsBodyText /* removes hardcoded 1px padding */
{
	padding-left: 0px!important;
}

.clsInstructions /* text that appears next to balloons */
{
	font-size: 10px;
}

.clsSmallText /* style used mainly for the editor */
{
    color: #000 !important;
    font-size: 9px;
}

.clsCaption /* style used mainly for the editor */
{
	color: #000;
	font-size: 12px;
	font-weight: normal;
}

.clsError /* error text */
{
  color: #0000ff;
	font-size: 12px;
	font-weight: bold;
}

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

.clsSuccess /* deprecated - only in files found in the "old" directory */
{
  color: #396;
	font-size: 12px;
  font-weight: bold;
}

td.clsGreyItalic /* page credits "Posted By", "Created By", etc' */
{
	color: #666;	
	font-size: 10px;
	font-style: italic;
}

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

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

.clsSignIn a /* style sign in link on certain pages  */
{
}

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

.clsCopyright /* deprecated - only found in hoawfl_tpl.asp */
{
  color: #000;
}

.clsCopyright a /* deprecated - only found in hoawfl_tpl.asp */
{
  color: #000;
  font-size: 9px;
}

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



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

td.clsLabel /* text labels on controls */
{
	font-size: 12px;
	font-weight: bold; 
}

.clsLabelMand /* required text labels on controls */
{
	font-size: 12px;
	font-weight: bold;
}

.clsButton /* button container */
{
	padding: 2px;
}

.clsButton a /* style for button itself */
{
	padding-left: 10px;
	border-top: 2px solid #fa6a23;
	border-right: 2px solid #ca6624;
	border-bottom: 2px solid #ca6624;
	border-left: 2px solid #fa6a23;
	background: #da4e00;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.clsButton A:visited /* style for buttons that have already been clicked/visited */
{
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.clsButton A:hover /* style for hovered state of button */
{
	background: #fa6a23;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.clsRadio /* style for radio buttons */
{
  font-size: 13px;
}

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



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

td.clsGridHeader /* title for search results */
{
	padding: 5px;
	background: #47aa42;
  color: #fff;
	font-weight: bold;
	text-align: center;
}

td.clsGridData /* search results */
{
	font-size: 12px;
}

td.clsGridDetail /* containing cell for search result data */
{
    font-size: 12px;
}

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



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

.clsFullMonth, select.clsFullMonth /* header title or dropdown */
{
    background: #47aa42;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.clsCalDay, .clsCalDay a /* date number */
{
	font-size: 12px;
}

.clsCalDayNM /* date number outside of current month */
{
	color: #999;
	font-size: 12px;
}

.clsCalCurrentDay /* current day highlight */
{
	border-color: 2px solid #cc0000;
	font-size: 12px;    
}

.clsCalEvents /* events */
{
	color: #ccc;
	font-size: 12px;
}

.clsCalHoliday /* holiday designations */
{
	background: #ccc;
	font-size: 12px;
}

.clsCalHoliday a /* holiday linked text */
{
	font-size: 12px;
}

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

.calEvent
{
	color: #666;
	line-height: normal;
}

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



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

.clsTree /* overall div container class */
{
}

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

.clsTreeNdeActive /* could not produce style */
{
	background: #000080;
  color: #fff;
}

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



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

td.clsDMData /* TBD */
{
  font-size: 11px;
}

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

td.clsDMLabel /* TBD */
{
  font-size: 11px;
}

td.clsDMAddress /* account address for member */
{
	font-size: 14px;
}

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

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

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



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

td.clsWebLinkHdr /* TBD */
{
  color: #000;
	font-size: 12px;
	font-weight: bold;
}

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

td.clsWebLink /* TBD */
{
  color: #000;
	font-size: 12px;
	font-weight: bold;
}

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

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



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

.clsFooter /* controls entire bottom portion of page (main options: background-color, padding) */
{
	padding: 30px 20px 0 25px;
	background: #fff url(/images/834FooterBg.gif) no-repeat scroll top left;
	color: #999;
	font: bold 12px/18px Arial, Helvetica, sans-serif !important;
	text-align: center;
}

td.clsFooter table tbody tr td a, td.clsFooter table tbody tr td a:visited
{
	color: #999 !important;
	font: 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

td.clsFooter table tbody tr td a:hover
{
	color: #DA4E00 !important;
	text-decoration: none;
}

.clsSmall /* controls footer text */
{
	color: #999 !important;
	font: bold 12px/18px Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	text-align: center;
}

a.clsSmall, a.clsSmall:visited 
{
	color: #999 !important;
	font: bold 12px/18px Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	text-align: center;
}

a.clsSmall:hover
{
	color: #DA4E00 !important;
	text-decoration: none;
}


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


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


.pageContainerContent /* hack to make display properly in IE */
{
	float: left;
	width: 700px;
	margin: 0 0 0 25px;
}

.pageContent
{
	margin: 13px 0 0 0;
	padding: 0 43px;
}  

.pageContent ul
{
	margin-top: 5px;
	padding-top: 0;
}

.pageContent li
{
	margin-top: 0;
	padding-top: 12px;
}

.content ul
{
	margin-top: 5px;
	padding-top: 0;
}

.content li
{
	margin-top: 0;
	padding-top: 12px;
}

.pageContainerRight
{
	float: right;
	margin: 13px 68px 0 0;
}

.pageNextStepsTop
{
	width: 145px;
	height: 27px;
	background: url(/HOA/Associ/images/AssociationVoice-Next-Steps-Top.gif) no-repeat left top;
}

.pageNextStepsTitle
{
	padding: 4px 0 4px 10px; 
	font: bold 11px/11px Verdana,Arial,Helvetica;
	color: #fff;
}

.pageNextStepsText
{
	width: 145px;
	margin: 0;
	padding: 0;  
	background: url(/HOA/Associ/images/AssociationVoice-Next-Steps-Body.gif) repeat-y left top;
}

.pageNextStepsText ul
{
	margin: 0;
	padding-top: 0;  
	padding-left: 10px;
	list-style-type: none;
}

.pageNextStepsText ul li
{
	margin-bottom: 7px; 
	padding-left: 25px;
  font: 12px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
}

.pageNextStepsGetStarted
{
	padding-top: 3px;
	background: url(/HOA/Associ/images/Next-Steps-Free-Trial.gif) no-repeat left center;
}

.pageNextStepsOnlineDemo
{
	background: url(/HOA/Associ/images/Next-Steps-Online-Demo.gif) no-repeat left center;
}

.pageNextStepsTestimonials
{
	background: url(/HOA/Associ/images/Next-Steps-Testimonials.gif) no-repeat left center;
}

.pageNextStepsContactMe
{
	background: url(/HOA/Associ/images/Next-Steps-Contact-Me.gif) no-repeat left center;
}

.pageNextStepsResourceCenter
{
	background: url(/HOA/Associ/images/Next-Steps-Resource-Center.gif) no-repeat left center;
}

.pageNextStepsBottom
{
	width: 145px;
	height: 10px;
	margin-top: -8px; 
	background: url(/HOA/Associ/images/AssociationVoice-Next-Steps-Bottom.gif) no-repeat left top;
	font: 0/0; 
}

.pageTestimonialsTop
{
	width: 145px;
	height: 16px;
	margin: 17px 0 0 0;
	padding: 0;
	background: url(/HOA/Associ/images/Testimonials-Top.gif) no-repeat left top;
	font: 0/5px; 
}

.pageTestimonialsBody
{
	width: 145px; 
	margin: -2px 0 0 0; 
	padding: 0;
	background: url(/HOA/Associ/images/Testimonials-Body.gif) repeat-y left top; 
} 

.pageTestimonialsQuoteOpen
{
	margin: 0 0 0 10px; 
	padding: 4px 10px 0 5px; 
	background: url(/HOA/Associ/images/Testimonials-Quotes-Open.gif) no-repeat left top; 
	font: 11px/15px Georgia,Times New Roman,Times,serif; 
	text-align: left;
	text-indent: 14px; 
}

.pageTestimonialsQuoteClose
{
	margin: 0 0 0 -5px;
}

.pageTestimonialsBar
{
	margin: 10px 0 0 15px; 
	padding: 0 10px 0 15px; 
	background: url(/HOA/Associ/images/Testimonials-Credit-Bar.gif) no-repeat left top; 
	font: italic 11px/15px Georgia,Times New Roman,Times,serif; 
	text-align: left; 
}

.pageTestimonialsBottom
{
	width: 145px; 
	height: 10px; 
	background: url(/HOA/Associ/images/Testimonials-Bottom.gif) no-repeat left top; 
}


.testimonialsQuoteOpen
{
	padding: 4px 10px 0 5px;
	background: url(/HOA/Associ/images/Testimonials-Quotes-Open.gif) no-repeat left top;
	margin: 0 0 0 10px;
	text-indent: 14px;
	line-height: 15px;
}

.testimonialsBar
{
	padding: 0 10px 0 15px;
	margin: 10px 0 0 14px;
	background: url(/HOA/Associ/images/Testimonials-Credit-Bar.gif) no-repeat left top;
	line-height: 15px;
	font-style: italic;
}

.testimonialsGetStarted
{
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
}


.promoContainer
{
	width: 960px;
	height: 234px;
	background: #ffffff url(/hoa/Associ/images/promo-bg.png) no-repeat scroll top left;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}

.promoPhoto
{
	width: 183px;
	height: 182px;
	float: left;
	margin: 25px 0 0 27px;				
}

.promoQuote
{
	width: 461px;
	height: 90px;
	float: left;
	margin: 25px 0 0 0;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}

.promoCredit
{
	width: 461px;
	height: 80px;
	float: left;
	margin: 0 0 0 -3px;
	padding: 0;
	vertical-align: top;
	text-align: left;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}


.promoDemoButton
{
	width: 250px;
	height: 80px;
	float: left;
	margin: 35px 0 0 0;
	border: 0;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}

.promoTrialButton
{
	display: inline-block;
	width: 250px;
	height: 80px;
	float: left;
	margin: 0 0 0 -6px;
	border: 0;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}


/*  New Module Classes 03-03-11  */

.promotion
{
	width: 960px;
	height: 180px;
	margin-right: auto;
	margin-left: auto;
	background: url(/HOA/Associ/images/promotion-bg.png);
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}

.promotionContent, .promotionButtons
{
	float: left;
	line-height: 0;
}
		

.moreInformation
{
	float: right;
	width: 270px;
	margin: 0 0 30px 0;
	padding: 0;
	background: url(/HOA/Associ/images/moreInformation-bg.png) no-repeat scroll left top;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}

.moreInformation h1
{
	margin: 0;
	padding: 8px 15px 10px 15px;
	font: bold 15px/15px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.moreInformation a
{
	display: block;
	margin: 0;
	padding: 0 15px;
	font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #DA4E00;
	text-decoration: none;
}

.moreInformation img.moreInformationIcon
{
	width: 42px;
	height: 45px;
	vertical-align: middle;
	margin-top: -3px;
	border: 0;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}
			

.testimonial
{
	float: right;
	clear: right;
	width: 270px;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	background: url(/HOA/Associ/images/testimonial-bg.png) no-repeat scroll left bottom;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}

.testimonial p.quote
{
	margin: 0;
	padding: 0 15px;
	font: 11px/15px Georgia,Times New Roman,Times,serif;
}

.testimonial p.credit
{
	margin: 10px 30px 0;
	padding: 0 15px;
	background: url(/HOA/Associ/images/testimonial-credit-bar.png) no-repeat scroll left top;
	font: 11px/15px Georgia,Times New Roman,Times,serif;
	text-align: left;
	behavior: url("/library/behaviors/iepngfix.htc");/*ie 5, 6*/
}


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


#videoLayer
{
	position:fixed;
	background-color: none;
	width:150px;
	height:400px;
	z-index:1001;
	bottom: 1px;
	right: 1px;
}