html
{
	overflow: auto;
	overflow-x: hidden;
}

#container
{
	width:1024px;
	margin: 5px auto;
}

#header
{
	width:970px;
	margin: 0 auto;
}

div#frame
{
	width:1065px;
	min-height:714px;

	margin-left: 64px;

	background-image: url("/images/funstuff/puzzles/words/background.png");
	background-repeat: no-repeat;
	background-position: 1px 14px;
}

/*
For the iPad (and similar) and narrower devices, fix the width of the footer to be the same as the widest thing above it.
*/
@media screen and (max-width: 768px)
{
	.footer
	{
		width:1065px;
	}
}

div#word-searches
{
	position:relative;
	
	width:1065px;
	height:714px;
}

div#word-searches img#hd_wordsearch
{
	display:block;

	position:absolute;
	top: 0px;
	left: 0px;
	z-index:2;
	
	width: 243px;
	height: 193px;
}

div#word-searches img#flash_and_bang
{
	display:block;

	position:absolute;
	left: 631px;
	top: 260px;
	z-index:2;

	width: 434px;
	height: 454px;
}

div#word-searches img#introduction
{
	display:block;

	position:absolute;
	left: 261px;
	top: 66px;
	z-index:3;

	width: 603px;
	height: 120px;
}

div#word-searches div#ws-columns
{
	position:absolute;
	left: 43px;
	top: 205px;
	z-index:3;
	
	width: 825px;
	height: 275px;
}

img#hd-beginners
{
	display:block;
	float:left;

	margin-top: 19px;
	margin-right: 8px;
}

img#hd-advanced
{
	display:block;
	float:left;
	
	margin-top: 18px;
	margin-right: 8px;
}

div#beginners
{
	float:left;
	width:220px;
	height:270px;

	margin: 0px;
	padding: 0px;
}

div#beginners a#astronomy
{
	display:block;
	height: 37px;
	width: 152px;
	background:url("/images/funstuff/puzzles/words/beginners/astronomy.png") no-repeat left top;
}

div#beginners a#astronomy:hover
{
	background:url("/images/funstuff/puzzles/words/beginners/astronomy.png") no-repeat 0px -36px;
}

div#beginners a#electricity
{
	display:block;
	height: 37px;
	width: 144px;
	margin-top: 8px;
	background:url("/images/funstuff/puzzles/words/beginners/electricity.png") no-repeat left top;
}

div#beginners a#electricity:hover
{
	background:url("/images/funstuff/puzzles/words/beginners/electricity.png") no-repeat 0px -36px;
}

div#beginners a#equipment
{
	display:block;
	height: 37px;
	width: 147px;
	margin-top: 8px;
	background:url("/images/funstuff/puzzles/words/beginners/equipment.png") no-repeat left top;
}

div#beginners a#equipment:hover
{
	background:url("/images/funstuff/puzzles/words/beginners/equipment.png") no-repeat 0px -36px;
}

div#beginners a#forces-sound
{
	display:block;
	height: 34px;
	width: 169px;
	margin-top: 8px;
	background:url("/images/funstuff/puzzles/words/beginners/forces-sound.png") no-repeat left top;
}

div#beginners a#forces-sound:hover
{
	background:url("/images/funstuff/puzzles/words/beginners/forces-sound.png") no-repeat 0px -36px;
}

div#beginners a#solids
{
	display:block;
	height: 62px;
	width: 209px;
	margin-top: 8px;
	background:url("/images/funstuff/puzzles/words/beginners/solids.png") no-repeat left top;
}

div#beginners a#solids:hover
{
	background:url("/images/funstuff/puzzles/words/beginners/solids.png") no-repeat 0px -61px;
}

div#ws-columns div#advanced-column1
{
	float:left;
	width:248px;
}

div#advanced-column1 a#forces
{
	display:block;
	height: 34px;
	width: 92px;
	background:url("/images/funstuff/puzzles/words/advanced/forces.png") no-repeat left top;
}

div#advanced-column1 a#forces:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/forces.png") no-repeat 0px -36px;
}

div#advanced-column1 a#astrophysics
{
	display:block;
	height: 37px;
	width: 179px;
	margin-top: 16px;
	background:url("/images/funstuff/puzzles/words/advanced/astrophysics.png") no-repeat left top;
}

div#advanced-column1 a#astrophysics:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/astrophysics.png") no-repeat 0px -36px;
}

div#advanced-column1 a#investigations
{
	display:block;
	height: 36px;
	width: 185px;
	margin-top: 16px;
	background:url("/images/funstuff/puzzles/words/advanced/investigations.png") no-repeat left top;
}

div#advanced-column1 a#investigations:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/investigations.png") no-repeat 0px -36px;
}

div#advanced-column1 a#general
{
	display:block;
	height: 31px;
	width: 210px;
	margin-top: 16px;
	background:url("/images/funstuff/puzzles/words/advanced/general.png") no-repeat left top;
}

div#advanced-column1 a#general:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/general.png") no-repeat 0px -31px;
}

div#advanced-column1 a#renewable
{
	display:block;
	height: 36px;
	width: 236px;
	margin-top: 16px;
	background:url("/images/funstuff/puzzles/words/advanced/renewable.png") no-repeat left top;
}

div#advanced-column1 a#renewable:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/renewable.png") no-repeat 0px -36px;
}

div#ws-columns div#advanced-column2
{
	float:left;
	width:230px;
}

div#advanced-column2 a#sports_science
{
	display:block;
	height: 66px;
	width: 225px;
	background:url("/images/funstuff/puzzles/words/advanced/sports_science.png") no-repeat left top;
}

div#advanced-column2 a#sports_science:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/sports_science.png") no-repeat 0px -66px;
}

div#advanced-column2 a#recycling
{
	display:block;
	height: 36px;
	width: 129px;
	margin-top: 16px;
	background:url("/images/funstuff/puzzles/words/advanced/recycling.png") no-repeat left top;
}

div#advanced-column2 a#recycling:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/recycling.png") no-repeat 0px -36px;
}

div#advanced-column2 a#heat_transfer
{
	display:block;
	height: 28px;
	width: 178px;
	margin-top: 16px;
	background:url("/images/funstuff/puzzles/words/advanced/heat_transfer.png") no-repeat left top;
}

div#advanced-column2 a#heat_transfer:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/heat_transfer.png") no-repeat 0px -28px;
}

div#advanced-column2 a#advanced-solids
{
	display:block;
	height: 62px;
	width: 209px;
	margin-top: 16px;
	background:url("/images/funstuff/puzzles/words/advanced/solids.png") no-repeat left top;
}

div#advanced-column2 a#advanced-solids:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/solids.png") no-repeat 0px -61px;
}

/*
div#advanced-column2 a#advanced-electricity
{
	display:block;
	height: 37px;
	width: 152px;
	margin-top: 32px;
	margin-left: 8px;
	background:url("/images/funstuff/puzzles/words/advanced/electricity.png") no-repeat left top;
}

div#advanced-column2 a#advanced-electricity:hover
{
	background:url("/images/funstuff/puzzles/words/advanced/electricity.png") no-repeat 0px -37px;
}
*/