/**
 * Styles for the Skills for Learning homepage
 */

/**** SPREAD MAIN COLUMN WIDTH ****/
#outerColumnContainer {
	border-right-width:0;
}
#mainContent {
	padding:0;
}

#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6 {
	margin:21px 0 0;
	margin:1.3125rem 0 0;
}
#mainContent h2 {
	font-size:20px;
	font-size:1.25rem;
}
#mainContent h2:first-child {
	margin-top:7px;
	margin-top:0.4375rem;
}
#mainContent h3 {
	font-size:18px;
	font-size:1.125rem;
}
#mainContent h4 {
	font-size:15px;
	font-size:0.9375rem;
}
#mainContent h5 {
	font-size:14px;
	font-size:0.875rem;
}
#mainContent h6 {
	font-size:13px;
	font-size:0.8125rem;
	color:#555;
}
#mainContent h1+h2,
#mainContent h2+h3,
#mainContent h3+h4,
#mainContent h4+h5,
#mainContent h5+h6 {
	margin-top:7px;
	margin-top:0.4375rem;
}

#mainContent a {
	text-decoration:underline;
}

#mainContent p,
#mainContent ul,
#mainContent ol,
#mainContent dl,
#mainContent table,
#mainContent blockquote,
#mainContent cite {
	font-size:14px;
	font-size:0.875rem;
	line-height:1.714286;
}

#mainContent p {
	margin-top:14px;
	margin-top:0.875rem;
	margin-bottom:14px;
	margin-bottom:0.875rem;
}
#mainContent ul,
#mainContent ol {
	margin:14px 0 14px 28px;
	margin:0.875rem 0 0.875rem 1.75rem;
}
#mainContent li {
	margin:7px 0;
	margin:0.4375rem 0;
}

#mainContent hr {
	height:1px;
	background:#eee;
	border:0;
}

#HomeContent {
	padding:4px 8px;
	padding:0.25rem 0.5rem;
}

/**** MEDIA COLUMN ****/
#MediaCol {
	float:right;
	width:300px;
	width:18.75rem;
}
#MediaCol h2 {
	padding-top:128px;
	padding-top:8rem;
	background:#fff;
	color:#023;
	font-family:AvenyTRegular,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-size:1.875rem;
	font-weight:normal;
	line-height:1;
}
#MediaCol .widgetWrap {
	text-align:center;
}
#MediaCol > .widgetWrap p {
	margin:4px 0 12px;
	margin:0.25rem 0 0.75rem;
	color:#666;
	font-size:14px;
	font-size:0.875rem;
}
#Podcast h2,
#Publications h2,
#Tour h2 {
	background-size:128px;
	background-size:8rem;
}
#Podcast h2 {
	background:url('/images/homepage/Podcast.png') top center no-repeat;
}
#Podcast .currentEpisode {
	margin:8px;
	margin:0.5rem;
	padding:8px;
	padding:0.5rem;
	background:#f4f4f4;
}
#Podcast .currentEpisode h3 {
	margin-top:0;
	margin-bottom:4px;
	margin-bottom:0.25rem;
	color:#023;
	font-size:16px;
	font-size:1rem;
	line-height:1.5;
}
#Podcast .currentEpisode p {
	margin:0;
}

#Publications h2 {
	background:url('/images/homepage/Publications.png') top center no-repeat;
}

#Tour h2 {
	background:url('/images/homepage/Tour.png') top center no-repeat;
}



/**** INFORMATION COLUMN ****/
#InfoCol {
	margin-right:300px;
	margin-right:18.75rem;
	padding-right:8px;
	padding-right:0.5rem;
}
#dInfoCol h2 {
	padding:0;
	line-height:40px;
}
#Introduction {
	overflow:hidden;	
}
#TourBox {
	float:right;
	width:192px;
	margin:1em 0 1em 8px;
	padding:3px;
	border:1px solid #ddd;
	background:#eee;
	font-size:0.75em;
}
#TourBox a {
	padding:0;
	background-image:none;
}
#TourBox a.tourText {
	display:block;
	padding:2px;
	color:#000;
	text-align:center;
}
#IntroductionText {
	/*margin-right:200px;*/
}

