@charset "UTF-8";
/* CSS Document */

p,ul,ol,li { 
	font-family:Verdana,sans-serif; 
	font-size:12px; color:#000000; 
	line-height:16px;
}
a {
	font-family:Verdana,sans-serif; 
	font-size:12px; 
	color:#9f2223;
	text-decoration:underline;
}

.em { 
	font-style: italic;
	color:#9f2223;
}


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/art_bg_main.gif);
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 900px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
}
.oneColFixCtrHdr #curriculumLeft {
	position:relative;
	float:left;
	left: 0px;
	top:-20px;
	width: 400px;
	height: 313px;
	padding: 0px 10px 30px 32px;
	margin: 0;
	background-image:url(../images/panel_300.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #curriculumRight {
	position:relative;
	float:right;
	left: 0px;
	top:-20px;
	width: 350px;
	height: 313px;
	padding: 0px 10px 30px 32px;
	margin: 0;
	background-image:url(../images/panel_300sm.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #header {
	background-image:url(../images/art_bg_header.jpg);
	background-repeat:no-repeat;
	width: 900px;
	height: 160px;
}
.oneColFixCtrHdr #navbuts {
	position:relative;
	left: 264px;
	top: -64px;
	width: 630px;
	height: 28px; 
}
.oneColFixCtrHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; 
	background: #FFFFFF;
}
.oneColFixCtrHdr #homeIntro {
	position:relative;
	left: 0px;
	top:-22px;
	float:left;
	width: 470px;
	height: 230px;
	padding: 0px 10px 30px 32px;
	margin: 0;
	background-image:url(../images/panel_245.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #geoGames {
	position:relative;
	left: 0px;
	top: -22px;
	width: 794px;
	height: 420px;
	padding: 0px 30px 40px 32px;
	margin: 0;
	background-image:url(../images/panel_380.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #gameDemos {
	position:relative;
	float: left;
	left: 0px;
	top:-22px;
	width: 464px;
	height: 336px;
	padding: 0px 10px 30px 32px;
	margin: 0;
	background-image:url(../images/panel_315.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #demoVideos {
	position:relative;
	float:right;
	left: 0px;
	top:0px;
	width: 310px;
	margin: 0;
	padding-right:15px;
}
.videoIcon img {
	text-decoration:none;
	border: none;
}
.oneColFixCtrHdr #newGeoGames {
	position:relative;
	float:left;
	left: 15px;
	top: 0px;
	width: 420px;
	padding: 0px;
	margin: 0;
}

.oneColFixCtrHdr #championKids {
	position:relative;
	float:left;
	left: 10px;
	top: 0px;
	float: right;
	width: 370px;
	padding: 0px 30px 30px 32px;
	margin: 0;
}
/*
.oneColFixCtrHdr #getStarted {
	position:relative;
	float:left;
	left: 10px;
	top: 0px;
	float: right;
	width: 370px;
	padding: 0px 30px 30px 32px;
	margin: 0;
}*/

.oneColFixCtrHdr #testimonialLinks {
	position:relative;
	float:left;
	left: 0px;
	top:-20px;
	width: 430px;
	height: 210px;
	padding: 0px 10px 30px 32px;
	margin: 0;
	background-image:url(../images/panel_234.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #testVideos {
	position:relative;
	top: -25px;
	float:right;
	width: 310px;
	margin: 0;
	padding-right: 30px;
}

.oneColFixCtrHdr #recipesP {
	position:relative;
	float:left;
	left: 20px;
	top:0px;
	width: 450px;
	margin: 0;
}

.oneColFixCtrHdr #recipesA {
	position:relative;
	left: 0px;
	top:0px;
	width: 240px;
	margin: 0;
}
.oneColFixCtrHdr #recipesB {
	position:relative;
	left: 240px;
	top: -152px;
	width: 230px;
	margin: 0;
}
.oneColFixCtrHdr #shareStories {
	
	position:relative;
	clear:both;
	left: 0px;
	top:-20px;
	width: 850px;
	height: 165px;
	padding: 0px 10px 30px 32px;
	margin: 0;
	background-image:url(../images/panel_150wide.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #longCopy {
	position:relative;
	left: 0px;
	top:-20px;
	width: 830px;
	font-size:9px;
	line-height:12px;
	padding: 0px 10px 20px 20px;
	margin: 0;
}
.oneColFixCtrHdr #links {
	position:relative;
	float:right;
	left: 0px;
	top: 0px;
	width: 350px;
	margin: 0;
	font-size:12px;
}
.oneColFixCtrHdr #footer {
	position:relative;
	clear:both;
	background-image:url(../images/art_bg_footer.jpg);
	background-repeat:no-repeat;
	height:166px;
	top: 0;
	font-size:10px;
	color:#FFFFFF;
	font-style: italic;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}
.oneColFixCtrHdr #instructions {
	position:relative;
	clear:both;
	left: 40px;
	top: -20px;
	width: 737px;
	margin: 0;
}
.flags {
	font-family:Verdana,sans-serif; 
	font-size:12px; color:#000000; 
	line-height:12px;
	vertical-align:text-top;
}
.TextBox {
	font-size:12px;
	font-weight:bold;
}
.style5
{
	color: #FF9900;
	font-size: 10px;
}
.style6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
}
.style7
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.style26 {
	font-size:12px;
	font-weight:bold;
}
.style99 {
	font-size:11px;
	font-weight:bold;
}
#login_
{
	width: 280px;
	height: 50px;
	overflow: hidden;
	font-weight: bold !important;
	font-size: 12px;
}


/* BEGIN LIGHTBOX STYLES */
#lightbox
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img { border: none; }

#outerImageContainer
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0px auto;
	overflow: hidden;
}

#imageContainer { padding: 10px; }

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

* > #hoverNav
{
	position: absolute;
	top: 0px;
	left: 48%;
	height: auto;
	width: 40%;
	z-index: 10;
	font-weight: bold;
	text-align: left;
}

* html #hoverNav
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: auto;
	z-index: 10;
	font-weight: bold;
	text-align: left;
}

#hoverNav a:link, #hoverNav a:visited, #hoverNav a:hover
{
	font-size: 30px;
	font-weight: normal;
	text-decoration: none;
	color: #626262;
	vertical-align: middle;
}

#prevLink { padding-right: 10px; }
#nextLink { padding-left: 10px; }

#selectGame, #printGame
{
	padding-left: 20px;
	font-size: 20px !important;
	font-weight: bold !important;
	color: #9F2223 !important;
}

#imageDataContainer
{
	font: 20px Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%;
	height: auto;
}

#imageData
{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0 10px;
	color: #626262;
}

* > #imageData #imageDetails
{
	position: absolute;
	left: 12px;
	top: 0px;
	width: 20%;
	height: auto;
	text-align: left;
}

* html #imageData #imageDetails
{
	position: absolute;
	left: -375px;
	top: 0px;
	width: 300px;
	height: auto;
	text-align: left;
}

#imageData #caption
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
}

#imageData #numberDisplay
{
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	/*
	clear: left;
	padding-bottom: 1.0em;
	*/
}

#imageData #bottomNavClose
{
	width: 51px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/* END LIGHTBOX STYLES */