/***********************************
************************************
	Content Container
------------------------------------
*/

/*------------------------------------
	Welcome Message
------------------------------------*/

#PageTitle {
	position: relative;
	padding: 0;
	margin: 0;
	top: 5px;
	left: 43px;
	width: 530px;
	height: 60px;
	background: url('/images/anamix6/english/activities-stories/ActivitiesStories.jpg') no-repeat 0 0;
}

/*------------------------------------
	Activities & Stories Content
------------------------------------*/

#PageContent {
	position: relative;
	padding: 0;
	left: 15px;
	width: 601px;
	margin: 23px 0 0;
}

.StoriesRow {
	width: 589px;
	position: relative;
	padding: 0;
	margin: 0;
}

.StoriesRowLeft {
	float: left;
	position: relative;
}

.StoriesRowRight {
	float: right;
	position: relative;
}

.StoriesRow .VideoStory,
.StoriesRow .BookStory {
	position: relative;
	width: 285px;
	height: 248px;
}

.StoriesRow .VideoStory p,
.StoriesRow .BookStory p {
	position: absolute;
	width: 140px;
	height: 65px;
	top: 65px;
	left: 70px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #ffb600;
}

.StoriesRow .VideoStory {
	background: url('/images/anamix6/english/activities-stories/Thumbnail_Video.png') no-repeat 0 0;
}

.StoriesRow .BookStory {
	background: url('/images/anamix6/english/activities-stories/Thumbnail_Book.png') no-repeat 0 0;
}


.StoriesRow .WatchStory,
.StoriesRow .ReadStory {
	position: absolute;
	top: 0;
	width: 285px;
	height: 269px;
	margin: 0 0 30px;
}

.StoriesRow .WatchStory a,
.StoriesRow .ReadStory a {
	display: block;
	margin-left: 74px;
	width: 138px;
	height: 269px;
	background-repeat: no-repeat;
	background-position: 0 221px;
}

.StoriesRow .WatchStory a:hover,
.StoriesRow .ReadStory a:hover {
	background-position: -138px 221px;
}

.StoriesRow .WatchStory a{
	background-image: url('/images/anamix6/english/activities-stories/Button_Watch.jpg');
}

.StoriesRow .ReadStory a {
	background-image: url('/images/anamix6/english/activities-stories/Button_Read.jpg');
}

.StoriesRow .StoryDescription {
	width: 265px;
	margin: 0;
	padding: 0 10px;
	font-size: 0.9em;
}

.StoriesRow .StoryDescription p {
	margin-top: 25px;
	text-align: center;
}

.StoriesRow .MoreStoriesSoon {
	position: relative;
	margin-right: -5px;
	width: 230px;
	height: 320px;
	background: url('/images/anamix6/english/activities-stories/MoreStoriesSoon.jpg') no-repeat 0 0;
}