/*		Default Layout: 992px. 
---------------------------------------------
*/

body 
{
	padding-top: 72px;
	color:#333;
	background-color: #fff;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	font:0.813em/1.3 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,Arial,sans-serif;
}
h1 
{
	font-size:2.15em;
	font-weight:normal;
	line-height:1.2;
	margin:0 0 12px;
}
h2 
{
	font-size:1.384em;
	font-weight:normal;
	margin:0 0 5px;
	color:#333;
}
#mainWrapper
{
	width: 712px;
	padding: 20px;
	text-align: left;
	background-color: White;
	box-shadow: 0 0 12px #ccc;
	border-radius: 5px;
	border: 1px solid #ddd;
	margin: 0 auto 50px auto;
}
.RedHR 
{
	margin: 8px 0;
	border-top: solid 8px #D5002D;
	padding: 0;
}
#header .search
{
	float: right;	
}
#header nav
{
	float: right;
	clear: right;
	margin-top: 20px;
}
#header nav a:visited
{
	color: #000;
}
#header nav ul li
{
	float: right;
	font-weight: bold;
	margin-left: 20px;
}
#header nav ul li a
{
	color: #000;
	text-decoration: none;
}
#header nav ul li ul
{
	display: none;
	padding-left: 0;
	position: absolute;
	border: 1px solid red;
	background-color: #fff;
	border: 1px solid #CCC;
	box-shadow: 0 0 10px #ccc;
	border-radius: 3px;
	z-index: 999;
}
#header nav ul li ul li
{
	float: none;
	padding: 6px;
	margin-left: 0;
	font-weight: normal;
}
#header nav ul li ul li:hover
{
	background-color: #ddd;	
}
#header nav ul li ul li a:hover
{
	color: #000;
}
.mainContent
{
	margin-top: 15px;
	float: left;
}
.newsContainer
{
	margin-top: 15px;
	width: 35%;
	float: right;
}
.newsContainer h1
{
	font-size: 1.4em;	
}
.newsContainer article
{
	margin-bottom: 15px;
}
.newsContainer article hgroup h1
{
	font-size: 1.2em;
	margin-bottom: 5px;
	border-bottom: 1px solid red;
}
.newsContainer article hgroup h2
{
	font-size: 1em;
	color: #888;
}
.newsContainer article #footer
{
	color: #999;
	font-style: italic;
}
#footer
{
	clear: both;	
	padding-top: 30px;
}


/*		Tablet Layout: 768px.
---------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 991px) 
{	
	body 
	{
		padding-top: 48px;
	}
	#mainWrapper
	{
		width: 712px;
	}
	#header nav
	{
		margin-top: -15px;
	}
}


/*		Wide Mobile Layout: 480px. 
---------------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 767px) 
{	
	body 
	{
		padding-top: 36px;
	}
	#mainWrapper
	{
		width: 436px;
	}
	#header nav
	{
		float: none;
		margin-bottom: 10px;	
	}
	#header nav ul li
	{
		float: none;
		padding: 5px;
		margin: 5px;
		clear: left;
	}
	#header nav ul li ul
	{
		position: static;
		border: none;
		border: none;
		box-shadow: none;
		border-radius: none;
	}
	#header nav ul li ul li
	{ 
		float: left;
		margin-right: 15px;
	}
	.RedHR
	{
		clear: left;
	}
	.mainContent
	{
		width: 100%;
		float: none;	
	}
	.newsContainer
	{
		width: 100%;
		float: none;
	}
	.newsContainer h1
	{
		font-size: 1.7em;
	}
}

/*		Mobile Layout: 320px.
---------------------------------------------
*/

@media only screen and (max-width: 480px) 
{	
	body 
	{
		padding-top: 24px;
	}
	#mainWrapper
	{
		width: 252px;
	}
	#header .search
	{
		float: none;
		margin-top: 15px;	
	}
	#header nav
	{
		float: none;
		margin-top: 10px;	
	}
	#header nav ul li
	{
		float: none;
		padding: 5px;
		margin: 5px;
	}
	.mainContent
	{
		width: 100%;
		float: none;	
	}
	.newsContainer
	{
		width: 100%;
		float: none;
	}
	.newsContainer h1
	{
		font-size: 1.7em;
	}
}