@charset "utf-8";
/* CSS Document */

@import url("global.css");

.largeColumn{
	background:#FFF;
	float: left;
	height: 670px;
	overflow: hidden;
	padding: 15px;
	width: 505px;
}

	.largeColumn p{
		color: #000;
		margin-bottom: 1.2em;
		text-decoration: none;
	}
	
	.largeColumn hr{
		/*hr color is not defined here as it creates a drop shadow in different browsers. Define hr color in direct html*/
		width: 216px;
	}
	
	.largeColumn h3{
		text-transform: uppercase;
	}

.smallColumn{
	background: #FCB034;
	float: left;
	height: 700px;
	margin-left: 15px;
	width: 250px;
}

	.smallColumn li a{
		color: #fff;
		display: block;
		font-size: 1.1em;
		padding: 6px 16px;
		text-transform: uppercase;
	}
	
	.smallColumn li:hover{
		background-color: #516779;
	}

	.smallColumn li a:link .name, .smallColumn li a:visited .name, .smallColumn li a:active .name{
		color: #516779;
	}
	
	.smallColumn li a:hover .name{
		color: #FCB034;
	}
	
	.smallColumn p{
		padding: 15px;
	}

.distributors li{
	height: 70px;
}

.distributors li:hover{
	background-color: #FCB034;
}

.distributors li a:hover{
	color:#354249;
}

.distributors li img{
	clear: both;
	float: left;
	vertical-align: middle;
	padding-right: 10px;
}

.name{
	display: block;
	line-height: 1.8em;
	padding-left: 7px;
	text-transform: capitalize;
}

.name a{
	color: #516779;
}

.name a:hover{
	color: #FCB034;
}

.profile{
	float: left;
	margin-right: 15px;
}

#news{
	background: #485F6D;
	float: left;
	height: 668px;
	overflow: hidden;
	padding: 15px;
	width: 768px;
}

	#news li{
		font-size: 1.2em;
		line-height: 1.8em;
	}

	#news li .article{
		color:#FFF;
		padding: 4px;
	}

	#news li a:hover .article{
		background: #FCB034;
		color: #000;
	}

	#news li a .date{
		color: #000;
	}
	
	#news li a:link .date, #news li a:visited .date, #news li a:active .date, {
		color: #000;
	}
	
	#news li a:hover .date{
		color: #FCB034;
	}

.documentList li{
	padding: 10px;
}

.documentList li img{
	float: left;
	vertical-align: middle;
	padding-right: 10px;
}