/* Color 1 Standard beneath address  - #A6B4CC */
/* Color 1a Light                    - #BCCCE7 */
/* Color 1b Lighter                  - #D8E5FF */
/* Color 1c Lighter Still            - #D2E5F0 */
/* Color 1d Lightest                 - #E5F0FF */

/* Color 2 Standard under logo       - #728067 */
/* Color 2a Light                    - #8A9980 */
/* Color 1b Lighter                  - #A4B499 */
/* Color 2c Lighter Still            - #BECCB5 */
/* Color 2d Lightest                 - #F0F0E5 */

/* Color 3 Standard in margins       - #F0F0E5 */

/* Standard Text Color               - #666666 */
/* Line Color seperating boxes       - #CCCCCC */
/* Lightest Gray				     - #F0F0F0 */

/* ******************** */
/* HTML TAG DEFINITIONS */
/* ******************** */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #728067
	}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px 
	}
	
td {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px
	}
	
i {
	font-family: Trebuchet MS, Times, serif;
	font-style: normal;
	font-weight: normal
	}
	
b {
	font-weight: bold;
	color: #728067;
	}

strong {
	font-weight: bold;
	color: #728067;
	}
	
img {
	border:0px
	}
	
a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

a:hover { 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: underline
	}
	
a:visited { 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: underline
	}

a:active{ 
	font-weight: bold;
	color: #666666;
	text-decoration: none
	}

blockquote {
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px
	}

ul { 
	line-height: 120%;
	list-style-type: circle;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px
	}

ol { 
	line-height: 120%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px
	}

li {
	margin-top: 5px;
	margin-bottom: 5px 
	}

h6 { 
	font-family: Verdana, Helvetica, Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #728067;
	margin-top: 0px;
	margin-bottom: 0px 
	}

h5 { 
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px 
	}

h4 { 
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 12px;
	color: #728067;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px 
	}

h3 { 
	font-family: Impact, Verdana, Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	margin-top: 0px;
	margin-bottom: 0px 
	}

h2 { 
	font-family: Impact, Verdana, Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #728067;
	margin-top: 0px;
	margin-bottom: 0px 
	}

h1 { 
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 16px;
	color: #728067;
	margin-top: 0px;
	margin-bottom: 0px 
	}
	
img {
	border: 0px
	}
	
/* **************************** */
/* TABLE CELL COLOR DEFINITIONS */
/* **************************** */	
	
.lineColor { 
	background-color: #CCCCCC
	}

.color01 { 
	background-color: #F0F0E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #728067
	}
	
/* ********************** */
/* TEXT CLASS DEFINITIONS */
/* ********************** */

/* Colors for text and background for regular content pages */	
.content { 
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFF0
	}

.content a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

.content a:hover { 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: none
	}

.content a:visited { 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}

.content a:active{ 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}	
	
/* Colors for text and background for alternate background color content */	
.content2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #E5E5CC
	}

.content2 a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

.content2 a:hover { 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: none
	}
	
.content2 a:visited { 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}

.content2 a:active{
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}



/* Margins for space around logo */
.logo {
	border: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -5px
	}	
	

/* Link to upper section below logo */
.headerlink { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: 669999;
	text-decoration: none;
	background-color: #728067;
	padding-top: 1px;
	padding-bottom: 1px
	}

.headerlink a:link {
	font-weight: bold;
    color: #8A9980;
	text-decoration: none
	}

.headerlink a:hover { 
	font-weight: bold;
	color: #D2E5F0;
	text-decoration: none
	}
	
.headerlink a:visited { 
	font-weight: bold;
	color: #8A9980;
	text-decoration: none
	}

.headerlink a:active{ 
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
	}
	
	
/* Link to Directions page (address stated below slogan image) */
.address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #D8E5FF;
	text-decoration: none;
	background-color: #A6B4CC;
	padding: 1px
	}
	
.address a:link {
	font-weight: bold;
    color: #D8E5FF;
	text-decoration: none
	}

.address a:hover { 
	font-weight: bold;
	color: #FFFFF0;
	text-decoration: none
	}
	
.address a:visited { 
	font-weight: bold;
	color: #D8E5FF;
	text-decoration: none
	}

.address a:active{ 
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
	}
	
	
/* Bullets next to left-hand main menu */	
.symbol { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;  
	font-weight: bold;
	color: #728067;
	text-decoration: none
	}
	
	
/* Links in left-hand main menu */	
.navlink { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #707F99;
	text-decoration: none;
	line-height: 10px
	}

.navlink a:link {
	font-weight: bold;
    color: #707F99;
	text-decoration: none;
	background-color: #F0F0E5
	}

.navlink a:hover {
	font-weight: bold;
	color: #A6B4CC;
	text-decoration: none;
	background-color: #FFFFF0
	}

.navlink a:visited {
	font-weight: bold;
	color: #A6B4CC;
	text-decoration: none
}

.navlink a:active{ 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: none;
	background-color: #FFFFFF
	}
	
	


/* Title of page below upper section link and logo */
.title { 
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #BCCCE7;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px
	}



