/*
 * news.php
 */

#main.news #slideshow {
	  
	height: 455px;  /* overall size of #content is 760w x 455h */
	width: 720px;
	margin: 0 20px;
}

#main.news #slideshow .slide {
	

	height: 455px;  /* these should match the dimensions of #slidshow */   
	width: 720px;
	
	padding: 0;
	padding-top: 20px;

}

#main.news #slideshow .slide .column {
	width: 210px;  /*  3x width + 6x margin = 720px(width of .slide) */
	margin: 15px;

	float: left;
	display: inline; /* fixes IE margin bug when floating left */

}

#main.news #slideshow .slide .column p {
	margin: 0;
	padding: 0;
	font: inherit;
}

#main.news #slideshow .slide .thumbnail { /* div.thumbnail encases the img for each column */

	height: 180px;
	width: 100%;
	
	position: relative;

}

#main.news #slideshow .slide img {
	display: block;
	position: absolute;
	left: 10px; /* this will get reset by Javascript, but it's a good starting point */
	bottom: 0;
	
}


#main.news #slideshow .blurb, #slideshow .deliverables { 
	margin: 5px;
	display: block;
}

#main.news #slideshow .blurb {
	
	font-size: 10px;
	line-height: 1.5em;
	
	height:9em;
	color:#444;

	padding-top: 5px;
}

#main.news #slideshow .deliverables {
	font-size: 9px;
	line-height: 1.2em;
	
}

#main.news #slideshow .slide a {
	color: #222;
}



/*
 * what.php
 */

#main.what #slideshow {
	  
	height: 455px;  /* overall size of #content is 760w x 455h */
	width: 760px;
	margin: 0px;
}

#main.what #slideshow .slide {
	

	height: 455px;  /* these should match the dimensions of #slidshow */   
	width: 760px;
	
	padding: 0;

	position: relative;
}

#main.what .slide .bottom {
	position: absolute;
	bottom: 4px;
	right: 20px;
}

#main.what .slide .bottom a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#main.what .slide .bottom a:hover {
	text-decoration:underline;
}