@import url("Fonts.css");
@import url("_form.css");
@import url("themes/mgmtCo/theme-shared.css");
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body{ margin:9; padding:0; }

#container { margin:auto; text-align: center; }
#container #main {text-align: left; min-height: 15em; margin-top: 1em;}
#header { }
#menu-container { width: 771px;  margin: auto; height: 25px; display:block; overflow: hidden; color: Gray;}
#menu-container .menu { padding: 2px 0; display:block; margin-top: -0.17em; height: 32px;} 
#menu-container .menu  ul { }
#menu-container .menu li {border-right: 1px solid white;display: block; float: left; list-style-type: none;  color: White; width: 8em;}
#menu-container .menu li:last-child {border-right: none;}
#menu-container a.menu { padding: 0.5em 2em 0 2em ; color: White; font-weight: bold; font: 75% veranda, sans-serif; vertical-align: top; text-decoration: none;}
#menu-container li.active a.menu { pointer-events: none; cursor: default; text-decoration: none; background-color: white; color: black; font-weight: bold; }
#menu-container .nav-user-options li:first-child a { border: 0px; } 
#menu-container #phone {float: right; display: block; color:White; margin-top: -1.8em; font-size: 0.7em; margin-right: 1em;}

#main {width: 771px; margin: auto; font-size: 12px; line-height: 1.2em; color: #7f7f7f;}
#main h2 {font-size: 12px; color: #333;}
#main h1 {font-size: 16px; border-bottom: 1px solid; padding-bottom: 5px; display: block; color: #7F7F7F;}
#main .image {float:left; margin-right: 1em;}
#main #whats-new-date {font-size: 11px; color: grey;}
#main #whats-new {display:block; width: 400px; padding: 5px; background-color: #F3F3F3;}
#main #news-list a {color:#3388DD; text-decoration: none; font-weight: bold; }
#main #news-list .news-date {text-decoration: none; }

#footer { padding-top: 1em; border-top: 1px solid  #47a2d9; width: 771px; margin:auto; display: block; clear: both; min-height: 4em; } 
#footer div.copyright { display: block; float: left; }
#footer div.menu { width: 65%; display: block; float: left; }
#footer div.menu ul { display: block; float: right; }
#footer .menu { margin-top: -1em; } 
#footer .menu li { display: block; float: left; list-style-type: none; padding: 3px; }
#footer a.menu { border-left: 1px black solid; padding-left: 3px; font-weight: bold; font: 10px veranda, sans-serif; vertical-align: top; text-decoration: none;}
#footer .menu li:first-child a { border: 0px; }
#footer .menu a.menu.active { pointer-events: none; cursor: default;  color: Black; }

#contact-us {margin-bottom: 3em;}
#contact-us .half {float: left; display: block;}
#contact-us #address {margin: 0 0 0 6em; width: 25%; border-right: 1px solid gray; height: 10em; font-weight: bold;}
#contact-us #address p {margin: 0;}
/* Themes: */

#home .front-image img {max-width: 150px;}
#properties input[type=submit] {margin-left: 1em; width: 8em;}
#properties #hoas {display:block; clear:both;}
#flash  {margin-bottom: 0;}