body {
  background: #FFFFFF url('flowers.gif') no-repeat scroll top left; 
}

th, td {
border: 0px;
padding: 0px;
}

h1 {
  color: #7DD1E1;
  font-size: 32px;
  font-weight: normal;
  margin: 10px 0 5px 0;
}

a {
  color: #666666;
  text-decoration:none;
}
a:hover {
  color: #7DD1E1;
}

#container {
  width: 980px;
  margin-left: 130px;
  z-index: 2;
}
#sidebar, .sidebar {
  width: 130px;
  float: left;
  color: #999999;
  z-index: 5;
  position: relative;
}
ul.navigation {
  list-style: none;
}
#sidebar ul li { list-style-type: none; }

#main {
  float: right;
  width: 845px;
  z-index: 1;
}
#hd {
  height: 210px;
  width: 980px;
}
#ft {
  height: 60px;
  width: 980px;
}
#logo {
  position: absolute;
  left: 90px;
  top: 125px;
}

#top-image {
  float: right;
  height: 210px;
  width: 570px;
}
#side-spacer {
  float: left;
  height: 35px;
  width: 100px;
}
#blue-banner {
  float: right;
  width: 845px;
  height: 35px;
  background-color: #7dd1e1;
}
#ft-content {
  width: 845px;
  height: 40px;
  padding: 20px 0;
  background-color: #FFFFFF;
  color: #87878b; 
}
#copyright {
  float: left;
  margin-top: 20px;
  font-size: 10px;
  z-index: 5;
}
#ph-logo {
  float: right;
  z-index: 5;
}
.slide-bg {
  position: absolute;
  top: 245px;
  left: 0px;
  width: 100%;
  height: 800px;
  overflow: hidden;
  opacity: 0.3;
  filter: alpha(opacity = 30);
  z-index: 0;
}
.slide {
  position: absolute;
  top: 245px;
  left: 265px;
  width: 845px;
  height: 565px;
  z-index: 2;
}
#crossfade-container {
  width: 845px;
  height: 565px;
  z-index: 2;
}

#project-description {
  margin-right: 10px;
  font-size: 12px;
  display:table-cell; 
  vertical-align:bottom;
}

#project-list {
  margin-left: 30px;
}

/* navigation */
/*
#nav .current-page:after { content: " >"; }
.current-page, .selected { color:  #c3cf21; }
.current-page:after, .selected:after { content: " >"; }
*/

#subnav {
  margin-left: 30px;
}

#nav .current-page:after { content: " >"; }
.current-page {   color:  #c3cf21; }
.nav .selected { color:  #C3CF21; }
.nav .selected:after { content: " >"; }


#about {
  background: #cccccc url('flowers_gray.gif') no-repeat bottom right;
}
#about h1 {
  color:  #FFFFFF;
}
#about p {
  font-size: 12px;
  line-height: 1.4em;
  margin: 10px 0;
}

#page-content {
  height: 100%;
  width: 100%;
}
#side-content {
  float:left;
  width: 270px;
}
#main-content {
  float:right;
  width:570px;
}


#project-images {
  float:right;
  width: 570px;
}
.pi {
  float: left;
  height:240px;
  width:185px;
  overflow:hidden;
  margin: 0 0 5px 5px;
  text-align:left;
}

.article-image {
  float:right;
  width:185px;
  height:240px;
  margin:0 0 5px 5px;
  overflow:hidden;
  text-align:left;
}

p.author, p.source {
  font-size: 90%;
  color: #999999;
}