/*
 *	GeometryGamesIndex.css
 *
 *	Styles for the Geometry Games welcome page.
 */

body
{
	/*
	 *	"Times New Roman" and "Times" are
	 *	the PC and Mac names for the same font.
	 */
	font-family:		'Times New Roman', Times, serif;
	color:				#000000;
	background-color:	#A0C0FF;
}

table.banner
{
	background-color:	#000040;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			8pt;
	font-family:		sans-serif;
	border:				4px none grey;
}

td.bannerImage
{
	padding-left:		16pt;
	padding-right:		16pt;
	padding-top:		4pt;
	padding-bottom:		4pt;
	vertical-align:		middle;
}

td.bannerText
{
	color:				#C0E0FF;
	padding-left:		0pt;
	padding-right:		16pt;
	padding-top:		4pt;
	padding-bottom:		4pt;
	vertical-align:		middle;
	text-align:			left;
}

div.bannerLine1
{
	font-size:			100%;
	font-style:			normal;
}

div.bannerLine2
{
	font-size:			80%;
	font-style:			italic;
	padding-top:		4pt;
}

a.banner
{
	color:				#C0E0FF;
}

div.title
{
	text-align:			center;
	margin-top:			2em;
	margin-bottom:		2em;
}

h1.title
{
	color:				#000080;
	margin-top:			0;
	margin-bottom:		0;
}

h2.title
{
	font-size:			100%;
	margin-top:			0.5em;
	margin-bottom:		0.5em;
}

table.programList
{
	/*
	 *	To center the table, set margin-left and margin-right to auto.
	 */
	margin-left:		32pt;
	margin-right:		32pt;
}

tr.programInfo
{
	width:				100%;
}

td.programIcon
{
	width:				25%;
	text-align:			right;
	vertical-align:		middle;
	padding-top:		12pt;
	padding-right:		20pt;
	padding-bottom:		12pt;
	padding-left:		20pt;
}

img.programIcon
{
	border-width:		0;
}

td.programData
{
	width:				75%;
	vertical-align:		middle;
	padding-top:		12pt;
	padding-right:		0;
	padding-bottom:		12pt;
	padding-left:		0;
}

td.programName
{
	font-size:			120%;
	font-weight:		bold;
}

td.programDescription
{
	font-size:			100%;
	font-style:			italic;
}

td.programLanguages
{
	/*
	 *	Set a tiny font size so that the flags themselves determine
	 *	the line height, not the implict ' ' character between flags.
	 */
	font-size:			2pt;
}

img.flag
{
	width:				18px;
	height:				12px;
	margin-left:		2px;
	margin-right:		2px;
}

td.programPlatform
{
	font-size:			80%;
}

td.programLink
{
	font-size:			80%;
}

div.recentUpdates
{
	width:				80%;
	border-style:		groove none groove none;
	border-width:		thin;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			1em;
	margin-bottom:		1em;
	padding-top:		1em;
	padding-bottom:		1em;
}

p.recentUpdatesTitle
{
	color:				#000080;
	font-size:			120%;
	font-weight:		bold;
	text-align:			center;
	margin-top:			0;
	margin-bottom:		0.5em;
}

table.recentUpdates
{
	font-size:			80%;
	padding-left:		0;
	padding-right:		0;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			0.5em;
	margin-bottom:		0;
}

tr.recentUpdate
{
	/*
	 *	Applying paddings and margins to a table row seems to have no effect,
	 *	so use recentUpdateDescription to set the row spacing.
	 */
}

td.recentUpdateDate
{
	vertical-align:		top;
	white-space:		nowrap;
	padding-left:		1em;
	padding-right:		1em;
}

td.recentUpdateProgram
{
	vertical-align:		top;
	white-space:		nowrap;
	padding-left:		1em;
	padding-right:		1em;
}

td.recentUpdateDescription
{
	vertical-align:		top;
	text-indent:		-1em;	/* Coordinate text-indent with padding-left for hanging indent. */
	padding-left:		2em;
	padding-right:		1em;
	padding-bottom:		0.5em;	/*	Assumes the description is at least as tall as the date and the program name.	*/
}

div.recentUpdateFeature
{
	padding-bottom:		0.25em;
}

div.otherResources
{
	width:				80%;
	border-style:		none none groove none;
	border-width:		thin;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			1em;
	margin-bottom:		1em;
	padding-top:		0;
	padding-bottom:		1em;
}

p.otherResourcesTitle
{
	color:				#000080;
	font-size:			120%;
	font-weight:		bold;
	text-align:			center;
	margin-top:			0;
	margin-bottom:		0.5em;
}

table.otherResourcesList
{
	/*
	 *	To center the table, set margin-left and margin-right to auto.
	 */
	margin-left:		auto;
	margin-right:		auto;
}

tr.otherResourcesTitleRow
{
	width:				100%;
}

tr.otherResourcesDescriptionRow
{
	width:				100%;
}

td.otherResourcesIcon
{
	width:				2em;
	text-align:			center;
	vertical-align:		middle;
}

img.otherResourcesIcon
{
	border-width:		0;
	height:				1em;
}

td.otherResourcesName
{
	font-size:			100%;
	font-weight:		bold;
}

td.otherResourcesDescription
{
	font-size:			80%;
	font-style:			italic;
	padding-bottom:		1.0em;
}

span.otherResourcesLink
{
	font-size:			80%;
}

p.language
{
	font-size:			80%;
	text-align:			center;
	margin-top:			2em;
	margin-bottom:		1em;
}

a.languageName
{
	unicode-bidi:		embed;
}

p.contact
{
	font-size:			80%;
	text-align:			center;
	margin-top:			1em;
	margin-bottom:		1em;
}

p.NSF
{
	font-size:			65%;
	width:				75%;
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			2em;
	margin-bottom:		0;
}