body {font:14px "Trebuchet MS", Verdana, Arial, Sans-serif; color:#333; background-color:#11593C; margin:0; padding:0;}

/* Menu */

#topbar {background-color:#036; height:30px; margin-bottom:20px; font-size:13px; font-family:Arial,Sans-serif;}

/* remove the list style */
#nav {margin:0; padding:0; list-style:none;}	

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {float:left; display:block; width:95px; background:#036; position:relative; z-index:500; margin:0 1px;}

/* this is the parent menu */
#nav li a {display:block; padding:7px 5px 0 5px; height:23px; text-decoration:none; text-align:center; color:#9cf;}

#nav li a:hover {color:#fff; text-decoration:underline;}

/* you can make a different style for default selected value */
#nav a.selected {color:#9cf;}

/* submenu, it's hidden by default */
#nav ul {position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none;}

#nav ul li {width:100px; float:left; border-top:1px solid #9cf;}
#nav ul.projects li {width:140px; float:left; border-top:1px solid #9cf;}
#nav ul.media li {width:100px; float:left; border-top:1px solid #9cf;}

/* display block will make the link fill the whole area of LI */
#nav ul a {display:block; height:15px; padding: 8px 5px; color:#9cf;}
#nav ul.projects a, #nav ul.media a {display:block; height:15px; padding: 8px 5px 8px 10px; color:#9cf; text-align:left;}

#nav ul a:hover {text-decoration:underline;}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {margin:0 0 0 -2px;}

#no-menu {}

/* Sections */

#header {background-color:#93946c; margin:0 auto; padding:0; width:980px;}
#header h1 {padding:25px 0 25px 50px; margin:0; text-align:left; color:#fff; font-size:26px; font-weight:bold; line-height:26px; float:left;}
#header img {padding:0; margin:2px 50px 2px 0; float:right; border:1px solid #11593C;}

#content-wrapper {width:980px; margin:20px auto;}

#full-content {background-color:#ffffcc; margin:0 auto; padding:0; width:980px; float:left;}
#full-content h1 {margin:0 15px; padding:15px 0 0; text-align:left; color:#640000; font-size:18px; font-weight:bold; border-bottom:1px dotted #93946c; line-height:18px;}
#full-content h2 {margin:0 15px; padding:15px 0 0; text-align:left; color:#333; font-size:16px; font-weight:bold; line-height:14px;}
#full-content h3 {margin:0 15px; padding:10px 0 0; text-align:left; color:#93946c; font-size:14px; font-weight:normal; line-height:14px;}
#full-content p {margin:0; padding:10px 15px 20px; line-height:1.3em;}
#full-content form {margin:0; padding:10px 15px 20px; line-height:1.3em;}
#full-content iframe {height:576px; width:950px; margin:15px; marginheight:0; marginwidth:0; scrolling:no; background-color:#ffffcc;}

#map {margin:15px; padding:0; width:950px; height:600px; border:1px solid #777; overflow:hidden;}

#content {background-color:#ffffcc; margin:0 auto; padding:0; width:660px; float:left;}
#content h1 {margin:0 15px; padding:15px 0 0; text-align:left; color:#640000; font-size:18px; font-weight:bold; border-bottom:1px dotted #93946c; line-height:18px;}
#content h2 {margin:0 15px; padding:15px 0 0; text-align:left; color:#333; font-size:16px; font-weight:bold; line-height:14px;}
#content h3 {margin:0 15px; padding:10px 0 0; text-align:left; color:#93946c; font-size:14px; font-weight:normal; line-height:14px;}
#content p {margin:0; padding:10px 15px 20px; line-height:1.3em;}
#content hr {margin:0 15px 0 15px;}
#content img.logo {border:1px solid #93946c; float:left; margin:0 10px 0 0; padding:0;}
#content img.hPhoto {margin:10px 15px;border:2px solid #93946c;}
#content form {margin:15px 15px 20px; padding:0;}

#property-list {clear:both; text-align:left; padding:0 15px;}
#property-list div {padding-bottom:15px;}
#property-list div.title {font-weight:bold; margin-top:15px;}
#property-list div.picture {float:left; width:150px;}
#property-list div.property-number {float:left; width:150px;}
#property-list div.address {float:left; width:300px;}
#property-list a, #property-list a:visited {margin:0 auto; text-decoration:underline; color:#333;}
#property-list a:hover {text-decoration:underline; color:#93946c;}
#property-list img {border:none; margin-bottom:1px;}

#sidebar {width:300px; float:right;}

#sidebar-documents {background-color:#ffffcc; margin:0 auto 20px; padding:0; width:300px;}
#sidebar-documents h1 {margin:0 15px 4px; padding:15px 0 0; text-align:left; color:#640000; font-size:16px; font-weight:bold; border-bottom:1px dotted #93946c;}
#sidebar-documents div {margin:0; padding:0 15px 0 26px; line-height:2em; text-indent:-11px;}
#sidebar-documents div.last {line-height:1em;}
#sidebar-documents a, #sidebar-documents a:visited {color:#333;}
#sidebar-documents a:hover {color:#640000;}

#sidebar-top {background-color:#640000; margin:0 auto; padding:0; width:300px;}
#sidebar-top h1 {margin:0 15px 4px; padding:15px 0 0; text-align:left; color:#fff; font-size:16px; font-weight:bold; border-bottom:1px dotted #fff;}
#sidebar-top div {margin:0; padding:0 15px 0 26px; line-height:2em; text-indent:-11px;}
#sidebar-top div.last {line-height:1em;}
#sidebar-top a, #sidebar-top a:visited {color:#fff;}
#sidebar-top a:hover {color:#93946c;}

#sidebar-bottom {background-color:#93946c; margin:20px auto 0; padding:0; width:300px;}
#sidebar-bottom h1 {margin:0 15px 4px; padding:15px 0 0; text-align:left; color:#ffffcc; font-size:16px; font-weight:bold; border-bottom:1px dotted #ffffcc;}
#sidebar-bottom div {margin:0; padding:0 15px 0 45px; line-height:2em; text-indent:-30px;}
#sidebar-bottom div.last {line-height:1em;}
#sidebar-bottom a, #sidebar-top a:visited {color:#ffffcc;}
#sidebar-bottom a:hover {color:#fff;}

#communities {color:#11593C; font-size:1px; margin-top:5px;}
#communities a {color:#11593C;}

#footer {background-color:#93946c; margin:0 auto; padding:0; width:980px;}
#footer p {padding:10px 0; margin:0; text-align:center; color:#fff; line-height:26px;}
#footer a, #footer a:visited {color:#333;}
#footer a:hover {color:#000;}