/* Color Reference
background-color: #F1DAD5;	               Pink-ish Background Color for workspace
Menu Background
Menu Text
Text  Main Content
Text Footer
*/


/***************************************     Definitions for existing element types     *****************************************************************************/


hr {
width	:100%;
height	:3px;
color:#223173; /* this is the dark blue used in the header & footer */
background-color:#0000FF;
}

/* this is the sky blue  outside the container ie background color  and dark blue body font 223173 */
body {
	
	font-size :80%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	background-color: #bbccff;  
	color:#223173; /* dark blue */

}


h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0 0em;
	font-weight: normal;
	}
	
h1 {
	font:normal 1.5em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

h2 {
	font:normal 1.3em/0.8em Arial, sans-serif;
	font-weight: normal;
	margin: 25px 0 0 0;
}
h3 {
	margin: 10px 0 0 0;
	font:italic 1.3em Georgia, "Times New Roman", Times, serif;
	text-align: left;
}
h4 {
	font: bold 1.0em Arial, Helvetica, sans-serif;
	padding: 0;
	margin:10px 0 0 0;
	text-align:center;
}
h5 {
  font:italic 1.3em Georgia, "Times New Roman", Times, serif;
  letter-spacing:-.03em;
  font-style: italic;
  font-weight: bold;
  margin: 0px;
  text-align:center;
  }

/* order matters , it must be
 link
 visited
 hover
 active[/color]
*/

a:link, a:visited, a:hover {
  font-variant:normal;
  text-decoration:underline;
  }
a:link {
  color:blue;
  }
a:visited {
  color:purple;
  }
a:hover {
  color:green;
  }
  
 a:img {
  border-width:0;
  border: none;
  margin: 0;
  padding: 0;
  }

/***************************************     ID   Definitions     ************************************************************************************************/


	
#container {
	margin: 1em auto;    		
	padding: 0px 0px;
	background-color: #F1DAD5; /* pinkish */
	background-color: #e6e6e6; /*grey */
	width: 750px;         		
	text-align: left;     		
	border: solid thin #223173; /* dark blue  */
	}

#masthead {
	background-color: #F1DAD5; 	/* pinkish back ground behind the text */
	background-color: #e6e6e6; /*grey instead of pink */
}

	/* Pink-ish Background Color for workspace */
#footer {
	background-color: #F1DAD5; 
	background-color: #e6e6e6; /* grey  instead of pink */
	text-align: center;
	clear: both;
}

#footer h3 {
line-height : 1.2;
margin:1em 0 0 0;				
}

#footer img {					
margin: 0em 0em .25em 0em;
}
#masthead img {					
margin: 0em;
}









#maincontent {
	float : left;
	padding : 0 0 0 0em;
		width : 43.5em;
	margin : 2em .2em 2em 0em;	
	display : block;
}

#maincontent-contact {
	float : left;
	padding : 0 0 0 0em;
			width : 43.5em;
	margin : 2em .2em 2em 0em;
	display: inline;
}
#maincontent-listing {
	float : left;
	padding : 0 0 0 em;
		width : 43em;
	margin : 2em .2em 2em 0em;	
	display : block;
}


div.tlthumbs {					
	margin: 1em .5em 0em 0em;
	padding: .25em .1em .25em .1em;
	float : left;
	width : 20.5em;
	border:1px solid #000063;
	display : inline;
	
	}
div.detailthumbs {					
	margin: 1em .5em 1em .2em;
	float : left;
	width : 19.5em;
	padding : .4em 0 0 0;
	border:1px solid #000063;
	}

div.tlthumbs img {
  padding:.5em 0em .2em .2em;
  border:1.5px solid #000063;	
  margin: .2em .0em 1em 0em;		
  float: left;					
  display: block;				
}
div.detailthumbs img {
  padding:0;
  margin: .2em 1em .2em .2em;		
  float: left;					
  display: block;				
}

div.tlthumbs  p{
	margin : 0;
	padding : .2em;
	line-height : .7;
	}

  
