#themes {
  width: 730px;
  height: 380px;
  height: 400px;
  background: #fff;
  position: relative;
}

#themes .nav {
  position: absolute;
  top: 0;
  right: 0;
  background: #fc0;
  z-index: 20;
}

#themes .nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#themes .nav li {
  float: left;
  padding: 0;
}

#themes .nav a {
  color: #5D8CBA;
  text-decoration: none;
  display: block;
  font: bold 10px/17px Arial;
  text-transform: uppercase;
  padding: 0 10px;
  width: 126px;
  height: 20px;
  background-position: 0 20px;
  background-repeat: none;
  background-color: #fff;
}

#themes .nav a span {
	position: absolute !important;
	left: -9000px !important;
}
    /* special IDs given by themes.js */
    #a-theme-1 { background-image: url(/images/building_community.gif); }
    #a-theme-2 { background-image: url(/images/connecting_globally.gif); }
    #a-theme-3 { background-image: url(/images/launching_ideas.gif); }
    #a-theme-4 { background-image: url(/images/creating_impact.gif); }
    #a-theme-5 { background-image: url(/images/the_wv_experience.gif); }

#themes .nav a.active,
#themes .nav a.active:hover {
  background-position: 0 0px;
}

#themes .nav a:hover {
  background-position: 0 40px;
}

.theme {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
}

/* IE is being strange... */
.theme a {
  position: relative;
}

.theme div.caption {
  color: #fff;
  padding: 15px 25px;
  width: 220px;
  height: 260px;
  
  margin-top: -292px;
  margin-left: 460px;
  background: url(/images/theme.png) repeat top left;	
}

body.not-ie .theme div.caption {
  position: relative;
  
}
body.ie .theme div.caption {
	margin-top: -294px;
}
.theme p {
	font: normal 9px/150% Verdana;
}

.theme span.heading {
	font: normal 1.4em Arial;
	letter-spacing: -1px;
	display: block;
	margin-bottom: 10px;
}

.theme a.more {
	color: #fc0;
	margin-top: 10px;
	display: block;
}

.theme div.related {
  margin-top: 30px;
}

.theme div.related a {
  color: #fc0;  
}

#themes div.active {
}