body {
	/*background: #E1E1E1;*/
}

#box-container {
	position: relative;
	
	width: 1000px;
	
	background: white;
	
	float: left;
}

.box {

	width: 180px;
	height: 280px;
	
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	
	color: #FFF;
	
	background: #B0B1B3;
	
	position: relative;
	
	  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  
	
	cursor: pointer;
  
}

.closeButton {
	
	background-image: url(../images/logos/closeButton.jpg);
	background-position:  center center;
	background-repeat: no-repeat;
	
	
	width: 34px;
	height: 34px;
	
	float: right;
	
	margin:-20px 20px 0 0;
	text-indent: -999px;
	display: none;
	
	cursor: pointer;

}


.hover {
	background: #999;
}


.topBanner {
	margin: 5px;
	
	height: 35px;
	width: 100%;
	
	position: absolute;
	top: 0px;
	
	background: none;
	


}


.bottomBanner {
	height: 50px;
	margin: 5px;
	width: 100%;
	
	background: none;
	position: absolute;
	bottom: 0px;
}

.contentPreview {

	height: 175px;

	margin: 35px 5px 0 5px;
	
	position: absolute;
	
	top: 0px;


}

.contentPreviewImage {
	float: left;
	width: 170px; 
	height: 85px; 
	/* background: #6D6E71; */
	
	position: absolute;
	bottom: 0px;

	
	overflow: hidden;
}


.content {
	
	height: 210px;

	margin: 35px 5px 0 5px;
	overflow-x:hidden;
	overflow-y:auto;
	
	display: none;
	
	background: #D1D3D4;
	position: absolute;
	top: 10px;
	
}

.contentSmall {
	height: 400px;
}

.contentLarge {
	height: 760px;
}

.hide {
display: none;
}

.show {
display: inherit;
}


.box h2 {
	color: #6D6E71;
	font-weight: normal;
	font-style: italic;
}


.blogBoxLink {
	margin: 0px;
	font-weight: normal;
	font-size: 11px;
}

.blogBoxLink a {
		color: #6D6E71;
}

.blogBoxLink a:hover {
		color: #1D1D1D;
}

.blogBoxSub {
	margin: 0px;
	font-weight: normal;
	font-size: 11px;

}