#maincontent img {
  padding:4px;
  border:1.5px solid #000063;	
  margin: .2em 1em .5em .2em;		
  float: left;					
  display: block;				
}
#maincontent-contact img {
  padding:4px;
  border:1.5px solid #000063;	
  margin: 1em 1em;				
  display: inline;
}
#maincontent-listing img {
  padding:0 0 .5em 0;
  border:none;
  margin: .2em 0em .2em .2em;		
  float: left;					
  display: block;		
}

#maincontent p {
line-height : 1.5;
margin-right : 1em;
}
#maincontent-contact p {
line-height : 1.5;
margin-right : 1em;
}
#maincontent-listing p {
line-height : 1.5;
margin: 0em 1em 0em .5em;
padding:0em 0em 1em 0em;
}
	
	
	
	
#sidebar {
  margin: 2em 1em 2em .5em;
  float : left;
  padding: 0em 0 0 0;
  font-variant: normal;	
}

/*
	
#sidebar {
  margin: 2em 1em 2em .5em;
  float : left;
  padding: 0em .5em 0 0;
  font-variant: normal;	
}
*/

#sidebar img{
  margin-left :.3em;
  margin-bottom : 0em;
  padding:4px;
  border:1.5px solid #000063;	

}
/* Any "ul" that decends from an ID of sidebar 
#sidebar ul {
	margin: 0;
	padding: 0;
}
*/

ul#navigation {
	margin-left	: 0;
	padding-left : 0;
	list-style-type : none;
	}
	
/* Any "a" which decends from an unordered list which HAS a value of "NAVIGATION" make the following values: */
 ul#navigation a:link, ul#navigation a:visited, ul#navigation a:hover {
	margin-left : .3em;
	margin-bottom: .3em;
	display : block;
	text-decoration : none;
	padding : .2em 0 .2em .3em;
	width: 12.3em;
	font-variant: small-caps;
	font-weight : bold;
	background-color: #223173; /* dark blue  */
	color: #ffffff;
	}
ul#navigation a:link {
	color:blue;
		color:#ffffff;				
	font-weight:bold;
	}
ul#navigation a:visited {
	font-weight:bold;
	}
ul#navigation a:hover {
	color : green;
	font-weight:bold;
	}
ul#navigation li {
	display	: block;
	}



/***************************************     CLASS   Definitions     ************************************************************************************************/

.centered					
    {								
    text-align:center;
	margin:0;
   }
.leftjustified {
	text-align:left;
	}
.rightjustified {
	text-align:right;
	}
.underlined {
	text-decoration: underline;
	}
.bold {
	font-weight : bold;
	}
.boldred {
	font-weight : bold;
	color : red;
	}
	
.indented
	{
	margin-left : .5em;
	margin-right : .5em;
	}
	
.clear {
	clear : both;
	}
.clearleft {
	clear : left;
	}
br.printbreak {
	page-break-after: always
	}

.indent {
	text-indent : 2em;
	}

   
/* www.RealtorYorkMaine.com     -     Integrity, Trust & Market Expertise     -     Cindy McKenna */
.banner {
  height: 20px;
  width: 750px;
  padding: .2em 0 0 0;
  margin: 0;
	background-color: #223173;/*dark blue */
	color: #ffffff;
  display:block;
  font-style:italic;
  text-align:center;
  font-weight:bold;
}

/* vtour used to be an id - need to adjust to be a class in the featured.html */

.vtour
{
  height: 30px;
  width: 13em;
  padding: 0;
  margin: 0;
  font-variant: small-caps;	
  font-weight:bold;
  display:inline;
  text-align:center;
}

.highlighted
{
	color: red;
}


/*************************************** This CLASS stuff is specific to tables. In particular featured properties *************************************************/

caption {
	text-align: center;
	margin: 0 0 .5em 0;
	font-weight: bold;
	text-decoration : underline;
}

/* table {
	border-colapse:colapse;
}*/

/* Table Headers and Table Descriptors
th,td {
	margin :0em;
}
*/
/* Table Rows (non headers) 
tr {
	background	:#b0c4d7;
}
*/

/*  Table Head Top 
thead th {
	font-weight : bold;
}
*/

/* Table Header Sides 
tbody th{
	font-weight	:normal;
	background	:#658cb1;
}
*/

.left {
	width:8em;
	font-weight:bold;
	}
.right {
	text-align:left;
}
.readable{
	line-height : 1.5;
	}