/* housing.css*/

hr {
	width: 75%;
	height: 1px;
	border-color:#000080;
}

#housing-container	{width:1000px; 
				background-color: #F0F8FF; 
				border-left: 1px solid black; 
				border-right: 1px solid silver; 
				border-bottom:1px solid silver; 
				padding-bottom:1em;}

/* F0F8FF = aliceblue */
.box			{/*position: relative;*/
				text-align: left; 
				margin:auto;
				margin-bottom:20px;
				/*margin: 10px 0px 5px 10px; */
				padding: 5px 5px 5px 5px;
				border: 1px solid #C0C0C0;  /* silver*/
				background-color: #FFFFF0;  /* ivory*/
				width: 600px;
				border-bottom: 3px;
				border-bottom-color: Gray;
				border-bottom-style: solid;
				border-right: 3px;
				border-right-color: Gray;
				border-right-style: solid;
				/* shadow */
				box-shadow: 7px 7px 8px #818181;
				-webkit-box-shadow: 7px 7px 8px #818181;
				-moz-box-shadow: 7px 7px 8px #818181;
				filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}
 
.property-name    { font-size: 24pt; font-family: Arial, sans-serif; margin-left: 5px; font-weight: bold; color: #8B0000;} /* darkred*/
.photos			  { margin-left: 20px;}
.photos img       {border: 3px double #8B0000;}
.smallphotos		{/* shadow */
				box-shadow: 5px 5px 6px #818181;
				-webkit-box-shadow: 5px 5px 6px #818181;
				-moz-box-shadow: 5px 5px 6px #818181;
				filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
 }

.description	  { font-size: 14pt; font-family: Arial, sans-serif; margin-left: 20px; color: #00008B; font-style: italic;} /*darkblue*/
.street     	  { font-size: 12pt; font-family: Arial, sans-serif; margin-left: 20px; color: black;}
.phone     		  { font-size: 18pt; font-family: Arial, sans-serif; margin-left: 20px; color: black;}
.contact   		  { font-size: 10pt; font-family: Arial, sans-serif; margin-left: 20px; color: black;}
.mailing		  { font-size: 10pt; font-family: Arial, sans-serif; margin-left: 20px; color: black;}
.map	a			{margin-left:20px; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	border: 1px solid blue; 
	width: 50px; 
	padding: 1px 1px 1px 1px;
	background-color: white; 
	text-align: center; 
	background-image: url('text_back.gif');}
.map	a:hover	{
	margin-left: 20px;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	border: 1px solid red;
	width: 50px;
	padding: 1px 1px 1px 1px;
	background-color: #00008B;
	text-align: center;
	color: red;
	background-image: url('text_back_reverse.gif');
}
.website	a	{margin-left:20px;
	 font-size: 10pt; 
	 font-family: Arial, sans-serif; 
	 border: 1px solid blue; 
	 width: 250px; 
	 padding: 1px 1px 1px 1px;
	 background-color: white;
	 text-align: center;
	 background-image: url('text_back.gif');}
.website	a:hover	{
	margin-left: 20px;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	border: 1px solid red;
	width: 250px;
	padding: 1px 1px 1px 1px;
	background-color: #00008B;
	text-align: center;
	color: red;
	background-image: url('text_back_reverse.gif');
}
/* housing navbar items */
.housing-navbar { width:1000px; height:20px; text-align:center; margin-top:2px;}
.home	a	{
	 font-size: 10pt; 
	 font-family: Arial, sans-serif; 
	 border: 1px solid blue; 
	 width: 100px; 
	 padding: 1px 1px 1px 1px;
	 background-color: white;
	 color: black;
	 text-align: center;
	 background-image: url('text_back.gif');}
.home  a:hover, .mobile a:hover, .senior a:hover, .apartments a:hover, .homesforsale a:hover	{
	border: 1px solid red;
	background-color: #00008B;
	color: red;
	background-image: url('text_back_reverse.gif');
	background-position: bottom center;
}	 
.mobile	a	{
	 font-size: 10pt; 
	 font-family: Arial, sans-serif; 
	 border: 1px solid blue; 
	 width: 90px; 
	 padding: 1px 1px 1px 1px;
	 background-color: white;
	 color: black;
	 text-align: center;
	 background-image: url('text_back.gif');}
.senior		a	{
	 font-size: 10pt; 
	 font-family: Arial, sans-serif; 
	 border: 1px solid blue; 
	 width: 90px; 
	 padding: 1px 1px 1px 1px;
	 background-color: white;
	 color: black;
	 text-align: center;
	 background-image: url('text_back.gif');}
.apartments		a	{
	 font-size: 10pt; 
	 font-family: Arial, sans-serif; 
	 border: 1px solid blue; 
	 width: 125px; 
	 padding: 1px 1px 1px 1px;
	 background-color: white;
	 color: black;
	 text-align: center;
	 background-image: url('text_back.gif');}
.homesforsale		a	{
	 font-size: 10pt; 
	 font-family: Arial, sans-serif; 
	 border: 1px solid blue; 
	 width: 110px; 
	 padding: 1px 1px 1px 1px;
	 background-color: white;
	 color: black;
	 text-align: center;
	 background-image: url('text_back.gif');}

	 /* Styling for the pop up larger picture */
#showimage  {
	 	position:absolute;
	 	visibility:hidden;
	 	border-top:1px solid black;
	    border-right: 3px solid silver;
		border-bottom: 3px solid silver;
		border-left: 1px solid black;
		background-color: white;
		/* shadow */
		box-shadow: 7px 7px 8px #818181;
		-webkit-box-shadow: 7px 7px 8px #818181;
		-moz-box-shadow: 7px 7px 8px #818181;
		filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
		}
		
/* shadow */
.shadow2{
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}