/* added dec1709 

    *  Insert my 'branded' header as the website header (see below)
    * Use the graduated color bar attached for the background image (down the sides of the webpage)
    * For the VIP access bar, use white text on red #C41230
    * For the contact info bar (immediately beneath the header image) use white text on red #C41230
    * Delete the Maxwell logo from this bar, change my address from Calgary to Canmore.
    * For the navigation bar immediately below that use white text on deep red #A71828
    * For all other text in the body of the website, use deep red #A71828 and the lighter red #C41230 for "Contact me", "more" "links" etc.

*/

body {
background:#a41727 url(siteBG.jpg) repeat-x scroll left top;
}

#headerArea {
height:200px !important;
}

#contactArea {
background-image:none;
background-color:#C41230;
}

#brokerLogo {
display:none;
}

#mainMenuContainer {
background-image:none;
background-color:#A71828;
}

#pageendArea img {
display:none;
}

#footerArea {
color:#b43b49;
}

#footerArea a {
color:#b43b49;
}

#footerArea a:hover {
color:#ffffff;
}

/* menu changes ***************************************************** */

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { /* top level text link */
color:#ffffff;
}

#nav-one li.ieHover a { /* top level text hover style */
color: #F9DADE;
}

	#nav-one li.ieHover ul a { /* first dropdown text link and box default state */
	border-top: 1px solid #911523;
	background:#ab2433;
	color:#ffffff;
	}

/* list containing 1st level drop-down - ONLY EDIT BOTTOM BORDER */
.nav ul {
  border-bottom: 1px solid #911523;
}

/* ----- NOTE: -------------------------------------
the below class, 'onPopOut' is used in the JS to keep this
level highlighted with the third menu item is fired
--------------------------------------------------- */
	#nav-one li.ieHover ul a:hover, #nav-one li.ieHover ul a.onPopOut { /* first dropdown text link and dropdown box hover state */
	background: #B0303E;
	color: #F9DADE;	
	}

		#nav-one li.ieHover ul li.ieHover ul a { /* second dropdown text link and box default state */
		border-top: 1px solid #911523;
		background:#ab2433;
		color:#ffffff;
		}
		
		#nav-one li.ieHover ul li.ieHover ul a:hover { /* second dropdown text link and dropdown box hover state */
		background:#B0303E;
		color: #ffffff;	
		}

/* VIP AREA -------------------------------------------------- */

	#dashboard {
	background:url(vipBg.gif) no-repeat top left;
	}	
	
		#dashboard a{
		font-size:10px;
		color:#ffffff;
		}
		
		#dashboard a:hover{
		color:#FCDBE1;
		}
			
		#dashboard_logo {
		background:url(vipLogo.jpg) no-repeat top left;
		}
		
		#dashboard .submit {
		color:#9D0E26;
		border-top:1px solid #FAE9CD;
		border-right:1px solid #B17713;
		border-bottom:1px solid #B17713;
		border-left:1px solid #EBCEB8;
		background-color:#EFC16B;
		}
		
		#dashboardContent {
		border-color:#A1B26E;
		background-color:#B4102C;
		}

		#vipMenu li a {
		background-color:#9D0E26;
		color:#ffffff;
		}
		
		#vipMenu li a:hover, #vipMenu li a.over {
		color:#ffffff;
		background-color:#B4102C;
		}