/* Blue theme (default) */
#pageHeader
{
	background-color: #00488E;
}

/* Red theme */
body.red-theme #pageHeader
{
	background-color: #9E032A;
}

/* Purple theme */
body.purple-theme #pageHeader
{
	background-color: #6E005F;
}

@media print
{
	#shopButton,
	#searchBox
	{
		display: none;
	}
	#banner
	{
		width: 900px;
	    height: 190px;
	    margin: 0px auto;
	    background: url(images/banner.png) top left no-repeat;
	}
}
@media screen
{
	#outerDiv
	{
		width: 900px;
		margin: 0px auto;
		position: relative;
	}
	#pageHeader
	{
		height: 190px;
		position: relative;
		margin-bottom: 4px;
	}
	#banner
	{
		position: relative;
	    height: 190px;
	    z-index: 2;
	    background: url(images/banner.png) top left no-repeat;
	}
	#shopButton
	{
	    position: absolute;
	    top: 66px;
	    right: 0px;
	    z-index: 3;
	}
	#shopButton a img
	{
		border: none;
	}
	#searchBox
	{
		position: absolute;
		top: 8px;
		right: 10px;
		z-index: 3;
		color: white;
	}
	#searchBox input,
	.searchForm input
	{
		vertical-align: middle;
		margin-left: 5px;
	}
	#mission
	{
	    position: absolute;
	    top: 50px;
	    left: 240px;
	    width: 470px;
	    height: 90px;
	    z-index: 1;
	    opacity: .35;
	    filter: alpha(opacity=35);
	}
	
	#bodyContainer,
	#bodyContent
	{
		position: relative;
	}
	
	
	/* Three Columns (Equal) */
	.leftColumnEqual,
	.rightColumnEqual
	{
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 10px;
		width: 296px;
	}
	.leftColumnEqual
	{
		float: left;
		margin-right: 6px;
	}
	.rightColumnEqual
	{
		float: right;
		margin-left: 6px;
	}
	.bodyColumnEqual
	{
		padding: 0px 302px 20px 302px;
	}
	
	
	/* Three Columns (Standard) */
	.leftColumn,
	.rightColumn,
	.rightColumnWide
	{
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 10px;
	}
	.leftColumn
	{
		float: left;
		width: 200px;
		margin-right: 20px;
	}
	.rightColumn
	{
		float: right;
		width: 262px;
		margin-left: 6px;
	}
	.rightColumnWide
	{
		float: right;
		width: 282px;
		margin-left: 6px;
	}
	
	div.bodyColumn,
	div.bodyNoColumns,
	div.bodyNoLeftColumn,
	div.bodyNoRightColumn
	{
		padding: 0px 268px 20px 220px;
	}
	div.bodyNoColumns,
	div.bodyNoLeftColumn
	{
		padding-left: 0px !important;
	}
	div.bodyNoColumns,
	div.bodyNoRightColumn
	{
		padding-right: 0px !important;
	}
	div.bodyWideRightColumn
	{
		padding-right: 288px;
	}
	
	
	/* Blue theme (default) */
	#mission
	{
		background-color: #A6C3DD;
	}
	
	/* Red theme */
	body.red-theme #mission
	{
		background-color: #DDA7B5;
	}
	
	/* Purple theme */
	body.purple-theme #mission
	{
		background-color: #CCA6C7;
	}
}