.extrasPage #Main {
	background-color: #fff;
}
.extrasPage #MainContent {
	margin: -4px 7px 0 8px;
	padding: 0 4px;
	background: url(../images/images_extrasPage/main_bg.gif) bottom repeat-x;
}
.extrasPage #footer {
	background-color: #eef7ff;
}
.extrasPage #heading {
	height:19px;
	background:#EBECE6 url(../images/top-rounded_corners1.gif) no-repeat top;
	padding:11px 15px;
}
.extrasPage #heading h1 {
	margin: 0;
	padding: 0;
	line-height: 22px;
	height: 22px;
}

/* ======================= */
/* = EXTRAS PAGE MODULES = */
/* ======================= */
#extrasModules {
	margin: 0px -4px;
	/* IE6 fix in place. see ie6.css */
}
#extrasModules dl {
	width: 224px;
	height: 155px;
	margin: 9px 0 0 9px;
	padding: 4px 3px;
	background: url(../images/images_extrasPage/for_extras_mod.gif) no-repeat;
	float: left;
	position:relative;
	overflow:hidden;
	}
#extrasModules dl.hover {
	background: url(../images/images_extrasPage/for_extras_mod_RO.gif) no-repeat;
	}
	#extrasModules dt {
		margin: 0 0 0 5px;
		height: 39px;
		padding: 3px 3px 3px 40px;
		background-position: -9px 5px;
		background-repeat: no-repeat;
		}
		#extrasModules dt span {
			display:block;
			margin: 11px 0;
			padding: 0;
			font-size:17px;
			height:21px;
			line-height:21px;
			}
	#extrasModules dd {
		margin: 0;
		padding: 0;
		height: 116px;
		position: relative;
		}
		#extrasModules dd .thumbnail {
			position:absolute;
			left:0px;
			top:0px;
			}
		#extrasModules dd .summary {
			position:absolute;
			right: 0px;
			width: 98px;
			padding: 3px 5px 0;
			color: #214663;
			}
		#extrasModules dd .link {
			position:absolute;
			width: 98px;
			right: 6px;
			bottom: 10px;
			color: #214663;
			font-size: 11px;
			font-weight: bold;
			text-align: left;
			}
			#extrasModules dd .link a {
				color: #214663;
				display: block;
				float: right;
				text-decoration: none;
				padding: 3px 0 0 0;
				}
				#extrasModules dd .link a span {
					color: #214663;
					background-repeat: no-repeat;
					background-position: top left;
					background-image: url(../skins/default/Modules/module_linkicon.jpg);
					float:left;
					width: 15px;
					margin: -3px 4px 3px 0;
					height: 17px;
					}
				#extrasModules dd .link a:hover {
					text-decoration:underline;
					}
				#extrasModules dd .link a:hover span {
					background-position: bottom left;
					/* IE6 fix in place. see ie6.css */
					}

/* ========= */
/* = ICONS = */
/* ========= */
#extrasModules dl.game dt {
	background-image: url(../skins/default/icons/braingame.gif);
	}
#extrasModules dl.reference dt {
	background-image: url(../skins/default/icons/reference.gif);
	}
#extrasModules dl.webmath dt {
	background-image: url(../skins/default/icons/webmath.gif);
	}
#extrasModules dl.curriculum dt {
	background-image: url(../skins/default/icons/curriculum.gif);
	} 
#extrasModules dl.history dt {
	background-image: url(../skins/default/icons/tih.gif);
	}
#extrasModules dl.encyclopedia dt {
	background-image: url(../skins/default/icons/encyclopedia.gif);
	}
#extrasModules dl.clipart dt {
	background-image: url(../skins/default/icons/clipart.gif);
	}
#extrasModules dl.poll dt {
	background-image: url(../skins/default/icons/poll.gif);
	}
#extrasModules dl.weblinks dt {
	background-image: url(../skins/default/icons/weblink.gif);
	}
	
/* ======== */
/* = sIFR = */
/* ======== */
#extrasModules dt span {
	visibility: hidden;
}