@import url('reset.css');

body, html {
	background: #e8dcbd url(../images/interface/body_bg.png);
}

html {
  overflow: -moz-scrollbars-vertical;
}

#container {
	width: 962px;
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
}

#header {
	background: url(../images/interface/header_3.jpg) no-repeat right top;
	width: 962px;
	height: 114px;
}

#header img {
	float: left;	
}

#header #header-search-form {
	padding: 82px 0px 0px 0px;
}

#header .textbox {
	border: 2px solid #d0c7ad;
	padding: 0px;
	margin: 0px;
	background: #fff url(../images/interface/header_search_bg.jpg) repeat-x;
	width: 235px;
	height: 20px;
	float: left;
}

#header .submit {
	height: 20px;
	margin: 0 0 0 10px;
}

#nav, #nav .inner, #nav .inner-2 {
  height: 41px;
}

#nav {
  background: url(../images/interface/menu/menu_bg.jpg);
}

#nav .inner {
  background: url(../images/interface/menu/menu_left.jpg) left center no-repeat;
}

#nav .inner-2 {
  background: url(../images/interface/menu/menu_right.jpg) right center no-repeat;
}

#nav ul#top {
  padding-top: 16px;
  padding-left: 111px;
}

#nav ul a.top {
  display: block;
  text-indent: -9999px;
  background: url(../images/interface/menu/menu_sprite.jpg) 0 0 no-repeat;
  width: 50px;
}

#nav a#nav-home { width: 47px; }
#nav a#nav-home:hover { background-position: 0 -15px; }

#nav a#nav-city-hall { width: 65px; background-position: -47px 0px; }
#nav a#nav-city-hall:hover { background-position: -47px -15px; }

#nav a#nav-planning { width: 218px; background-position: -112px 0px; }
#nav a#nav-planning:hover { background-position: -112px -15px; }

#nav a#nav-public { width: 92px; background-position: -330px 0px; }
#nav a#nav-public:hover { background-position: -330px -15px; }

#nav a#nav-projects { width: 111px; background-position: -422px 0px; }
#nav a#nav-projects:hover { background-position: -422px -15px; }

#nav a#nav-events { width: 56px; background-position: -533px 0px; }
#nav a#nav-events:hover { background-position: -533px -15px; }

#nav a#nav-docs { width: 82px; background-position: -589px 0px; }
#nav a#nav-docs:hover { background-position: -589px -15px; }

#nav a#nav-contact { width: 75px; background-position: -671px 0px; }
#nav a#nav-contact:hover { background-position: -671px -15px; }



#content {
	background: #fff url(../images/interface/main_bg.png) top no-repeat;
	padding: 20px;
	line-height: 160%;
	color: #5b473b;
	min-height: 300px;
}

* html #content {
	height: 300px;	
}

#content p {
	padding: 5px 0 5px 0;	
}

#content a {
	color: #213623;
}

#content a:hover {
	text-decoration: none;	
}
.image-left {
	float: left;
	border: 1px solid #252a21;
	margin: 0 20px 5px 0;
}

.image-right {
	float: right;
	border: 1px solid #252a21;
	margin: 0 0 5px 20px;
}

.image-border {
  border: 1px solid #252a21;
}

table.right-image-table {
  float: right;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #604f3c;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #604f3c;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #604f3c;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #604f3c;
}

h5 {
	font-size: 14px;
	font-weight: bold;
  color: #252a21;
  margin-top: 20px;
  margin-bottom: 0;
}



#footer {
	background: url(../images/interface/footer.jpg) no-repeat;
	height: 46px;
	padding-top: 14px;
	text-align: center;
}

#footer p a {
	color: #aec0af;
}

#footer p a:hover {
	color: #693;	
}