/* Themes tab */
#Themes {
}
#Themes > div {
	/*overflow:hidden;*/
	overflow:hidden;	
	margin-bottom:21px;
	margin-bottom:1.3125rem;
}
#Themes h2 {
	/*padding-left:40px;
	padding-left:2.5rem;
	background:url('/images/icons/s4l_32x32.png') left center no-repeat;*/
	/*background-size:32px;
	background-size:2rem;*/
}
#Themes h3 {
	margin:0;
	font-size:14px;
	font-size:0.875rem;
	line-height:2.571429;
	background:#e8e8e8;
	text-transform:uppercase;
}
#Themes li#ThemeInf h3 {
	font-size:16px;
	font-size:1rem;
}
#Themes li:not(#ThemeInf) h3 a:first-letter {
	font-size:16px;
	font-size:1rem;
}
#Themes h3 a {
	display:block;
	padding:0 14px;
	padding:0 0.875rem;
	color:#000;
	text-decoration:none;
}
#Themes h3 a:active,
#Themes h3 a:focus,
#Themes h3 a:hover {
	text-decoration:underline;
}
#Themes p {
	margin:0;
	padding:7px 14px;
	padding:0.4375rem 0.875rem;
	font-size:13px;
	font-size:0.8125rem;
}
#Themes ul.odd {
/*	background: #f6f6f6;*/
}
#Themes ul.even {
/*	background: #fff;*/
}
#Themes ul.themeRow {
	float:left;
	clear:left;
	display:table;
	margin:14px 0 0;
	margin:0.875rem 0 0;
	list-style-type:none;
}
#Themes ul.themeRow li {
	display:table-cell;
	position:relative;
	padding:0 0 32px 0;
	padding:0 0 2rem 0;
	border-right:7px solid #fff;
	border-right:0.4375rem solid #fff;
	background:#f6f6f6;
	
}
/*#Themes ul.themeRow li:after {
	z-index:-1;
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	box-shadow:0 0 80px rgba(0,0,0,0.04) inset;
}*/
#Themes ul.themeRow li:last-child {
	position:relative;
	left:7px;
	left:0.4375rem;
}
#ThemeList li {
	width:50%;
}
#Themes #CollectionList ul.themeRow li {
	width:33.333333%;
	border-left:5px solid #fff;
	border-left:0.3125rem solid #fff;
	border-right:5px solid #fff;
	border-right:0.3125rem solid #fff;
}
#Themes #CollectionList ul.themeRow li:first-child {
	border-left:0;
	border-right:9px solid #fff;
	border-right:0.5625rem solid #fff;
}
#Themes #CollectionList ul.themeRow li:last-child {
	left:0;
	border-left:9px solid #fff;
	border-left:0.5625rem solid #fff;
	border-right:0;
}
#Themes #CollectionList ul.themeRow li:nth-of-type(2) {
	backgrdound:#f00;
	/*width:33.3%;*/
	ledft:7px;
}

#Themes p.moreTopics {
	position:absolute;
	bottom:-32px;
	bottom:-2rem;
	/*top:100%;*/
	left:0;
	right:0;
	margin:0;
	padding:0;
	font-size:12px;
	font-size:0.75rem;
	/*background:#ddd;*/
}
#Themes p.moreTopics a {
	display:block;
	position:relative;
	top:-32px;
	top:-2rem;	
	padding:4px 14px;
	padding:0.25rem 0.875rem;
	color:#000;
	font-weight:600;
	text-decoration:none;
	line-height:2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#Themes p.moreTopics a:active,
#Themes p.moreTopics a:focus,
#Themes p.moreTopics a:hover {
	text-decoration:underline;
}

#Themes ul.themeWrap li
#Themes ul.themeWrap li h3 {
	background-color:#eee !important;
	transition:background-color 1s ease-in !important;
	-moz-transition:background-color 1s ease-in !important;
}
#Themes ul.themeWrap li:hover,
#Themes ul.themeWrap li:hover h3 {
	background-color:#fff !important;
	transition:background-color 1s ease-in !important;
	
	/*transition-timing-function:ease-out;
	transition-duration:0.25s;
	transition-property:background-color;*/
}

#Themes #ThemeAca:hover h3 {background-color:#ffe57f;}
#Themes #ThemeAca:hover {background-color:#fff8da;}
#Themes #ThemeGlo:hover h3 {background-color:#d4d4ee;}
#Themes #ThemeGlo:hover {background-color:#f2f2fd;}
#Themes #ThemeInf:hover h3 {background-color:#d9e57f;}
#Themes #ThemeInf:hover {background-color:#f4f7d9;}
#Themes #ThemeInt:hover h3 {background-color:#8ad3e6;}
#Themes #ThemeInt:hover {background-color:#ebf5f7;}
#Themes #ThemeLea:hover h3 {background-color:#a2dfcc;}
#Themes #ThemeLea:hover {background-color:#ecf8f5;}
#Themes #ThemeMat:hover h3 {background-color:#fbc0c0;}
#Themes #ThemeMat:hover {background-color:#feecec;}
#Themes #ThemePro:hover h3 {background-color:#dabfe8;}
#Themes #ThemePro:hover {background-color:#f3e9f8;}
#Themes #ThemeRef:hover h3 {background-color:#e6cad2;}
#Themes #ThemeRef:hover {background-color:#f5eaed;}
#Themes #ThemeRes:hover h3 {background-color:#ffc199;}
#Themes #ThemeRes:hover {background-color:#fff5ee;}

