/* Positioned Elements */

body {
  font-family:verdana, Helvetica, sans-serif;
  margin:0px;
  background:url(/images/bg.jpg) repeat-x #184097 center top;
  behavior: url(/csshover.htc);
}
	
#container {
  width:1100px;
  margin-left:auto; 
  margin-right:auto;
}

#banner {
  background:url(/images/banner.png) #fff;
  height:157px;
}

  #banner p {
    font-size:15px;
    line-height:20px;
    float:right;
    margin:0px;
    padding:5px 384px 0px 0px;
    letter-spacing:.5px;
    color:#000;
  }

  #social {
    margin:10px 0px 0px 36px;
    padding:0px;
    width:150px;
    float:right;
}

  #social img {
    float:left;
    padding-left:20px;
}

#topnav {
  background:#0c1854 no-repeat;
  height:38px;
}

#content {
  margin:0px;
  padding:30px 40px 36px 40px;
  background:#fff;
  color:#2b2b2b;
  min-height:200px;
  font-size:15px;
}

#rightmenu {
  background:url(/images/rightmenu.png) repeat-y;
  width:243px;
  float:right;
  margin-left:40px;
}

  #rightmenu h2 {
    background:url(/images/h2.png) no-repeat;
    height:37px;
    width:243px;
    margin:0px !important;
    padding:9px 0px 8px 30px !important;
    color:#c8ecc4 !important;
    text-transform:uppercase;
    font-weight:normal;
    letter-spacing:.5px;
    font-size:15px !important;
}

  #rightmenu ul {
    margin-top:0px;
}

  #rightmenu li {
    line-height:25px !important;
}

#bottom a {
  float:left;
  display:block;
  height:139px;
  color:#fff;
  padding:12px 0px 0px 0px;
  text-align:center;
  text-decoration:none;
  letter-spacing:.5px;
  font-weight:normal;
}

#bottom a:hover {
  text-decoration:underline;
}

#site-plans {
  width:224px;
  background:url(/images/site-plans.jpg) no-repeat; 
}

#site-plans:hover {
  width:224px;
  background:url(/images/site-plans-hover.jpg) no-repeat; 
}

#utility-design {
  background:url(/images/utility-design.jpg) no-repeat;
  width:216px;
}

#utility-design:hover {
  background:url(/images/utility-design-hover.jpg) no-repeat;
  width:216px;
}

#rezonings {
  background:url(/images/rezonings.jpg) no-repeat;
  width:222px;
}

#rezonings:hover {
  background:url(/images/rezonings-hover.jpg) no-repeat;
  width:222px;
}

#land-planning {
  background:url(/images/land-planning.jpg) no-repeat;
  width:218px;
}

#land-planning:hover {
  background:url(/images/land-planning-hover.jpg) no-repeat;
  width:218px;
}

#city-projects {
  background:url(/images/city-projects.jpg) no-repeat;
  width:220px;
}

#city-projects:hover {
  background:url(/images/city-projects-hover.jpg) no-repeat;
  width:220px;
}

#footer {
  padding:0px 0px 0px 0px;
  margin:0px;
  font-size:13px;
  color:#000;
  text-align:center;
}

  #footer p {
    list-style:none;
    margin:0px;
    padding:13px 0px 10px 0px;
  }


/* Styled Elements */


#content h1 {
  font-family:georgia;
  font-size:32px;
  padding:0px 0px 8px 0px;
  margin:0px 0px 0px 0px;
  font-weight:normal;
}

#content h2 {
  font-size:21px;
  margin:14px 0px 0px 0px;
  padding:0px;
}

#content h3 {
  font-size:14px;
  margin:14px 0px 0px 0px;
  padding:0px;
  color:#084a62;
  font-style:italic;
}

#content p {
  margin:14px 0px 0px 0px;
  line-height:21px;
}

#content li {
  margin-left:16px;
  margin-right:22px;
  line-height:21px;
}

.table {
  margin:14px 0px 0px 0px;
  font-size:13px;  
}

.table td {
  padding:0px 30px 30px 0px;
}

#rotator {
  height:250px;
  overflow:hidden;
}

.certs img {
  width:300px;
  padding:22px;
}

.right_pic {
  float:right;
  padding:4px 12px 14px 12px;
  margin:0px !important;
  font-size:13px;
  text-align:center;
  font-style:italic;
}

.left_pic {
  float:left;
  padding:8px 22px 12px 2px;
  margin:0px !important;
  font-size:13px;
  text-align:center;
  font-style:italic;
}

.required {
  color:#000 !important;
}

#logo {
  float:left;
  width:146px;
  height:130px;
  padding:19px 0px 0px 12px;
  margin:5px 0px 0px 22px;
}

img {
    border:none;
    display:block;
}

hr {
    margin:20px 0px 20px 0px;
}

#clear {
  height:0px;
  margin:0px;
  clear:both;
}

.hidden {
  display:none;
}


/* Begin link styles */


a {
  color:#132E5B;
  font-weight:bold;
  text-decoration:underline;
}

a:visited {
  color:#132E5B;
  text-decoration:underline;
}

a:hover {
  color:#4c72b3;
  text-decoration:underline;
}

#banner a {
  color:#000;
  font-weight:normal;
}

#banner a:visited {
  color:#000;
}

#banner a:hover {
  color:#000;
}

#footer a {
  color:#333;
}

#footer a:visited {
  color:#333;
}

#footer a:hover {
  color:#000;
}

/* Begin CSS rollover menus */


div#nav {
  font-family:arial;
}

div#nav ul {
  padding:0px 0px 0px 2px;
  margin:0px;
  list-style: none;
  margin:0px;
  z-index:50;
}

div#nav li {
  padding:0px 0px 0px 0px !important;
}

div#nav a {
  color: #7cbbd5; 
  font-size:15px;
  text-transform:uppercase;
  display: block;
  font-weight:normal;
  padding:10px 25px 9px 25px;
  text-decoration:none;
  margin:0px;
}

div#nav a:hover {
  color: #fff;
  text-decoration: none;
  font-weight:normal;
  background:#7cbbd5;
}

div#nav li li {
  display: block; 
  float: none;
  background:#06284b;
  text-align:left;
  padding:0px !important;
  margin:0px;
}

div#nav li li:hover {
  background: #104B85;
}

div#nav li li a {
  font-weight:normal;
  border:none;
  margin:0px;
  padding:9px;
  color:#fff;
  width:170px;
  font-size:13px;
}

div#nav li li a:hover {
  color:#fff;
  background: #104B85;
}

div#nav li { /* all list items */
  cursor: default; 
  float: left;
  padding:0px;
  margin:0px;
}

div#nav li ul { /* second-level lists */
  background: #377c2b;
  position: absolute;
  left: -999em;
  margin:0px;
  padding:0px;
}

/* third-and-above-level lists */
div#nav li ul ul {
  position: absolute;
  margin:-34px 0px 0px 187px;
}

div#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}

div#nav li:hover ul, div#nav li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}: auto;
}