﻿/*Wallpaper for Container*/
body
{
	background-image: url( 'images/BackgroundImage/Background.jpg' );
	background-repeat: repeat;
	
}
H1
{
	color: #0098E1;
}

#Container
{
	margin: auto;
	width: 800px;
	height: 1325px;
	background-image: url( 'images/BackgroundImage/WebsiteContainer.gif' );
	background-repeat: no-repeat;
}
/*Banner Section*/
#Banner
{
	width: 800px;
	height: 200px;
	float: left;

	background-repeat: no-repeat;
}
/*Bar on top of the flash section*/
.logo
{
	width:149px;
	height:115px;
	float:left;
	
}
.Topbar
{
	height: 20px;
	width: 650px;
	float: right;
	

}
/*The sitemap bar on the bottom of the MainNavigation*/
.BottomBar
{
	height: 20px;
	width: 650px;
	float: right;
	background-image: url( 'images/BackgroundImage/TopBar_02.jpg' );
	background-repeat: no-repeat;
}
.flash
{
	width: 650px;
	height: 180px;
	float: right;

}
/*Home, Animals, Events, News, Services Navigation*/
#MainNavigation
{
	width: 650px;
	height: 50px;
	float: right;
	
	
}
/*Left Bar on Side of site that includes the extended navigation and ads*/
#LeftSideNavBar
{
	width: 150px;
	height: 950px;
	float: left;
	
}
/*Top End of the LeftSideNavBar for extended navigation of each page*/
.LeftExNavigation
{
	width: 150px;
	height: 140px;
	margin-top: 20px;
}
/*Bottom end of the LeftSideNavBar for the Ads of each page Container APL Information along with Facebook icon*/
.LeftExNavigationAds
{
	padding-top:10px;
	width: 150px;
	height: 780px;
	
}
/*This inlcudes three buttons on the right and an Event Section under the buttons*/
#RightBar
{
	width: 181px;
	height: 880px;
	float:right;
}

/*Three buttons on the right of the page*/
.AdoptDonateVolunteerButtons
{
	width: 181px;
	height: 170px;
	
	
}
.RightBarEvents
{
	width: 181px;
	height: 710px;
	
	
}
/*Main content of Homepage containing PetoftheWeek, News, and Events*/

#Content
{
	width: 464px;
	height: 880px;
	float: left;
	margin-left:5px;
	overflow:hidden;
	
}

.PetoftheWeek
{
	width: 464px;
	height: 710px;
	
}
/*Section for both News and Events. News is display on Left and Events is displayed on right*/
.NewsEvents
{
	width: 464px;
	height: 174px;
	
	
}

.News
{
	width: 232px;
	height: 162px;
	float:left;
}
.Events
{
	width: 232px;
	height: 162px;
	float:Right;
}

/*Animals on the bottom of the page containing address information*/
#AnimalShadows
{
	background-position: center center;
	width: 800px;
	height: 185px;
	margin-top:5px;
	float: right;
	background-image: url( 'images/BackgroundImage/AnimalShadows.jpg' );
	background-repeat: no-repeat;
}

.AddressPhoneInformation
{
	text-align: center;
	margin-top: 100px;
	
}

