/* --------------------------------------------------
CSS Document For 3 column Minima 
-------------------------------------------------- */

/* Define header, menubar, sidebar-left, main-content, sidebar-right, footer */


body {
  background:#ffffff;
  margin:0;
  color:#333333;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  }

a:link {
  color: #6666ff;
  text-decoration:none;
  outline: none;
    }

a img {
    border: none;
    border-width:0;
  }
p {
padding: 10px; 
background:#FFFFFF;
}
hr {
color: #dddddd;
height: 1px;
}

/* Header
-----------------------------------------------
 */
#outer-wrapper {
width: 100%;
  max-width: 1000px;
  margin:0 auto;
  text-align:left;
  font: normal normal 100% Georgia, Serif;
  border:1px solid #cccccc;
  background: #777777; 
  /*background: #6b737c; */
  }


#header { 
   width: 98%;
  max-width:980px;
  clear:both;
  margin: 1%; /*10px;*/
  /*border:1px solid #cccccc;*/
  text-align: center;
  color:#000033;
  background:#FFFFFF;
}

/* ----------------menubar ------------------------ */
#menubar {
    width: 98%;
  max-width:980px;
  clear:both;
  margin: 1%;
  background: #81BEF7;
  color: white;
  font-family: Verdana;
  /*
  margin-left:1%;
  margin-right:1%;
  line-height: 1.6em;
  letter-spacing:.1em;
  text-align: center;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font: normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
  color: #999999;
  background: #FFFFFF;
  */
}

#menubar a {
  color: white;
  text-decoration: none;
  border-radius:8px;
  padding-top: 3px; padding-bottom: 3px;
}

/* content-Wrapper: sidebar-left, main-content, sidebar-right 
----------------------------------------------- */


#content-wrapper {
  width : 98%;
  max-width:980px;
  margin: 1%;
  clear:both;
  /*border:1px solid #cccccc;*/
  /*background: #FFFFFF;*/
 }

#sidebar-left {
  width: 120px;
  margin-top:0;
  float: left;
  margin-right: 1%;
  margin-bottom: 10px;
  position: absolute;
  z-index: 1;
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
  /*background: #FFFFFF;*/
}

#sidebar-left li{
font: normal normal bold 75% Georgia, Serif; height: 3.7vh;
}

#main-content {
   /* 3 x 2px = 6px gone for the border.*/
  /*margin-top:0;*/
  float: left;
  /*margin-left: 1%;/*
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  /*background: #FFFFFF;*/ 
}

#main1 {
  width: 335px;  
  margin-top:0;
  float: left;
  margin-left:10px;
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#main2 {
  width: 335px;  
  margin-top:0;
  float: left;
  margin-left:10px;
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#main-new {
  /*width: 470px;*/  /* 3 x 2px = 6px gone for the border. */
  margin-top:0;
  float: left;
   /*margin-left:1%;*/
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  /*background: #FFFFFF;*/ 
}

#main1-new {
  width: 49%;
  max-width: 230px;  
  margin-top:0;
  float: left;
  /*margin-left:1%;*/
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#main2-new {
   width: 49%;
  max-width: 230px;  
  margin-top:0;
  float: left;
  /*margin-left:1%;*/
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-ads {
  /*max-width: 200px;^/
  /*margin-top:0;*/
  float: left;
  /*margin-left:1%;*/
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  /*background: #FFFFFF;*/
}

#sidebar-right {
  /*max-width: 160px;*/ 
  /*margin-top:0;*/
  float: right;
  /*border: 1px solid #cccccc;*/
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  /*background: #FFFFFF;*/
}


/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  color: #333333;
  line-height: 1.5em;
 }

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-right:0;
  padding-bottom:.25em;
  padding-left:15px;
  text-indent:-15px;
  line-height:1.5em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width: 98%;
  max-width:980px;
  clear:both;
  margin: 1%;
  line-height: 1.6em;
  letter-spacing:.1em;
  text-align: center;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font: normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
  color: #999999;
  background: #FFFFFF;
}

/* Blinking Text ------------------------------------*/
/* --- debug later
blink { 
visibility: expression((Math.floor(new Date().getTime()/500)%2)?"visible":"hidden");
}
-- */

/* Style of info pages -----------------*/

.content, .freelist, .profile {
  padding: 10px;
  background: #FFFFFF;
  text-align: justify;
  
  line-height: 1.6em; 
  font: normal normal 86% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; 
  /* font: normal 11px  Verdana, Arial, Helvetica, sans-serif; */
  /* line-height: 15px; */
  color: #777777;   
}


.profile {
/*
  padding: 10px;
  background: #FFFFFF;
  text-align: justify;

  font-family: Verdana, Arial, sans-serif; 
  font-size:.8em;
  line-height: 1.5em;
*/
  color: #555555; 
}


.content h1,h2,h3,h4,h5, .profile h1,h2,h3,h4,h5 {
margin-top:10px; 
margin-bottom:3px; 
text-align: left;
} 

.content h1, .freelist h1 {
  line-height:1.6em;
  font: normal normal bold 140% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  /* color: #8b7355; */
  color: #3f51a3;
}

.content h2 {
  font:normal normal bold 120% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.4em;
  /*color:#999999;*/
  /*color: #333399;*/
  color: #8b7e66;
}

