/*
 * Stylesheet comments 
 *
 */
 
 html {
 	 overflow: auto; 
 }
 
p {
	font-family: "Palatino Linotype";
	color: #464440;
	font-size: 10pt; 
	
}
 
 
 a:link {
 color: black;
 }
 
  a:visited {
 color: black;
 }
 
  a:hover {
 color: grey;
 }
 
  a:active {
 color: white;
 }
 
 a.rightBar
 {
	 
 text-decoration: none;	
 letter-spacing:1;
 font-size: 11px;
 color: #FEF7E7;
 }
 
  a.rightBar:hover
 {
	 
 text-decoration: none;	
 letter-spacing:1;
 font-size: 11px;
 color: white;
 }
 
 a.topMenu {
	font-family: "Palatino Linotype";
	color: #FEF7E7;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 14;	
}

 a.topMenu:hover {
	font-family: "Palatino Linotype";
	color: white;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 14;	
}
 
 
 b.menu
 
 a.menu {
font-family: "Arial, Helvetica, sans-serif"; 	 
 text-decoration: none;	
 letter-spacing:1;
 font-size: 11px;
 color: #FEF7E7;
 }
 
 
  a.menu:link {
 font-family: "Arial, Helvetica, sans-serif"; 	 
 text-decoration: none;	
 letter-spacing:1;
 font-size: 11px;
 color: #FEF7E7;
 }
 
  a.menu:visited {	  
 text-decoration: none;
 letter-spacing:1;
 font-size: 11px;
 color: #FEF7E7;
 }
 
  a.menu:hover {		  
 text-decoration: none;
 letter-spacing:1;
 font-size: 11px;
 color: white;
 
 }
 
   a.menu:active { 
 text-decoration: none;
 letter-spacing:1;
 font-size: 11px;
 color: black;
 }
 
 
 a.specialeffects:link {
  color: white ;
} 

 a.specialeffects:visited {
  color: white ;
} 

 a.specialeffects:hover {
  color: red ;
}


table
{
	margin: 0 auto;
	text-align: left;
	background-color: none; 
border: none; 	
color: #FEF7E7;
	
}

table.info
{
	font-family: Verdana, Sans-serif;
	color: #464440;
	margin: 5px;
	text-align: left;
	background-color: none; 
	border: none; 
	font-weight: normal;
	font-size: 11;	
	width: 400px;
	
	
}

tr
{
	margin: 0 auto;
	text-align: left;
border: 0px; 	
background-color: none; 
	
}
 
td {
	text-align: middle;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border: none;
	
}

th {
	background-color: black; 
	color: white;
	font-family: Verdana, Sans-serif;
	text-align: left;
	vertical-align: top;
	padding: 5px 3px 2px 3px;
	font-size: 8pt;
	border: 1px solid #292021; 
	font-size: 8pt; 
	
}





td.top_left_corner {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 40px;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-image: url(images/bars/top_left_corner.png);
}

td.top_right_corner {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 40px;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-image: url(images/bars/top_right_corner.png);
}

td.bottom_left_corner {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 40px;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-image: url(images/bars/bottom_left_corner.png);
}

td.bottom_right_corner {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 40px;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-image: url(images/bars/bottom_right_corner.png);
}

td.top_bar {
	margin: 0;
	padding: 0;
	width: 646px;
	height: 40px;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-image: url(images/bars/top_bar.png);
}

td.bottom_bar {
	margin: 0;
	padding: 0;
	width: 646px;
	height: 40px;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-image: url(images/bars/bottom_bar.png);
}

td.left_bar {
	margin: 0;
	padding: 0;
	width: 7px;
	height: auto;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-image: url(images/bars/left_bar.png);
}

td.right_bar {
	margin: 0;
	padding: 0;
	width: 7px;
	height: auto;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-image: url(images/bars/right_bar.png);
}

td.text_area {
	margin: 0px 40px 0px 40px;
	padding: 0px 40px 0px 40px;
	height: auto;
	font-size: 8pt;
	border-style: none;
	border: 0px;
	vertical-align: middle;
	background-repeat:no-repeat;
	background-image: url(images/bars/background.jpg);
	background-color: #FFFFF6;
}