#Themes #ThemePos:hover h3 {background-color:#d5cbb8;}
#Themes #ThemePos:hover {background-color:#f7f3eb;}
#Themes #ThemeGra:hover h3 {background-color:#4d4d4d;}
#Themes #ThemeGra:hover h3 a {color:#fff;}
#Themes #ThemeGra:hover {background-color:#f8f8f8;}

/*#Themes #ThemeAca p.moreTopics {background:#fc0;}
#Themes #ThemeGlo p.moreTopics {background:#26267d;}
#Themes #ThemeInf p.moreTopics {background:#b3cc00;}
#Themes #ThemeInt p.moreTopics {background:#64c2d9;}
#Themes #ThemeLea p.moreTopics {background:#05a874;}
#Themes #ThemeMat p.moreTopics {background:#f10f0f;}
#Themes #ThemePro p.moreTopics {background:#996699;}
#Themes #ThemeRef p.moreTopics {background:#932246;}
#Themes #ThemeRes p.moreTopics {background:#ff6600;}*/

/*.themeWrap {
	float:left;
	width:49.8%;
	list-style-type:none;
}
.themeWrap h3 {
	padding:2px 0;
	font-size:1em;
	line-height:24px;
}
.themeWrap h3 a {
	display:block;
	padding-left:30px;
	color:#444;
}
#ThemeAca h3 a {background:transparent url('/images/homepage/ThemeBulletAca.png') left top no-repeat;}
#ThemeGlo h3 a {background:transparent url('/images/homepage/ThemeBulletGro.png') left top no-repeat;}
#ThemeInf h3 a {background:transparent url('/images/homepage/ThemeBulletInf.png') left top no-repeat;}
#ThemeInt h3 a {background:transparent url('/images/homepage/ThemeBulletInt.png') left top no-repeat;}
#ThemeLea h3 a {background:transparent url('/images/homepage/ThemeBulletAss.png') left top no-repeat;}
#ThemeMat h3 a {background:transparent url('/images/homepage/ThemeBulletMat.png') left top no-repeat;}
#ThemePro h3 a {background:transparent url('/images/homepage/ThemeBulletEnt.png') left top no-repeat;}
#ThemeRef h3 a {background:transparent url('/images/homepage/ThemeBulletRef.png') left top no-repeat;}
#ThemeRes h3 a {background:transparent url('/images/homepage/ThemeBulletRes.png') left top no-repeat;}

#Themes .themeWrap p {
	margin:0.5em 8px 0.5em 0;
	font-size:0.75em;
}*/
#Timetable {
	margin-top:8px;
}

/* Updates tab */
#Updates {overflow:hidden;}
#Updates .updateItem {
	float:left;
	width:50%;
}
#Updates a.updateLink {
	display:block;
	font-weight:bold;
	line-height:1;
}
#Updates p {
	margin-bottom:0;
}
#Updates ul {
	margin:14px 0;
	margin:0.875rem 0;
	list-style-type:none;
}
#Updates ul li {
	margin:0 0 14px 0;
	margin:0 0 0.875rem 0;
	padding:14px;
	padding:0.875rem;
	background:#e1eef5;
}

#WhatsNew h2 {
	padding-left:40px;
	padding-left:2.5rem;
	background:url('/images/icons/new_32x32.png') left center no-repeat;
	background-size:32px;
	background-size:2rem;
}
#WhatsNew ul {
	padding-right:4px;
	padding-right:0.25rem;
}

#PopularResources h2 {
	padding-left:40px;
	padding-left:2.5rem;
	background:url('/images/icons/popular_32x32.png') left center no-repeat;
	background-size:32px;
	background-size:2rem;
}
#PopularResources ul {
	padding-left:4px;
	padding-left:0.25rem;
}

/**** Site Updates panel ****/
#SiteUpdates {
	margin-top:14px;
	background:#e5f3fa;
	color:#046;
	box-shadow:0 0 50px rgba(0,136,204,0.1) inset;
}
#SiteUpdastes a:link {
	color:#000;
}
#SiteUpdates > .updateWrapper > div.content {
	display:table;
}
#SiteUpdates > .updateWrapper > div.content > div {
	display:table-cell;
	vertical-align:middle;
	padding:7px 14px;
}
#SiteUpdates > .updateWrapper > div.heading {
	padding:7px 14px;
	background:#046;
	color:#fff;
}
#SiteUpdates > .updateWrapper > div.heading h2 {
	margin:0;
}
#SiteUpdates > .updateWrapper > div.content > div.text p {
	font-size:16px;
}
#SiteUpdates > .updateWrapper > div.content > div.text p {
	margin-bottom:7px;
}
#SiteUpdates > .updateWrapper > div.content > div.text p:first-child {
	margin-top:7px;
}
#SiteUpdates > .updateWrapper > div.content > div.image {

}
#SiteUpdates > .updateWrapper > div.content > div.image img {
	
}