.profile h1 {
  text-align: center; 
  line-height:1.6em;
  font: normal normal bold 140% Serif,'Georgia',Arial,Verdana,Sans-serif;
  color: #0066cc;
}

.profile h2 {
  font:normal normal bold 120% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.4em;
  color: #0066cc;
}

.profile h3 {
  font:normal normal 600 120% Serif, 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  /*line-height: 1.2em;*/
  color: #0066cc;
}

.profile a {
 text-decoration: underline;
}

.content ul, .profile ul, .freelist ul {
text-align: left;
}

.breadcrumbs-right{
text-align: right; 
font-weight: bold;
color: #cc3399;
}

.breadcrumbs{
text-align: left; 
font-weight: bold;
color: #cc3399;
}
.breadcrumbs h2 {
display: inline;
margin-bottom: 5px;
}

.property {
color: #000000;
text-align: left;
}

.property h2 {
color: #f501a0;
}

#category {
  text-align: left;  
  padding-left: 5px; 
  padding-bottom:5px;
}

#address {
  margin:0 auto; 
  width: 250px;
  text-align: left;  
  border: 5px outset #ccccff; 
  padding:10px;
  /*color: #6666cc;*/
FONT-FAMILY:verdana, sans-serif;
background: #f7f7f7;
/*color:#030303;*/
color:#424242;
}

#category a, #address a {
 text-decoration: underline;
}

/* Style of Free Listing -----------------*/
.freelist h2 {
 font:normal normal bold 120% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  line-height: 1.4em;
  /*color: #e70087; */
  color: #cc3399;
}

.freelist img {
  border: 0;
  vertical-align: middle;
}

.sponsored {
font-weight: bold;
/*font-size: larger; */
}

/* Tables in content ------------------*/
.content table {
padding: 0;
border: 1px solid #7093db;
border-collapse: collapse;
background-color: #f5f5f5;
}
.content th {
/* background: #7093db; */
/* background: #6666cc; */
background: #4189e1;
font-weight: bold;
color: #ffffff;
text-align: center;
}
.content td {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
/* Color Table Class ---------------------------------*/
table.color-table  {
padding: 0;
border: 1px solid #7093db;
border-collapse: collapse;
background-color: #f5f5f5;
}
table.color-table th {
/* background: #6666cc; */
background: #4189e1;
font-weight: bold;
color: #ffffff;
text-align: center;
}
table.color-table td {
text-align: left;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;

}
table.icon-table {
border: 0;
background-color: #ffffff;
width: 100%;
}
table.icon-table td {
border: 0;
text-align: center;
font-size: larger;
font-weight: bold;
}


/*------------------*/

img.addressbutton {
  border: 0;
  vertical-align: middle;
  /*background-image:url(/images/buttons/Address15.png) no-repeat; */ 
  width: 54px;
  height: 24px;
}

/*
img.addressbutton: hover {
  background:url(/images/buttons/AddressRed15.png) no-repeat; 
  width: 54px;
  height: 24px;

}
*/

/*--------------Snippet style -------------------------*/

.snippet {
    margin-left: 10px;
    margin-bottom: 10px;
}

.snippet-title-div {
border-radius: 10px 10px 0px 0px;
text-align: center;
color: #ffffff;
font: normal normal bold 100% Georgia, Serif;
padding : 5px;
font-weight: bold;
}

.snippet-body-div {
border-radius: 0px 0px 10px 10px;
margin-bottom: 10px;
background: #ffffff;
padding : 5px; 
}
/*-----------------------------------------------------*/
/* ICON IMAGES */
.icon16 {
width: 16px;
height: 16px;
border: 0;
}

.icon32 {
width: 32px;
height: 32px;
border: 0;
}
.icon48  {
width: 48px;
height: 48px;
border: 0;
}
.iconbutton  { 
border: 10px outset #C8DCFB; 
opacity:0.6; filter:alpha(opacity=60); 
}
.iconbutton:hover { opacity:1.0; filter:alpha(opacity=100);}

.nodecor a:hover {
text-decoration: none;
}

/*-----------------------------------------------------*/
/* NAVIGATION ELEMENTS */
	
.navigation ul {
			margin-left: 0;
			padding-left: 0;
			padding-right: 0;
			list-style-type: none;	
			/*width: 90%;*/
		}
.navigation a {
			display: block;
			padding: 5%;
			/*width: 90%;*/
			border-bottom: 1px solid #CCC;
		}

.navigation a:link, .navigation a:visited {
			color:#6666ff;
			text-decoration: none;
                     
		}
		
.navigation a:hover {
			/*background: #000000 url(arrow.gif) 96% 50% no-repeat;*/
			background-color: #F5F5F5;
			color:#6666ff;
		}

/* THE SMALL BOX BELOW NAV */

.navigation p  {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}

/*--------------------------------------------------*/
/* Menu Bar style  Removed*/
/*--------------------------------------------------*/


/*------------------w3-left menu style for rwd--------------------------*/
.w3-menu-sidebar{width:110px;background-color:#777777;position:fixed!important;z-index:1;overflow:auto}

/*---desktops laptops-------*/
@media (min-width:993px){.w3-hide-large{display:none!important} .w3-menu-collapse{display:block!important}}

/*----------mobiles--------------*/
@media (max-width:992px){.w3-menu-collapse{display:none}}

.w3-menu-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}