p {font-size:small;}
p {margin:0; padding:0;}

.details {position:relative; width:250px; background:white; padding:10px;}
.propertyDetails {position:absolute; top:10px; right:10px;}
/* Global Styles */

	A               {text-decoration:none}

	/* Top Drop Down Menu Styles */
	/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

		/* style for the containing div for the menu */
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#topdropmenu 
		{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:83%;
			z-index:9999;
			width:100%;
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#topdropmenu ul 
		{
			list-style:none;
			margin:0px;
			padding:0px;
			z-index:9999;
		}
		
		/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
		div#topdropmenu a {
			display:block;
			margin:0px;
			height:100%;
			text-decoration:none;
			z-index:9999;
		}

		/* default li tag style for this menu - you probably won't need to change this */
		/* the postion:relative and float:left are critical to the correct operation of the menu */
		div#topdropmenu ul li	{position:relative; float:left; margin:0px;}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#topdropmenu ul ul {
			position:absolute;
			z-index:9999;
		}

		/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#topdropmenu ul ul, 
		div#topdropmenu ul li:hover ul ul,
		div#topdropmenu ul ul li:hover ul ul,			
		div#topdropmenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#topdropmenu ul li:hover ul,
		div#topdropmenu ul ul li:hover ul,
		div#topdropmenu ul ul ul li:hover ul,
		div#topdropmenu ul ul ul ul li:hover ul
		{
			display:block;
			z-index:9999;
		}
	
	/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
	
	/* This section defines the width of the menu items at different levels */
	div#topdropmenu ul.L0		{width:960px;} /* defines the total width of the top menu */
	div#topdropmenu ul.L1		{width:220px;} /* width of level 1 leaves */
	div#topdropmenu ul.L2		{width:170px;} /* width of level 2 leaves */
	
	/* defines position of drop down leaves */
	div#topdropmenu ul.L0 ul	{top:24px; left:0;} /* position of first leaf */
	div#topdropmenu ul.L1 ul	{top:-1px; left:100%;} /* position of second leaf */
	div#topdropmenu ul.L2 ul	{top:-1px; left:100%;} /* position of third leaf - if there is one*/

	/* defines width of menu items */
	div#topdropmenu ul.L0 li	{} /* level 0 items */
	div#topdropmenu ul.L1 li	{width:220px;} /* level 1 items */
	div#topdropmenu ul.L2 li	{width:170px;} /* level 2 items */
	
	/* defines height and width of a tags within the above li tags*/
	/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
	/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
	/* change the padding styles, but exercise some caution with different browsers*/
	div#topdropmenu ul.L0 li a	{height:19px; font-size:1.1em; font-weight:normal; padding-top:1px; padding-left:15px; padding-right:15px; float:left;}
	div#topdropmenu ul.L1 li a	{width:200px; height:auto; font-size:100%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	div#topdropmenu ul.L2 li a	{width:150px; height:auto; font-size:100%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	
	/* end top menu bar*/
	a img
	{
		border-style:none;
	}
	
	
	/*Top Drop Down Menu Color Selection Styles */

	/* All Level Styles*/
	#topdropmenu			{z-index:9999; background:#353b6a url(/laf/topnavBG.jpg) top left repeat-y;}	
	#topdropmenu a			{z-index:9999;}
	#topdropmenu a:hover	{z-index:9999;}

	/* Level 0 Styles */
	#topdropmenu UL UL.L0			{}	/* level 0 "leaf" properties - not really a leaf since its the top level */
	#topdropmenu a.L0hc				{z-index:9999; color:#2D407C; border-right:1px solid #fff; }  /* level 0 item with children properties. defines background color and bullet image */
	#topdropmenu a.L0nc				{z-index:9999; color:#2D407C; border-right:1px solid #fff; } /* level 0 item with no children properties. defines background color*/
	
	#topdropmenu a.L0hc:hover		{ z-index:9999; color: #000000; background:#ffffff url(../../../images/dnArwGrey.gif) right center no-repeat;}	/* hover effect for level 0 with children */
	#topdropmenu a.L0nc:hover		{z-index:9999; color: #000000; background:#ffffff;} /* hover effect for level 0 with no children */

	
	/* Level 1 Styles */
	#topdropmenu UL UL.L1			{border:1px solid black;}
	#topdropmenu a.L1hc				{color:#000000; background:#353b6a url(../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L1nc				{color:#FFFFFF; background:#353b6a;}
	
	#topdropmenu a.L1hc:hover		{color:#000000; background:#ffffff url(../../../images/rtArwGrey.gif) right center no-repeat;}	
	#topdropmenu a.L1nc:hover		{color:#000000; background:#ffffff;}

	/* Level 2 Styles */
	#topdropmenu UL UL.L2			{border:1px solid black;}
	#topdropmenu a.L2hc				{color:#000000; background:#d8d8d8 url(../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L2nc				{color:#000000; background:#d8d8d8;}
	
	#topdropmenu a.L2hc:hover		{color:#000000; background:#ffffff url(../../../images/rtArwGrey.gif) right center no-repeat;}	
	#topdropmenu a.L2nc:hover		{color:#000000; background:#ffffff; z-index:9999;}

/* --- site map --- */
.sitmp0 {margin-top:7px;}
.sitmp0 a {font-weight:bold;}

#map {z-index:0;}