td.bar {
	margin: 0 auto;
	width: 40px;
	font-size: 8pt;
	border: 0px;
	vertical-align: middle;

}

td.icon {
	padding-left: 5px;
	margin: 0 auto;
	width: 64px;
	height: 64px;rig
	background-image: url(images/bars/icon_background.png);

}

td.gallery {
	padding-left: 35px;
	margin: 0 auto;
	width: 64px;
	height: 64px;
	background-image: url(images/bars/icon_background.png);

}

td.text {
	margin: 0 auto;
	width: 580px;
	font-size: 8pt;
	border: 0px;
	vertical-align: middle;
}



tr.menu {
	background-color: black; 
}



div.pageHeader {
	margin: 0 auto;
	padding: 0;
	color: white;	 
	font-size: 8pt;
	text-align: center;
	width: 940px;
	height: 104px;
	position: relative;
	border: none;
	background-color: none; 
	background-image: url(images/bars/header.png);
}

div.pageHeaderMenu {
	margin: 0 auto;
	
	color: white;	 
	font-size: 8pt;
	text-align: left;
	width: 940px;
	height: 46px;
	padding: 0;
	position: relative;
	border: none;
	background-color: none; 
	background-image: url(images/bars/menu.png);

}

div.pageFooter {
	margin: 0 auto;
	padding: 10;
	color: white;	 
	font-size: 8pt;
	text-align: center;
	width: 920px;
	position: relative;
	border: 1px solid #292021; 
	background-color: none; 

}


.clear { /* Also commonly known as clearfix */
	clear: both; /* At the very least, you must have this. All extra declarations are for fine-tuning */
	height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	width: 0;
	line-height: 0;
}

div.container {
	margin: 0 auto;	
	font-size: 8pt;
	text-align: left;
	width: 920px;
	height: auto;
	border: none; 
	
}
div.item-1 {
	float: left;
	width: 660px;
	min-height: 500px;
	padding: 0;
	background-color: none;
	border: none; 
	
}
div.item-2 {
	float: right; /* You can also set this to float: right; */
	width:  230px;
	height: 600px;
	background-color: none;
	background-image: url(images/bars/right_menu_background.png);
}

div.table {
	margin: -20 0 0 5px;
	width:  215px;
	height: 500px;
	overflow: auto;
	
}


h1 {
	font-family: "Palatino Linotype";
	color: #464440;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 20;
	
}

h1.image {
	font-family: "Palatino Linotype";
	color: #464440;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 20;
	
}

h1.rightMenu {
	font-family: "Palatino Linotype";
	color: #FEF7E7;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 20;
	
}

h2 {
	font-family: "Palatino Linotype";
	color: #464440;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 14;	
}

h3 {
	font-family: "Palatino Linotype";
	color: #464440;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	font-size: 11;	
}



body, p {	
	
	font-size: 11pt; 
	font-family: "Palatino Linotype";
	
}

body {
	background-size: 101%;
	background-color: #806F6C; 
	background-image: url(images/Background.jpg);
	background-attachment:fixed;
 

}

img {
float: left;
padding-right: 0em;
margin:0px 0px 0px 0px;
text-align: middle;

}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:500px;
    height:auto;
    border: 1px solid;
    border-color: #464440;
    
  }
  
  img.displayedhouse {
    display: block;
    margin-left: auto;
    margin-right: auto;
    
  }

#dropdown {
 float: left;
 margin: 0;
 padding: 0 0 0 30px;
  border: none; 
}
#dropdown li {
 background: none;
border: none; 
 float: left;
 list-style: none;
 margin: 0;
 padding:12 0 0 10px;
 position: relative;
 height:20px;
 width:100px;
}
#dropdown li:hover {
 background: none;
}
#dropdown li a {
 text-decoration:none;
}
#dropdown ul {
 background-color: rgba(0, 0, 0, 0.9);
 display: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 32px;
 left: -1px;
 z-index: 500;
}
#dropdown ul {
 position: absolute;
}
#dropdown li:hover ul {
 display: block;
  background-color: rgba(0, 0, 0, 0.7);
}

  .centeredImage
    {
    text-align:center;
    
    }