body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 80%;
background-image: url(/system/2/images/bg.jpg);
background-repeat: repeat-x;
background-color: #88A36C;
}


div#header div.image { 
  height: 274px;
  padding: 0;
  margin: -5px 0 0;
  background-image: url(/system/2/images/banner.jpg); 
}
body#region_downtown-eugene div#header div.image { background-image: url(/system/2/images/banner_downtown.jpg); }
body#region_southwest-eugene div#header div.image { background-image: url(/system/2/images/banner_west.jpg); }
body#region_cottage-grove div#header div.image { background-image: url(/system/2/images/banner_grove.jpg); }
body#region_mckenzie-river div#header div.image { background-image: url(/system/2/images/banner_mckenzie.jpg); }
body#region_springfield div#header div.image { background-image: url(/system/2/images/banner_springfield.jpg); }
body#region_albany-corvallis div#header div.image { background-image: url(/system/2/images/banner_albany_corvallis.jpg); }


ul.alphabet {
  list-style: none;
  margin: 0 0 1em;
  overflow: hidden;
}
ul.alphabet li {
  display: inline;
}
ul.alphabet li a {
  padding: 5px;
  float: left;
}
ul.alphabet li a:hover {
  background-color: #009;
  color: #fff;
  text-decoration: none;
}
ul.alphabet li.current a {
  background-color: #999;
  color: #fff;
  text-decoration: none;
}

ul.properties {
  border-bottom: 1px solid #ccc;
  list-style: none;
  margin: 0;
}
ul.properties li {
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 10px 10px 10px 120px;
  margin: 0;
  overflow: hidden;
}
ul.properties li img {
  float: left;
  margin-left: -110px;
}
ul.properties li h2 {
  margin: 0 0 .1em;
  font-size: 1.2em;
}
ul.properties li h2 a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
ul.properties li p { font-size: .9em; }
ul.properties li p.phonenumbers { margin: 0; }
ul.properties li .meta p {
  font-size: 1em;
  margin: 0 0 .1em;
  color: #000;
}
ul.properties li ul {
  margin: 0;
  list-style: none;
}
ul.properties li ul li {
  padding: 0 10px 0 0;
  display: inline;
  border: none;
}

ul.properties_brief {
  list-style: none;
  margin: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  overflow: hidden;
  width: 594px;
}
ul.properties_brief li {
  width: 170px;
  margin: 0;
  padding: 10px;
  float: left;
  font-size: .8em;
  height: 5.75em;
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
}
ul.properties_brief li a {
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
}
ul.properties_brief li a:hover {
  border: none;
}

#photos {
  width: 380px;
  float: right;
  padding: 0;
  background-color: #f9faf5;
  margin: -10px 0 5px 20px;
  overflow: hidden;
}
#photos ul {
  margin: 0;
  list-style: none;
  width: 100%;
  overflow: hidden;
}
#photos ul.fullsize li { display: inline; }

#photos ul.thumbs {
  width: 410px;
  margin: 0 0 5px;
}
#photos ul.thumbs li { display: inline; }
#photos ul.thumbs li img {
  float: left;
  width: 50px;
  margin: 0 5px 5px 0;
}
p.availability { margin: 1px 0 0; }


p.availability a {
  display: block;
  padding: 6px 0;
  margin: 0;
  text-align: center;
  font-weight: bold;
  background-color: #ffc;
  color: #000;
  text-decoration: none;
  border: 1px solid #ccc;
}
p.availability a:hover {
  text-decoration: underline;
}

/* Specials */
ul.groupings {
  list-style: none;
  margin: 0;
}
ul.groupings li { 
  margin: 0 0 1.5em; 
  padding: 0 0 .5em;
  border-bottom: 1px solid #ccc;
}
ul.groupings li ul { 
  margin: 0 0 0 85px;
  list-style: none;
}
ul.groupings li ul li { 
  margin: 0; 
  border-bottom: none;
}
ul.groupings h3 { margin: 0; font-weight: bold; }
ul.groupings h4 { margin: 0; }
ul.groupings h4 a {
  color: #000;
  text-decoration: none;
  font-size: 1.2em;
}
ul.groupings h4 a:hover { border-bottom: 1px solid #ccc; }
ul.groupings ul.brief li {
  margin: 0 0 .2em;
}
ul.groupings ul.brief h4 a small {
  display: inline;
  color: #666;
  font: normal .75em Verdana, sans-serif;
  border-bottom: 1px solid #999;
  padding-bottom: 1px;
}
ul.groupings ul.brief li p { display: none; }
ul.groupings h5 {
  margin: .4em 0 .3em 85px;
  font: normal .95em Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
ul.groupings p small {
  text-transform: uppercase;
  font-size: .85em;
  color: #666;
}
ul.groupings li div.propertyinfo {
  padding: 0 8px 7px;
  margin: 0 20px 0 0;
  overflow: hidden;
}
ul.groupings li div.propertyinfo p {
  font-size: 1em;
  margin: 0;
  color: #000;
}
ul.groupings li div.propertyinfo ul {
  list-style: none;
  margin: 0;
}
ul.groupings li div.propertyinfo ul li {
  display: inline;
  padding: 0 10px 0 0;
}
ul.groupings li div.propertyinfo img {
  margin: 0 8px -8px -8px;
  float: left;
  border: 1px solid #ccc;
}

/* Recipes */
ul.recipes { margin: 0; }
ul.recipes li {
  overflow: hidden;
  width: 100%;
}
ul.recipes li img {
  float: left;
  padding: 0 10px 0 0;
}
ul.recipes.brief img { display: none; }



#realty_photo {
  overflow: hidden;
  margin: 0 0 1em;
}
#realty_photo img {
  float: left;
  margin: 0 25px 0 0;
}
#realty_photo h3 {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 3em;
}