/* Breadcrumbs trail links and static text */
.breadcrumbs { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #D8E5FF;
	text-decoration: none;
	background-color: #BCCCE7
	}
	
.breadcrumbs a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

.breadcrumbs a:hover { 
	font-weight: bold;
	color: #D2E5F0;
	text-decoration: none
	}
	
.breadcrumbs a:visited {
	font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

.breadcrumbs a:active{ 
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
	}
	
	
/* Colors for text and background in left-hand adspace */	
.navback {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707F99;
	background-color: #D8E5FF
	}

.navback a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

.navback a:hover { 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: none
	}
	
.navback a:visited { 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}

.navback a:active{
	font-weight: bold;
	color: #A6B4CC;
	text-decoration: none
	}
	
	
/* Colors for text and background for headers in left-hand adspace */
.navheader { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #BCCCE7
	}
	
.navheadersub { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background-color: #E5F0FF
	}
	
	
/* Colors for text and background for day on Calendar page with no events */	
.calendarday { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #E5F0FF
	}

.calendarday a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

.calendarday a:hover { 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: none
	}

.calendarday a:visited { 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}

.calendarday a:active{ 
	font-weight: bold;
	color: #A6B4CC;
	text-decoration: none
	}
	
	
/* Colors for text and background for day on Calendar page with events */	
.calendarevent { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF
	}

.calendarevent a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none;
	background-color: #FFFFFF
	}

.calendarevent a:hover { 
	font-weight: bold;
	color: #D2E5F0;
	text-decoration: none;
	background-color: #A6B4CC
}

.calendarevent a:visited { 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: none
}

.calendarevent a:active{ 
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A6B4CC
	}
	
	
	
/* Text above search box on Calendar section */
.searchtext { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #707F99
	}
	
	
/* Colors for headers on left column of calendar page */
.eventheader { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #728067;
	text-decoration: none
	}

.eventsheader { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A6B4CC;
	text-decoration: none
	}
	
	
/* Colors for text and background for Macerich tagline and copyright in footer */
.footercolor1 { 
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 12px;
	font-weight: bold;
	background-color: #728067;
	color: #FFFFFF
	}

.footercolor2 { 
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 12px;
	font-weight: bold;
	background-color: #728067;
	color: #8A9980
	}
	
	
/* Colors for text and background for tabs on Directory page to other levels */
.tabs { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707F99;
	background-color: #F0F0F0
	}

.tabs a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

.tabs a:hover { 
	font-weight: bold;
	color: #BCCCE7;
	text-decoration: none
	}
	
.tabs a:visited { 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}

.tabs a:active{ 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}
	
	
/* Colors for text and background for tabs on Directory page to current level */	
.tabsselected { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #707F99;
	background-color: #FFFFFF
	}

.tabsselected a:link {
    font-weight: bold;
    color: #707F99;
	text-decoration: none
	}

.tabsselected a:hover { 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}
	
.tabsselected a:visited { 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}

.tabsselected a:active{ 
	font-weight: bold;
	color: #707F99;
	text-decoration: none
	}
	
	
/* Colors for text and background for global Macerich promotions on homepage */
.promo { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #A6B4CC;
	text-decoration: none
	}

.promo a:link {
    font-weight: normal;
    color: #FFFFFF;
	text-decoration: none
	}
	
.promo a:hover { 
	font-weight: normal;
	color: #D2E5F0;
	text-decoration: underline
	}
	
.promo a:visited { 
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline
	}

.promo a:active{ 
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none
	}
	
	
	
	
/* ***************** */
/* LAYER DEFINITIONS */
/* ***************** */	
	

/* layer definition to constrain size of photo on homepage announcements */
.homepiclayer {
	position:relative;
	display:inline;
	visibility:visible;
	width:199px;
	height:199px;
	z-index:3;
	overflow: hidden;
	clip: rect(0 199 199 0);
	border: 0px none #000000;
	padding:0px
	}

/* layer definition to constrain size of text on homepage announcements */
.homeeventlayer {
	position:static;
	display:inline;
	visibility:visible;
	width:399px;
	height:199px;
	z-index:2;
	overflow: auto;
	clip: rect(0 399 199 0);
	border: 0px none #000000;
	padding:10px
	}

/* layer definition to constrain size of photo on left hand advertisements */
.adspiclayer {
	position:relative;
	display:inline;
	visibility:visible;
	width:100px;
	height:100px;
	z-index:1;
	overflow: hidden;
	clip: rect(0 100 100 0);
	border: 0px none #000000;
	padding:0px
	}

/* colors for background and size of store name that displays above map on directory pages */
.tipBox {
	position: absolute;
	top:100;
	left:100;
	z-index: 100;
	width:200px;
	border: 1pt #CCCCCC outset;
	padding:3px;
	background: #707F99;
	visibility: hidden;
	font-family: Verdana ,Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF
	}

/* color for text of store name that displays above map on directory pages */
.tip {
	font-family: Verdana ,Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #707F99;
	}