#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:0px solid #000; border-color:#aaa #565656 #565656 #aaa; border-width:1px 1px 1px 1px; background:#efefef; position:relative; z-index:750;}
#nav {height:20px; padding:0;  background: transparent url("../menuimages/top_bar.gif") center top; width: 960px;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 5px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#565656; height:20px; padding-right:5px; line-height:20px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:760; background:lightblue; height:20px;}
#nav a:hover {position:relative; z-index:760; text-decoration: none; background-color: lightblue; color:#000; height: 20px; margin-left: 0;}

#nav :hover ul {left:0; top:20px;} /* no blue here */
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;} /* not blue here */

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;} /* -1 px */
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;} /* width auto */
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#000;} /* b75 */


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;} /* not blue here */

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
#nav em {display:block; float:left; width:16px; height:20px;}
#nav em.arrow {background:url(../menuimages/arrow_black_7x4.gif) no-repeat center left;}
#nav a em.arrow2 {background: url('../menuimages/arrow-up.gif') no-repeat left center;}
#nav em.ext { background:url(../menuimages/external_link.png) no-repeat center left;}
#nav em.map {background: url('../images/map.gif') no-repeat center left;}
#nav em.mls {background: url('../menuimages/mls.gif') no-repeat left center;}
#nav em.mobile {background: url('../menuimages/mobile.gif') no-repeat center left;}
#nav em.multi {background: url('../menuimages/multi.jpg') no-repeat left center;}
#nav em.page {background: url('../menuimages/page.ico') no-repeat left center;}
#nav em.pdf {background: url('../menuimages/pdficon_small.gif') no-repeat left center;}
#nav em.repo {background: url('../menuimages/home-icon.gif') no-repeat center left;}
#nav em.spacer {background: url('../images/spacer.gif') no-repeat left center;}
.arrowr {background: url('../menuimages/arrow.gif') no-repeat right center; height: 7px; margin-top: 2px;}
#nav #vcurrent a {text-decoration: none; background-color: lightblue; color: #fff;}
#nav #vcurrent {text-decoration: none; background-color: lightblue; color: #fff; border: #565656;}

/* ######### Default class for drop down menus ######### */
.urbangreymenu{
clear: all;
width: 150px; /*width of menu*/
text-align: left; 
margin-left: 0px;
}

.urbangreymenu .headerbar{
font: bold 13px Arial;
color: #fff;
width: 150px;
background: #cdcdcd;
background: #e3e3e3;

background: url(../menuimages/pro_line_0.gif) center top; /* none */;
margin-top: 0px;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
/* text-indent: 10px; */
padding: 7px 0 7px 0; /* 31px is left indentation of header text*/
text-align: center;
border-bottom: 1px gray solid;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}

.urbangreymenu .topbar{
font: bold 12px Arial;
color: #fff;
width: 148px;
background: #e3e3e3;
background: url(../menuimages/red.jpg) center top; /* none */;
margin-top: 0px;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
/* text-indent: 10px; */
padding: 5px 0 7px 0; /* 31px is left indentation of header text*/
text-align: center;
border-bottom: 1px gray solid;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 11px Arial;
color: black;
position: relative;
background: #8cb9c1;
background: #fff;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
border: 1px gray solid;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}

.urbangreymenu ul li a:visited{
color: black;
text-decoration: none;
}

.urbangreymenu ul li a:hover, .urbangreymenu ul li a.selectedanchor{ /*hover state CSS*/
color: #fff;
background: DeepPink;
background: #800000;
border: 1px gray solid;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}
.urbangreymenu .current {
background: #bfd3ec; color: gray;
}
.urbangreymenu a span {
    display: none;	
}   

.urbangreymenu a:hover {
    list-style-type: disc;
    text-decoration: none;
}
.urbangreymenu a:hover span {
   position: relative;	
   
}    

