﻿
DIV.backbig {
margin : 0px;
border : 0px;
background : Red; 
}
DIV.backsmall {
border : 1px;
padding : 7px;
background : #ffFFFF; 
}
Div.LeftBox
{
float:left;
width:50px;
}
Div.RightBox
{
float:left;
width:150px;
font-family:verdana;
font-size:10px; 
border:none;
text-align:left;
padding-left:10px;


}

DIV.OpenHouse
{
	color:Red;
}

DIV.Disp
{
border-left: thin 5px gray;
height:1pt ;
border-right: thin 5px black;
border-top: thin 5px lightgrey;
layout-flow:horizontal;
font-family:Verdana,arial;
font-size:8pt;
font-weight:bold;
vertical-align:text-bottom;
text-align:center;
background-color:rgb(248,221,165); 
color:black;
}

 DIV.Disp2
{
border: 1px solid #336699;
layout-flow:horizontal;
font-family:Verdana,arial;
font-size:8pt;
font-weight:normal;
vertical-align:text-bottom;
text-align:left;
background-color:white; 
color:black;
filter:alpha(opacity=70);
opacity:0.70;
-moz-opacity:0.70;
width:160px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 0px;
z-index: 10;
}



.glossymenu{
	position: relative;
	padding: 0 0 0 32px;
	margin: 0 auto 0 auto;
	height: 30px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li {
	float: right;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:0 0 0 12px; /*Padding to accomodate left tab image. Do not change*/
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align:baseline;
	cursor: default;	
}

.glossymenu li b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current, .glossymenu li {
	color: #000;
	background:  no-repeat; /*left tab image path*/
	background-position: left;

}

.glossymenu li.current b, .glossymenu li b{
	color: #000;
	background: url(../Images/SearchMap/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}


.shadetabs {
/*padding: 3px 0px;*/
padding-bottom:3px;
padding-top:3px;
padding-right:3px;
padding-left:3px;
vertical-align:middle;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 1px;
font: 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border: 1px solid orange;
color: #2d2b2b;
background: white url(../Images/SearchMap/shadegrn.gif) top left repeat-x;
}
/* for the square button*/
a.squarebutton{
background: transparent url('../Images/SearchMap/square-blue-left3.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../Images/SearchMap/square-blue-right3.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
 .style1 {font-weight:bold;border:1px #006699 green;filter:alpha(opacity=70); }


/* for the square button bottom*/
a.squarebuttonCl{
background: transparent url('../Images/SearchMap/square-blue-left3.gif') no-repeat top left;
display: block;
float: left;
font: font: bold 10px "Trebuchet MS"; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebuttonCl, a:visited.squarebuttonCl, a:active.squarebuttonCl{
color: #494949; /*button text color*/
}

a.squarebuttonCl span{
background: transparent url('../Images/SearchMap/square-blue-right3.gif') no-repeat top right;
display: block;
padding: 4px 3px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttonCl:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttonCl:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
z-index: 10;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

div.ImgContainer{ /*CSS for enlarged image*/
position: relative;
padding: 5px;
padding-top: 20px;
left: 5px;
visibility: visible;
color: black;
text-decoration: none;
vertical-align:left;
background-color:#CDE472;
background-image: url('../Images/SearchMap/square-green.jpg');
width:250px;
height:280px;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.DispRow
{
background-color: #F0F0F0;
}

.DispAltRow
{
background-color:#FFFFFF;
}

.DispTable
{
font-family: verdana, arial;
font-size: 10px;
}

#navigation a 
{ 
color: #fff; 
background:  url("../Images/SearchMap/menub_hover_left.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 10px;
height:30px;
/*padding-top: 3px;*/
}

#navigation  span 
{ 
background: url("../Images/SearchMap/menub_right.png") right top no-repeat; 
padding-right: 10px;
height:30px;
/*padding-top: 3px;*/
}

a:hover {cursor:hand; color: #FF00FF} 

.itemTemplate
{
			width: 144px;
			height: 200px;
			background-color:#FFFFFF;    
			background-image: url("../Images/SearchMap/RotatorBg.png");
			background-repeat:repeat-x;
			background-position:bottom;
			color: Black;
			padding-left:5px;
			padding-right:5px;
			padding-top:10px;
			padding-bottom:10px;
}

.mapTemplate
{
 background-color:#CAE1FF;
 padding:5px; 
 border: 1px solid #336699;   
}
