h1 { font-family: "Century Gothic", arial,helvetica,sans serif; font-size: 36px; color: #AAB52A; font-weight: 400; line-height: 44px; }
p, li, ul { font-family: "Century Gothic", arial,helvetica,sans serif; font-size: 13px; color: #333333; line-height: 22px; text-align: justify; }
.footer { font-family: "Century Gothic", arial,helvetica,sans serif; font-size: 11px; line-height: 18px; font-weight: 400; }
td { font-family: "Century Gothic", arial,helvetica,sans serif; font-size: 14px; line-height: 22px; }

.menu a:link, a:visited, a:hover, a.menuLink { 
	font-family: "Century Gothic", arial,helvetica,sans serif;
    color: #535353;
	font-size: 16px;
    line-height: 22px;
	text-decoration: none;
}
/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
.selectedanchor{ background: white; }

/* ######### Default class for drop down menus ######### */
.anylinkcss{ position: absolute; left: 0; top: 0; visibility: hidden; border: 1px solid black; border-bottom-width: 0;
	z-index: 100; /* zIndex should be greater than that of shadow's below */ 
	background: white;
	width: 220px; /* default width for menu */
	font-family: "Century Gothic", arial,helvetica,sans serif;
    color: #535353;
	font-size: 16px;
}
.anylinkcss ul{ margin: 0; padding: 0; list-style-type: none; }
.anylinkcss ul li a{ width: 100%; display: block; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none;  text-indent: 5px; }
/*hover background color*/
.anylinkcss a:hover{ background: black; color: white; }

/* ######### class for shadow DIV ######### */   /*CSS for shadow. Keep this as is */
.anylinkshadow{ position: absolute; left: 0; top: 0; z-index: 99; /*zIndex for shadow*/ background: black; visibility: hidden; }