body {
	background: #3E295A;
	margin: 0px;
	padding: 0px;
	color: #fdf5e6;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a {
	color: #fdf5e6;
	outline: none;
}
.add {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#nav {
   	background: url(images/nav.gif) no-repeat;
	width: 764px;
	height: 12px;
	padding: 0;
    position: relative;
	margin: 0;
	}

  #nav li {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	list-style: none;
  }
  
  #nav li, #nav a { 
  height: 12px; 
  display: block; 
  text-decoration: none; 
  text-indent: -9999px;
  outline:0px;
  }
  
  
#about {left: 0px; width: 234px;}
#comm {left: 305px; width: 189px;}
#gallery {left: 569px; width: 195px;}

  #about a:hover {background: transparent url(images/nav.gif) 0 -28px no-repeat;}
  #comm a:hover {background: transparent url(images/nav.gif) -305px -28px no-repeat;}
  #gallery a:hover {background: transparent url(images/nav.gif) -569px -28px no-repeat;}


#content {
	margin: 1em 1em 1em 350px;
	}

#content2 {
	width: 85%;
	margin: 0 auto;
	}	



.imgR {
	float: right;
	margin: 0 0 0 1.5em;
	padding: 5px;
	border: solid 1px #fdf5e6;
	}
	
.imgL {
	float: left;
	margin: 0 1.5em 1em 0 ;
	padding: 5px;
	border: solid 1px #fdf5e6;
	}

/* 2-columns (resource list)*/

#content2 ul {
  width: 100%; 
  margin-bottom: 3em;
  padding-left: 1.5em;
  float: left;
}

#content2 ul li {
  float: left;
  width: 40%;
  margin-right: 3em;
  padding: 3px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;

}