﻿/*
 * Overridden styles from Global.css
 */
 
#Body
{
	padding-top: 0px;
}

#SingleColumn
{
	margin: 0px;
	padding: 0px;
	background: none;
}

#MainContent
{
	margin-top: 0px;
}

#Footer
{
	background-image: url('/Assets/Images/Containers/bottom-blue.gif');
	background-position: center top;
	background-repeat: no-repeat;
	width: 944px;
	height: 14px;
}

.BlueBoxTop
{
	background-image: url('/Assets/Images/Containers/bluebox-home-top.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 227px;
	height: 12px;
}

.BlueBoxMiddle
{
	background-image: url('/Assets/Images/Containers/bluebox-home-middle.gif');
	background-position: center top;
	background-repeat: repeat-y;
	width: 227px;
	color: #ffffff;
	font-size: 0.9em;
	overflow: visible;
}

.BlueBoxMiddle p
{
	padding: 0px 10px 0px 10px;
}

.BlueBoxMiddle a:link, .BlueBoxMiddle a:visited, .BlueBoxMiddle a:active, .BlueBoxMiddle a:hover
{
	font-weight: normal;
	text-decoration: underline;
}

.BlueBoxBottom
{
	background-image: url('/Assets/Images/Containers/bluebox-home-bottom.gif');
	background-position: center top;
	background-repeat: no-repeat;
	width: 227px;
	height: 12px;
}

/*
 * Styles specific to the homepage
 */
 
#Home
{
	position: relative;
	margin: 0px;
}

#HomeTop
{
	position: relative;
	background: #ffffff url('/Assets/Images/Containers/lt-blue-wave-home.jpg') no-repeat scroll right top;
	height: 363px;
	margin: 0px 1px 0px 1px;
}

#ButtonsContainer
{
	width: 300px;
	position: absolute;
	top: 240px;
	left: 430px;
}

#HomeBottom
{
	background: #2681d3 url('/Assets/Images/Containers/bluebackground1px.gif') repeat-y scroll center top;
	overflow: auto;
}

#HomeBottomContent
{
	background-image: url('/Assets/Images/Containers/blue-background-home.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	overflow: auto;
	color: #ffffff;
}

#HomeBottomContent h1
{
	color: #90c5ef;
	font-size: 1.5em;
}

#HomeBottomContent h2
{
	color: #90c5ef;
	font-size: 1.3em;
}

#HomeBottomContent h3
{
	color: #90c5ef;
	font-size: 1.2em;
}

#BottomLeftColumn
{
	width: 380px;
	padding: 0px 10px 10px 20px;
	color: #ffffff;
	font-size: 1.1em;
	line-height: 1.75;
	overflow: auto;
	float: left;
}

#BottomMiddleColumn
{
	float: left;
	width: 237px;
	margin: 0px 15px 0px 15px;
	padding: 0px 5px 0px 5px;
	overflow: auto;
}

#BottomMiddleColumn h2
{
	padding: 0px 0px 5px 0px;
}

#BottomMiddleColumn ul
{
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#BottomMiddleColumn li a
{
	color: #ffffff;
}

#BottomMiddleColumn li a:link, #BottomMiddleColumn li a:visited, #BottomMiddleColumn li a:active
{
	text-decoration: none;
}

#BottomMiddleColumn li a:hover
{
	text-decoration: underline;
}

#BottomRightColumn
{
	float: left;
	width: 227px;
	margin: 0px 15px 0px 10px;
	overflow: visible;
}

#Social
{
	margin-top: 15px;
}

#Social h3
{
	padding: 0px 0px 5px 0px;
	font-size: 1.1em;
}

.EventsContainer
{
	border-top: solid 2px #90c5ef;
	margin-top: 30px;
	padding: 5px 0px 5px 0px;
	overflow: auto;
}

#Blog
{
	border-top: solid 2px #90c5ef;
	border-bottom: solid 2px #90c5ef;
	padding: 5px 0px 5px 0px;
	overflow: auto;
}

#Blog h3 a, .EventsContainer h3 a
{
	color: #90c5ef;
	text-decoration: none;
}

.GirlImage
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.PromoButton
{
	position: absolute;
	bottom: -10px;
	left: 220px;
	z-index: 10;
}

.ImageHeadline
{
	position: absolute;
	top: 0px;
	left: 300px;
	z-index: 10;
}

.ImageSubHeadline
{
	position: absolute;
	top: 145px;
	left: 388px;
	z-index: 10;
}

.FeedReaderArticle
{
	font-size: 0.9em;
}

.FeedReaderArticleTitle a:link
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.FeedReaderArticleTitle a:visited
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.FeedReaderArticleTitle a:active
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.FeedReaderArticleTitle a:hover
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

.FeedReaderArticlePubDate
{
	font-size: 0.9em;
	font-style: italic;
}

.WheelImage
{
	position: absolute;
	z-index: 10;
	top: 255px;
	right: 15px;
}