﻿img
{
	border: none;
}

a
{
	text-decoration: none;
	color: #0067A5;
}

a.more
{
	margin:  0 0 0 4px;
	color: #7C7C7C;
	font-style: italic;
	font-family: Arial, Sans-Serif;
	font-size: 90%;
	text-decoration: none;
	text-transform: uppercase;
}

a.edit
{
	border: none;
	padding: 2px;
	font-size: x-small;
	font-family: Arial, Sans-Serif;
	color: #FFFFFF;
	background-color: #0067A5;
	text-decoration: none;
	text-transform: uppercase;
}

#highlight
{
	margin: 0;
	padding: 4px 0 8px 0;
	display: block;
	width: auto;
	height: 237px;
	background-color:	#BDD2E8;
}

#highlight div.inner
{
	margin: 0 auto;
	padding: 0;
	height: 237px;
	width: 780px;
	background-color:	#E7F5FD;
}

#highlight div.inner div.divider
{
	margin: 8px 0;
	padding: 0;
	display: block;
	width: 1px;
	height: 221px;
	float: left;
	background-color: #999999;
}

#highlight div.inner div.column2
{
	margin: 0;
	padding: 0;
	display: block;
	width: 340px;
	height: 237px;
	float: left;
}

#highlight div.inner div.column2 div.divider
{
	margin: 0 0 0 8px;
	padding: 0;
	display: block;
	width: 332px;
	height: 1px;
	background-color: #999999;
}

#highlight div.inner div.column2 div.description-frame
{
	margin: 0;
	padding: 0;
	display: block;
	width: 340px;
	height: 187px;
}

#highlight div.inner div.column2 div.description-frame div.description
{
	margin: 0;
	padding: 8px;
	display: block;
	width: 324px;
	height: 171px;
	font-family: Georgia, Serif;
	overflow: hidden;
	line-height: 150%;
}

#highlight div.inner div.column2 div.description-frame div.description h1
{
	margin: 0;
	font-size: large;
	font-weight: normal;
	color: #BE1C25;
	min-height: 3em;
}

#highlight div.inner div.column2 div.thumbnails
{
	margin: 0 8px;
	padding: 0;
	display: block;
	width: 324px;
	height: 51px;
}

#highlight div.inner div.column2 div.thumbnails div.thumbnail
{
	margin: 3px 6px;
	padding: 3px;
	display: block;
	width: 63px;
	height: 37px;
	float: left;
}

#highlight div.inner div.column2 div.thumbnails div.thumbnail-selected
{
	margin: 3px 6px;
	border: 1px solid #999999;
	padding: 2px;
	display: block;
	width: 63px;
	height: 37px;
	float: left;
}

#highlight div.inner div.column2 div.thumbnails div img
{
	width: 63px;
	height: 37px;
}

#highlight div.inner div.column3
{
	margin: 0;
	padding: 8px;
	display: block;
	width: 135px;
	height: 221px;
	float: left;
}

#highlight div.inner div.column3 img
{
	max-width: 135px;
	max-height: 221px;
}

#contents
{
	margin: 0;
	padding: 12px 0;
	display: block;
	width: auto;
}

#contents div.inner
{
	margin: 0 auto;
	width: 780px;
	position: relative;
}

#contents div.inner div.divider
{
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	width: 1px;
	top: 0px;
	bottom: 0px;
	left: 264px;
	background-color: #999999;
}

#contents div.inner div.divider_col3hack
{
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	width: 1px;
	top: 0px;
	bottom: 0px;
	left: 549px;
	background-color: #999999;
}

#contents div.inner div.column1
{
	margin: 0;
	padding: 0 20px 20px 0;
	display: block;
	width: 244px;
	float: left;
}

#contents div.inner div.column1 h2
{
	margin: 4px 0;
	font-family: Georgia, Serif;
	font-weight: normal;
	font-size: large;
	color: #BE1C25;
}

#contents div.inner div.column1 img.thumbnail
{
	float: left;
	margin: 4px 8px 0 0;
	max-width: 244px;
	clear: both;
}

#contents div.inner div.column1 span.header
{
	display: block;
	width: auto;
}

#contents div.inner div.column1 span.header img
{
	float: none;
}

#contents div.inner div.column1 div.feature
{
	float: left;
	clear: both;
	margin: 0 0 16px 0;
	width: 244px;
}

#contents div.inner div.column2
{
	margin: 0;
	padding: 0 20px 20px 20px;
	display: block;
	width: 244px;
	float: left;
}

#contents div.inner div.column2 h2
{
	margin: 4px 0;
	font-family: Georgia, Serif;
	font-weight: normal;
	font-size: large;
	color: #BE1C25;
}

#contents div.inner div.column2 img.thumbnail
{
	float: left;
	margin: 4px 8px 0 0;
	max-width: 244px;
	clear: both;
}

#contents div.inner div.column2 span.header
{
	display: block;
	width: auto;
}

#contents div.inner div.column2 span.header img
{
	float: none;
}

#contents div.inner div.column2 div.feature
{
	float: left;
	clear: both;
	margin: 0 0 16px 0;
	width: 244px;
}

/* If everything has been working fine, then delete this:
 * ^^ ^^^^^^^^^^ ^^^ ^^^^ ^^^^^^^ ^^^^  ^^^^ ^^^^^^ ^^^^
#contents div.inner div.column2
{
	margin: 0;
	padding: 0 20px 20px 20px;
	display: block;
	width: 244px;
	float: left;
}

#contents div.inner div.column2 h2
{
	margin: 4px 0;
	font-family: Georgia, Serif;
	font-weight: normal;
	font-size: large;
	color: #BE1C25;
}

#contents div.inner div.column2 img.thumbnail
{
	float: left;
	margin: 4px 8px 0 0;
	clear: both;
}

#contents div.inner div.column2 span.header
{
	display: block;
	width: auto;
}

#contents div.inner div.column2 span.header img
{
	float: none;
}

#contents div.inner div.column2 div.feature
{
	float: left;
	clear: both;
	margin: 0 0 16px 0;
	width: 244px;
}
*/

#contents div.inner div.column3
{
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	width: 230px;
	float: right;
}

#contents div.inner div.column3 div.feature a.thumbnail
{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#contents div.inner div.column3 div.sub-feature-frame
{
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	display: block;
	float: left;
	clear: both;
	width: 230px;
	height: 450px;
	overflow: hidden;
}

#contents div.inner div.column3 div.sub-feature-frame div.sub-feature
{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	clear: both;
	position: absolute;
	height: 450px;
	overflow: hidden;
}
