﻿@media all
{
	/* Homepage shared rules */
	
	#Features
	{
		height:275px;
		margin-bottom:18px;
	}

	/******************************************
	* Content Panels
	******************************************/
	
	#HomeContentPanels ul
	{
		margin:0px;
		padding:0px;
	}
	
	#HomeContentPanels ul li
	{
		float:left;
		height:120px;
		list-style-type:none;
		margin-left:20px;
		margin-bottom:29px;
		width:225px;
	}
	
	#HomeContentPanels ul li:first-child
	{
		margin-left:0px;
	}
}

@media screen
{
	/* Homepage screen-only rules */
	
	#PageBody
	{
		background-image:none;
	}
	
	/******************************************
	* Features
	******************************************/

	#Features
	{
		clear:both;
		color:#4e4c27;
		margin-bottom:18px;
		position:relative;
		width:960px;
	}
	
	.Feature
	{
		height:275px;
	}
	
	/******************************************
	* Feature Buttons
	/*****************************************/
	
	
	#Features ul.NavLinks
	{
		margin:0px;
		position:absolute;
		right:0px;
		top:6px;
	}

	#Features ul.NavLinks li
	{
		float:left;
		list-style-type:none;
		margin-left:4px;
	}
	
	#Features ul.NavLinks li a.Play
	{
		background-image:url(/Images/FeaturePlayBtnBg.gif);
	}
	
	#Features ul.NavLinks li a.Pause
	{
		background-image:url(/Images/FeaturePauseBtnBg.gif);
	}
	
	#Features ul.NavLinks a
	{
		background:url(/Images/FeatureNumberBg.gif) no-repeat left top;
		color:#ffffff;
		display:block;
		font-size:0.8em;
		font-weight:bold;
		height:16px;
		padding:1px 0px 0px 5px;
		width:11px;
	}

	#Features ul.NavLinks a.Selected
	{
		background-image:url(/Images/FeatureNumberSelectedBg.gif);
	}
}

@media print
{
	/* Homepage print-only rules */
	
	#NewsBox
	{
		display:block;
	}
	
	/******************************************
	* News
	******************************************/
	
	#NewsBox
	{
		float:left;
		margin-right:20px;
		width:470px;
	}
	
	#NewsBox .NewsBoxContainer
	{
		padding:8px 11px;
	}
	
	#NewsBox .NewsBoxContainer .NewsDigest
	{
		float:left;
		font-weight:bold;
		padding-left:10px;
		width:380px;
	}	
}
