body
{
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-family: Trebuchet, Trebuchet MS, sans-serif;
}

img
{
	border: 0;
}

div#topbar
{
	width: 640px;
	background: #dbe3e5;
}

	div#topbar .right
	{
		margin: 0 0 0 364px;
		padding: 0 0 4px 10px;
		width: 266px;
		background: #97c0dc;
	}
	
		* html div#topbar .right
		{
			width: 276px;
		}
	
	div#topbar .right a
	{
		color: #4a4a7c;
		padding: 6px 10px 4px 0;
		font-size: 11px;
		text-decoration: none;
		border-right: 2px solid #dbe3e5;
	}
	
	div#topbar .right a:hover
	{
		text-decoration: underline;
	}

div#logo
{
	width: 505px;
	margin: 20px 0 20px 25px;
}
	
	div#logo img#uvl-logo
	{
		float: left;
	}
	
	div#logo img#newsletter
	{
		float: right;
		padding: 10px 0 0 0;
	}

div.item
{
	width: 640px;
	background: url(/e-newsletter/bg.gif) repeat-y;
}
	
	div.item h1
	{
		color: #ffffff;
		font-size: 15px;
		padding: 5px 0 5px 20px;
		margin: 0;
		background: #6ebb1f;
	}
	
	div.item h2
	{
		color: #6090A6;
		font-size: 13px;
		padding: 5px 0 0 20px;
		margin: 0;
	}
	
	div.item strong
	{
		color: #7e7c7d;
		padding: 0 0 3px 20px;
	}
	
	div.item .copy
	{
		float: left;
		width: 372px;
		font-size: 12px;
	}
	
	div.item .copy p
	{
		padding: 0 20px 8px 20px;
		margin: 0;
		color: #7e7c7d;
	}
	
	div.item .copy a
	{
		font-weight: bold;
		color: #50ad28;
		text-decoration: none;
	}
	
	div.item .copy a:hover
	{
		text-decoration: underline;
	}
	
	div.item .image
	{
		float: right;
		width: 268px;
		padding: 5px 0 5px 0;
	}

div#footer
{
	width: 620px;
	color: #7a96a1;
	padding: 10px 0 0px 20px;
	font-size: 10px;
	background: #c7e3ef;
}

div#footer .left
{
	float: left;
	padding: 3px 20px 15px 20px;
	border-right: 1px solid #133977;
}

div#footer .right
{
	float: left;
	padding: 3px 20px 15px 20px;
}

div.bottombar
{
	width: 640px;
	padding: 0 0 20px 0;
	background: #133977;
}