body.property .propertyinfo { display: none; }
body.property dl.basics { width: 360px; }

<!-- Take from mock up -->

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 80%;
background-image: url(/system/2/images/bg.jpg);
background-repeat: repeat-x;
}

#wrapper {
position: relative;
margin: 0 auto;
width: 950px;
background-color: #f9faf5;

}

#navigation {
  background: #c48951 url(/system/2/images/tile-navbar.jpg) repeat-y;
  height: 30px;
  display: block;
  margin: -5px 0 0;
}
#navigation ul { 
  list-style: none; 
  margin: 0;
}
#navigation ul li { /* all list items */
  font: bold .95em Verdana, Helvetica, sans-serif;
  float: left;
  display: block;
  width: auto;
  margin: 0;
  padding: 8px 0;
  border-right: 1px solid #225c72;
  position: relative;
}
#navigation ul li a {
  color: #225c72;
  padding: 8px 20px;
  text-decoration: none;
}
#navigation ul li:hover a, #navigation ul li.over a {
  color: #fff;
  background-color: #7b9c95;
}
#navigation ul li:hover ul, #navigation ul li.over ul { display: block; }
#navigation ul li ul a:hover { text-decoration: underline; }

#navigation ul ul {
  display: none;
  background-color: #7b9c95;
  height: auto;
  top: 28px;
  position: absolute;
  left: 0;
  width: 16em;
  background-color: #7b9c95;
  z-index: 100;
  margin: 1px 0 0;
}
#navigation ul ul li {
display: inline;
font-size: 1em;
border: none;
height: auto;
}
#navigation ul li:hover li a {
  font-weight: normal;
  padding: 7px 20px;
  background: none;
  height: auto;
  color: #225c72;
  border-top: 1px solid gray;
  display: block;
}

#navigation ul ul li { float: none; }

#faux {
/* background: url(tile-content.gif); */
margin-bottom: 0px;
overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
width: 100%
}


#leftcolumn {
display: inline;
color: #333;
margin-top: 5px;
padding: 10px;
width: 200px;
float: left;
background-color: #f9faf5;
}

.rndbox {
  background: #e4e7d6;
  padding: 20px;
  margin: 20px 0;
  border-radius: 10px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
}

#listmenu #logo {
  text-align: center;
  margin: 0 auto;
}

ul#select {
margin: 0;
list-style: none;
font-family: tahoma,"trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #e4e7d6;
}

ul#select li {
margin: 1px;
}

ul#select a {
display: block;
padding: 4px;
background-color: #205d72;
border-bottom: 1px solid #7a9b94;
color: #eee;
text-decoration: none;
}
ul#select a:hover {
background-color: #b8753f;
color: #fff;
}

#announcements {
display: inline;
padding: 50px;
text-align: center;
}

#weather {
padding-top: 20px;
padding-bottom: 20px;
}

#rightcolumn {
float: right;
color: #333;
margin-top: 5px;
padding: 30px;
width: 890px;  /* was 680px before dropping left column*/
display: inline;
position: relative;
background-color: #f9faf5;
}
a, a:link { color: #225c72; }
a:hover { color: #b8753f; }

h1 {
color: #b8753f;
font-size: 150%;
padding-bottom: 0;
border-bottom: 2px solid #b8753f;
margin-bottom: 0px;
}

h2 {
color: #205d72;
font-size: 120%;
}

h3 {
color: #205d72;
font-size: 110%;
}
#rightcolumn p { padding-top: 0; }
#rightcolumn ul {
  /* list-style-image: url(../images/ding.gif); */
  padding-left: 0;
  margin-left: 20px;
}

/* Footer Content Area */

#footercontent {
  padding: 5px 10px;
  border-top:thick solid #B8753F;
  clear: both;
  background: #fbf485;
  height: 160px;
}

#footercontent .entry { width: 280px; height: 150px; float: left; padding: 0; margin: 0 10px 0 10px; overflow: hidden;}

/* End Footer Content Area */

#footer {
  padding: 5px 10px;
  clear: both;
  background: #225c72;
/*  margin: 10px 0 1em; */
}
#footer a { color: white; }
#footer a:hover { text-decoration: underline; }
#footer p {
  text-align: right; 
  font-size: .95em; 
  color: #fff;
  margin: 0;
}
#footer li:first-child { border-left: 0; }

.clear {
clear: both;
background: none;
}

#map_canvas { margin-top: 30px; }

.downarrowclass {
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass {
position: absolute;
top: 6px;
right: 5px;
}

#mapContainer {
  border: 1px solid #999;
  margin: 0 0 .75em;
  height: 400px; 
  width: 908px; 
}
.narrow #mapContainer { width: 540px; }

#mapContainer .bubble {
	margin: 0;
  height: 75px;
}
#mapContainer .bubble img {
	width: 75px;
	float: right;
	border-left: 10px solid #fff;
}
#mapContainer .bubble h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#mapContainer .bubble h3 a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
#mapContainer .bubble p {
	margin: 0;
}