.urbangreymenu a:hover span {
	z-index: 200;
	display: block;
	position: relative;
    border: solid 1px black;
    background: #7FFFD4;
    background: lightyellow;
    width: 250px;
    color: #000000;
	border: 1px solid #C4D5E3;
	border: 1px solid #466680;
	padding:5px 9px 5px 9px;
    display: block;
    position: absolute;
    line-height: 12px;
    text-align:justify;
    top: 0px;
    left: 150px;
      
/*
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
                  startColorstr=yellow, endColorstr=lime)
                  progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135)/*alpha(opacity=85);-moz-opacity:.85;opacity:.85;*/
*/                  
font-size:10px;
font-family:Verdana,Geneva,sans-serif;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 	-moz-box-shadow: 7px 7px 7px #BBBBBB;
	-webkit-box-shadow: 7px 7px 7px #BBBBBB;
	box-shadow:7px 7px 7px darkgray;
}
/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #c0c0c0;
border-right: 1px solid #f9f9f9;
border-bottom-width: 0;
font: normal 12px Arial Unicode MS, sans serif;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #ffffff;
background: #eeeeee;
width: 150px; /* default width for menu */
}
.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
/* border-bottom: 1px solid #efefef; */
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 5px;
border: 1px solid #f9f9f9;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}
.anylinkcss ul li a:active{
color: black;
font: normal 100% Arial Unicode MS, sans serif;
text-decoration: none;
border: 1px solid #f9f9f9;
}
.anylinkcss a:link       { color: #565656; text-decoration: none;} 
.anylinkcss a:active     { color: #565656; text-decoration: none;}
.anylinkcss a:visited      { color: #565656; text-decoration: none;}

.anylinkcss a:hover{ /*hover background color*/
background: #bfd3ec;
background: #949494;
text-decoration: none;
padding: 1px 0;
text-indent: 5px;
border: 1px gray inset;
color: #ffffff;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 100px;
visibility: hidden;
border: 1px solid gold;
padding: 10px;
font: normal 12px Arial;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background-color: #8cb9c1;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7; 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}

.anylinkcsscols .column{
width: 150px;
float: left;
/* margin-left: 5px;*/
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

.menu-header {background: #4e757d;
color: gold;
height: 12px;
border: gold 1px solid;
padding: 5px 5px;
text-align: center;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
} 
.anylinkcsscols ul li a{
color: black;
width: 100%;
display: block;
text-indent: 3px;
/* border-bottom: 1px solid #efefef; */
border: 1px #f9f9f9 solid;
border: 1px #89aea5 solid; /* pop out borrders */
padding: 0px 0;
text-decoration: none;
font: normal 100% Arial Unicode MS, sans serif;
text-indent: 5px;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}

.anylinkcsscols li a:hover{ /*hover background color*/
background: #59868e;
background: DeepPink;
background: #800000;
color: #fff;
text-decoration: none;
border: 1px black solid;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
color: white;
background: #666;

}
/*
.anylinkcss2 a:link, a.selectedanchor{ color: #fff; text-decoration: none;} 
*/

a.myownclass:link       { color: black; text-decoration: none;} 
a.myownclass:active     { color: black; text-decoration: none;}
a.myownclass:visited      { color: black; text-decoration: none;}
a.myownclass:hover{ color: white;} 

.anylinkcss2{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid gold;
border-right: 1px solid gold;
border-bottom-width: 0;
font: normal 12px Arial Unicode MS, sans serif;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #8cb9c1;
background: #666;
width: 150px; /* default width for menu */
margin-top: 5px;
padding-left: 5px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
.anylinkcss2 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss2 ul li a{
width: 100%;
display: block;
text-indent: 3px;
/* border-bottom: 1px solid #efefef; */
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 5px;
border: 1px solid #8cb9c1;
border: 1px solid transparent;
}
.anylinkcss2 ul li a:active{
color: yellow;
font: normal 100% Arial Unicode MS, sans serif;
text-decoration: none;
border: 1px solid #8cb9c1;
}
.anylinkcss2 a:link       { color: yellow; text-decoration: none;} 
.anylinkcss2 a:active     { color: yellow; text-decoration: none;}
.anylinkcss2 a:visited      { color: yellow; text-decoration: none;}

.anylinkcss2 a:hover{ /*hover background color*/
background: #59868e;
background: #FF1493;
text-decoration: none;
padding: 2px 0;
text-indent: 6px;
border: 1px gold ;
color: white;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px;  
}


/* ######### class for shadow DIV ######### */

.newshadow{
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#BBBBBB, offX=6, offY=6, positive=true);
}
.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
margin-top: 5px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}

.highslide-overlay {
   display: none;
}
.highslide-header .highslide-move, .highslide-header .highslide-close {
	display: none;
}	
.pullquotem {float: right; 
	width: 200px; 
	color: #565656;
  	border: 1px solid #333; 
  	text-align: left;
   	top-margin: 1px; 
   	padding: 5px 5px 5px 5px;
   	padding-top: 0px;
   	font: 90% Arial Unicode MS, sans-serif;
   	font-weight: bold;
   	line-height: 16px;
   	margin: 0px 10px 0 3px;
	 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 	-moz-box-shadow: 7px 7px 7px #BBBBBB;
	-webkit-box-shadow: 7px 7px 7px #BBBBBB;
	box-shadow:5px 5px 5px #BBBBBB;
}
.roundtop {
 -moz-border-radius: 10px 10px 0 0 ;
 -webkit-border-radius: 10px 10px 0 0 ;
 border-radius: 7px  7px 0 0 ;
 } 
 .roundbot {
 -moz-border-radius: 0 0 10px 10px;
 -webkit-border-radius:  0 0 10px 10px;
 border-radius:  0 0 12px 12px;
 padding-bottom: 5px;
 } 
.round1 {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 } 
.pullquotem ul{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 12px;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}
.headertop{
font: bold 12px Arial;
color: #fff;
background: gainsboro;
background: url(../menuimages/bar_gray_blue.jpg) center center; /* none */;
background: url(../menuimages/pro_line_0.gif) center center; /* none */;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 5px 10px;
}
.righttop{
/* text-indent: 10px; */
text-align: center;
padding: 5px 0 5px 0;
width: 230px;
margin 0 -10px; 0 -10px;
/* text-indent: 10px; */
text-align: left;
padding: 5px 0 5px 10px;
}
.round1 {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 } 

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 190px;
    font-weight: normal;
    text-align: center;
}

.article {border: 1px solid #c0c0c0; 
padding: 5px; 
}
.righttop{
font: bold 12px Arial;
color: #fff;
background: gainsboro;
background: url(../menuimages/pro_line_0.gif) center center; /* none */;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
margin-left: 0px;
text-transform: uppercase;
/* text-indent: 10px; */
text-align: center;
padding: 5px 0 5px 0;
width: 195px;
}
.articleright {border: 1px solid #c0c0c0; 
padding: 5px; 
width; 183px; 
margin-left: 0px;
background: #fff;
}
div.pullquote0 {float: right; 
	width: 200px; 
	color: #333;
  	text-align: left;
   	top-margin: 5px; 
   	padding: 5px 5px 5px 5px;
   	font: 100% Arial, Helvetica, Verdana, sans-serif;
   	margin: 1px 0 0 7px;
}
div.pullquote1 {float: left; 
	width: 180px; 
	color: #333;
  	border: 1px solid #333; 
  	text-align: left;
   	top-margin: 5px; 
   	padding: 5px 5px 5px 5px;
   	font: 100% Arial Unicode MS, sans-serif;
   	margin: 1px 10px 0 3px;
   	background-color:#efefef; 
   	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 7px 7px 7px #BBBBBB;
	-webkit-box-shadow: 7px 7px 7px #BBBBBB;
	box-shadow:5px 5px 5px #BBBBBB;
   	
}
.pullquote2 {float: right; 
	width: 180px; 
	color: #000;
  	border: 1px solid #333; 
  	text-align: left;
   	top-margin: 5px; 
   	padding: 5px 5px 5px 5px;
   	font: 80% Unicode MS, sans-serif;
   	margin: 1px 0 0 7px;
   	background-color:#f5f5f5; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 7px 7px 7px #BBBBBB;
	-webkit-box-shadow: 7px 7px 7px #BBBBBB;
	box-shadow:5px 5px 5px #BBBBBB;
}
div.pullquote3 {float: right; 
	width: 180px; 
	color: #000;
  	border: 1px solid #c0c0c0; 
  	text-align: left;
   	top-margin: 5px; 
   	padding: 5px 5px 5px 5px;
   	font: 100% Unicode MS, sans-serif;
   	margin: 1px 0 0 7px;
   		-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 7px 7px 7px #BBBBBB;
	-webkit-box-shadow: 7px 7px 7px #BBBBBB;
	box-shadow:5px 5px 5px #BBBBBB;
}
div.pullquote150 {float: right; 
	width: 150px; 
	color: #333;
  	border: 1px solid #333; 
  	text-align: center;
   	top-margin: 5px; 
   	padding: 5px 5px 5px 5px;
   	font: 100% Arial, Helvetica, Verdana, sans-serif;
   	margin: 1px 0 0 0px;
   	background-color:#efefef; FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
   startColorstr=#ffffff, endColorstr=#ffffff)progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.pullquoteright { width: 200px;
background: #dcdcdc;
color: #696969;
font-weight: bold;
margin: 10px 10px 0 10px;
float: right;
border: 1px solid #696969;
text-align: center;
}
.insidetwo { width: 190px;
background: white;
color: #000;
font-size: 80%;
font-weight: normal;
padding: 10px 5px 10px 5px; 
text-align:left;
border-top: 1px solid #696969;
}

.navlist li {display: inline;
list-style-type: none;
padding-right: 10px;
}
.pullquotemx {
list-style-type: none;
text-align: left;
margin: 0;
padding: 0px;
font-size: 10px;
   	width: 750px;
margin-bottom: 7px;   	
border: 1px solid gainsboro; 
   	background-color: #ffffff; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.pullquotemx ul li{display: inline;
	list-style-type: none;
	color: #333;
  	text-align: left;
   	top-margin: 0px; 
   	padding: 0px;
   	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   	margin: 1px 10px 0 3px;
}

.pullquotemx .headertop{font: bold 12px Arial;
color: #333;
background: gainsboro;
margin-top: 0;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
/* text-indent: 10px; */
padding: 7px 0 7px 7px; /* 31px is left indentation of header text*/
text-align: left;
}
div.scroll {
height: 200px;
width: 300px;
overflow: auto;
overflow-x:hidden;
border: 1px solid #666;
background-color: #f9f9f9;
padding: 8px;
}
.awrap {
vertical-align: text-top; 
background: #fff; 
width: 150px; 
text-align: center; 
border: 1px solid gray;
z-index: 100;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}
.awrap0 {
vertical-align: text-top; 
background: #fff; 
width: 150px; 
text-align: center; 
border: 1px solid gray
}
.barr{
font: bold 10px Arial;
color: #fff;
background: #cdcdcd;
background: url(../menuimages/pro_line_0.gif) center top; /* none */;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
margin-top: 0px;
text-transform: uppercase;
/* text-indent: 10px; */
padding: 7px 0 7px 0; /* 31px is left indentation of header text*/
text-align: center;
width: 150px;
border-bottom: 1px gray solid;
-webkit-border-radius: 8px;  
 -moz-border-radius: 8px;  
 border-radius: 8px; 
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:1205; background-color:#fff;text-decoration:underline;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.6em; left:2em; width:25em;
    font-size: 14px;
    border:1px solid #000;
   	background: #7FFFD4;
   	background: lightyellow;
    text-align: left;
    padding: 5px;
    -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 	-moz-box-shadow: 7px 7px 7px #BBBBBB;
	-webkit-box-shadow: 7px 7px 7px #BBBBBB;
	box-shadow:7px 7px 7px darkgray; 
}
.pullquote9 {background: #fff; float: right; color: #333333;
   text-align: left;
   font: 70% Arial, Helvetica, Verdana, sans-serif;
   margin: 1px 1px 1px 5px;
}