@import url('reset.css');

a:link, a:visited  {
  color: #2c6c00;
  }
  
a:focus, a:hover, a:active  {
  color: #4ec000;
  }
  

body  {
  font-size: 10px;
  font-family: tahoma, geneva, sans-serif;
  background-image: url("../images/bg.jpg");
  background-color: #172f17;
  color: #222;
}

.clear  {
  clear: both;
  }

/* begin left column styles */

#col-left {
  float: left;
  width: 240px;
  font-size: 1.4em;
  background-color: #fff;
  }
  
#col-left a:link, #col-left a:visited {
  
  }
  
#col-left a:focus, #col-left a:hover, #col-left a:active {
  
  }    
  
#col-left img {
  margin-left: 39px;
  margin-bottom: 20px;
  }  
  
#col-left h2 {
  width: 219px;
  height: 30px;
  margin-bottom: 20px;
  }

#col-left h2 span {
  display: block;
	width: 0;
	height: 0;
	overflow: hidden;
  }
  
h2#city-directory {
  background-image: url("../images/city-directory.jpg");
  background-repeat: no-repeat;
  }  

h2#utilities {
  background-image: url("../images/utilities.jpg");
  background-repeat: no-repeat;
  }  
  
h2#council {
  background-image: url("../images/council-meetings.jpg");
  background-repeat: no-repeat;
  }    

h2#churches {
  background-image: url("../images/area-churches.jpg");
  background-repeat: no-repeat;
  }    
  
h2#businesses {
  background-image: url("../images/businesses.jpg");
  background-repeat: no-repeat;
  }      

#col-left h3 {
  margin-left: 20px;
  font-weight: bold;
  }  
  
#col-left p, #col-left ul {
  margin-left: 20px;
  margin-bottom: 20px;
  }  
  
/* end left column styles */

/* begin right column styles */

#col-right {
  float: right;
  width: 600px;
  margin: 20px 40px 0 10px;
  padding: 10px;
  font-size: 1.4em;
  line-height: 1.4em;
  background-color: #fff;
  }
  
#col-right h2 {
  font-size: 1.2em;
  margin-bottom: 1.2em;
  font-weight: bold;
  }  

#col-right h3 {
  margin-bottom: 1em;
  }
  
#col-right p, #col-right ul  {
  margin-bottom: 1.2em;
  }  

#col-right ul {
  margin-left: 20px;
  }
  
#col-right ul li{
  list-style-type: square;
  margin-bottom: 1.2em;
  }  
  
#benches {
  margin-left: -10px;
  }  
  
#welcome {
  margin-top: -10px;
  }  
  
.position {
  font-weight: bold;
  }
  
td {
  padding: 10px;
  }  
  
.pics {
  float: right;
  }  

/* end right column styles */


#container {
 
  }

#content  {
  width: 960px;
  max-width: 960px;
 
  }

/* begin footer styles */

#footer {
  text-align: center;
  background-color: #fff;
  }
  
#footer-nav {
  background-color: #000;
  color: #fff;
  padding: 4px 0;
  font-size: 1.2em;
  font-weight: bold;
  }  

#footer-nav a:link, #footer-nav a:visited {
  color: #fff;
  text-decoration: none;
  }
  
#footer-nav a:focus, #footer-nav a:hover, #footer-nav a:active {
  color: #fff;
  text-decoration: underline;
  }  
  
#footer-nav li {
  display: inline;
  }

#copyright {
  padding: 10px 0 15px 0;
  font-size: 1em;
  background-color: #fff;
  }  
  
/* end footer styles */    

#header {
  height: 138px;
  width: 960px;
  background-image: url("../images/header-bg.jpg");
  background-repeat: no-repeat;
  background-color: #000;
  background-position: 0px 7px;
  }
  
#header h1 {
  display: block;
	width: 0;
	height: 0;
	overflow: hidden;
  }


.left {
  float: left;
  }
  
.right {
  float: right;
  } 

#main {
  text-align: left;
  font-size: 1em;
  background-color: #fff;
  padding: 7px 20px;
  min-height: 600px;
  }        

/* begin nav-1 styles */

#nav-1 {
  text-align: right;
  color: #1a340e;
  font-family: verdana, sans-serif;
  font-size: 1.8em;
  margin-bottom: 10px;
  }
  
#nav-1 li {
  display: inline;
  }  
  
#nav-1 a:link, #nav-1 a:visited {
  color: #1a340e;
  text-decoration: none;
  }  
  
#nav-1 a:focus, #nav-1 a:hover, #nav-1 a:active {
  color: #478f27;
  text-decoration: none;
  }
/* end nav-1 styles */