/* CSS Document */

/* 
== Colours used ==
Green: #226547
Blue: #096493
Red: #C10302
Yellow: #FFBF00
Pink: #BF1C4D
*/

body {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFF;
	}
.Body {
	background: #446FAD url(../../images/body.gif) repeat-x top center;
	color: #FFF;
	}

img, form {
	border: 0;
	margin: 0;
	padding: 0;
	}

input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	line-height: 20px;
	}

td { vertical-align: top; }

.Clear { clear: both; }

#Container {
	background: #FFF url(../../images/bg.gif) repeat-y top center;
	color: #000;
	width: 780px;
	margin: 0 auto;
	padding: 0 11px;
	}
#ContainerBottom {
	background: url(../../images/bg_bottom.gif) no-repeat top center;
	width: 802px;
	height: 10px;
	margin: 0 auto;
	}	

#PrintHeader { display: none; }

/* --- Header --- */
#Header { }
	#LogoArea {
		background: #FFF url(../../images/header_bg.jpg) no-repeat top center;
		height: 220px;
		}
		#LogoArea .Logo { float: left; }
		#LogoArea .Title { float: right; }
	#HeaderBottom {
		background: #257050 url(../../images/header_bottom.gif) repeat-x top center;
		clear: right;
		padding: 10px 5px 0 0;
		height: 20px;
		font-size: 11px;
		color: #4EF4AE;
		text-align: right;
		}


/* --- Footer --- */
#Footer { }
	#FooterLinks {
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		border: none;
		background: #4EF4AE url(../../images/footer_links.gif) repeat-x top center;
		height: 20px;
		width: 100%;
		}
		.Copyright {
			width: 33%;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #000;
			vertical-align: middle;
			}
		.Homepage { text-align: center; }
		.Links {
			text-align: right;
			width: 260px;
			}
	#FooterFunding {
		background: #257050 url(../../images/footer_funding_bg.gif) repeat-x bottom center;
		color: #4EF4AE;
		font-size: 11px;
		padding: 2px;
		text-align: center;
		}
	
	#Rkd {
		width: 780px;
		margin: 0 auto;
		padding: 4px 11px 0;
		font-size: 10px;
		color: #CCC;
		}
		#Rkd a:link { color: #CCC; text-decoration: none; }
		#Rkd a:visited { color: #CCC; text-decoration: none; }
		#Rkd a:hover { color: #FFBF00; text-decoration: underline; }
		#Rkd a:active { color: #FFBF00; text-decoration: underline; }

/* --- Body Area --- */
#BodyTable {
	margin: 2px 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	width: 780px;
	}
	#Menu {
		background: #CACACA;
		width: 173px;
		padding-bottom: 30px;
		padding-top: 10px;
		}

	/* Suckerfish Dropdowns */
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 173px;
		}
		#nav li { /* all list items */
			position : relative;
			float : left;
			height : 30px;
			width: 173px;
			}
			#nav li.First { height: 40px; }
			#nav li a {
				width: 173px;
				height : 30px;
				display : block;
				}
			#nav li ul { /* second-level lists */
				position : absolute;
				left: -999em;
				width: 152px;
				margin-left: 173px;
				margin-top: -30px;
				border: 2px solid #CACACA;
				border-left: none;
				border-bottom: none;
				}
				#nav li ul li {
					height: 30px;
					width: 152px;
					}
				#nav li ul li a {
					display: block;
					width: 152px;
					margin: 0;
					}
					#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
						left: -999em;
						}
					#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
						left: auto;
						}
						
		/* css rollovers */	
			#nav li a span { margin-left: -9000px; }
			#nav li.Home a { background: url(../../images/menu_home.gif) no-repeat top left; }
			#nav li.About a { background: url(../../images/menu_about.gif) no-repeat top left; }	
			#nav li.Fun a { background: url(../../images/menu_fun.gif) no-repeat top left; }		
			#nav li.Agri a { background: url(../../images/menu_facts.gif) no-repeat top left; }		
			#nav li.Fan a { background: url(../../images/menu_fan.gif) no-repeat top left; }
			#nav li.Contest a { background: url(../../images/menu_contest.gif) no-repeat top left; }		
			#nav li.Contact a { background: url(../../images/menu_contact.gif) no-repeat top left; }		
			#nav li.Privacy a { background: url(../../images/menu_privacy.gif) no-repeat top left; }		
			#nav li.Sitemap a { background: url(../../images/menu_sitemap.gif) no-repeat top left; }		
			#nav li ul li.Games a { background: url(../../images/menu_games.gif) no-repeat top left; }		
			#nav li ul li.Crafts a { background: url(../../images/menu_crafts.gif) no-repeat top left; }		
			#nav li ul li.Trivia a { background: url(../../images/menu_trivia.gif) no-repeat top left; }
			
			#nav li a:hover, #nav li ul li a:hover { background-position: top right; }

	
/* --- Home Page --- */
#Welcome {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
	}
	.Challenge {
		width: 289px;
		background: #E0EAF0 url(../../images/challenge_bg.gif) repeat-y left top;
		padding: 0;
		}
	.Welcome {
		padding: 10px 15px 5px;
		line-height: 17px;
		}
		.Welcome p { margin: 5px 0; }
#FunStuff {
	margin: 2px 0 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
	}
	#FunStuff td { 
		padding: 0;
		text-align: center;
		}
		#FunStuff td ul {
			margin: 2px 0 0;
			padding: 0;
			list-style: none;
			}
			#FunStuff td li {
				float: left;
				border-right: 1px dotted #226547;
				width: 141px;
				height: 154px;
				}
				#FunStuff td li a {
					display: block;
					width: 141px;
					height: 154px;
					}
				#FunStuff td li a span { display: none; }
				#FunStuff td li.Games a { background: url(../../images/graphic_fun_games.gif) no-repeat left top; }
				#FunStuff td li.Crafts a { background: url(../../images/graphic_fun_crafts.gif) no-repeat left top; }
				#FunStuff td li.Trivia a { background: url(../../images/graphic_fun_trivia.gif) no-repeat left top; }
				
				#FunStuff td li a:hover { background-position: right top; }
.virtual-logo {
	padding: 10px 0 0 10px;
	}
				
				
/* --- Content Area --- */
#ContentArea {
	background: #FFF url(../../images/content_bg.gif) no-repeat top center;
	width: 564px/*604px*/;
	padding: 10px 20px 20px;
	margin: 0 auto;
	min-height: 341px;
	line-height: 18px;
	}
	#ContentArea h1 {
		margin: -1px -10px 10px;
		padding: 0 0 0 43px;
		background: url(../../images/pagetitle_bubble.gif) no-repeat left top;
		height: 43px;
		}
	#ContentArea h2 {
		font-size: 18px;
		color: #226547;
		}
	#ContentArea h3 {
		font-size: 15px;
		color: #096493;
		}
	
	#ContentArea a { font-weight: bold; }
	#ContentArea a:link { color: #BF1C4D; text-decoration: underline; }
	#ContentArea a:visited { color: #BF1C4D; text-decoration: underline; }
	#ContentArea a:hover { color: #096493; text-decoration: underline; }
	#ContentArea a:active { color: #096493; text-decoration: underline; }
	
	hr {
		clear: both;
		border: none;
		border-top: 2px solid #226547;
		border-bottom: 2px solid #FFBF00;
		height: 4px;
		width: 100%;
		}
	
	.PhotoFloatRight {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		}
	.PhotoFloatLeft {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}
	
	.SkillSelect {
		/*clear: both;
		width: 496px;*/
		margin-bottom: 20px;
		/*height: 46px;*/
		}
		.SkillSelect p, .SkillSelect ul { 
			/*float: left;*/
			margin: 0;
			padding: 0;
			}
		.SkillSelect ul, ul.FunStuff { list-style: none; }
			.SkillSelect li {
				margin: 0;
				padding: 0;
				float: left;
				}
			.FunStuff li {
				margin: 0;
				padding: 0;
				}
				
			.SkillSelect li a, .FunStuff li a { 
				display: block;
				}
			.SkillSelect li a span, .FunStuff li a span { margin-left: -9000px; }
			.SkillSelect li.Animal a { 
				height: 52px;
				width: 178px;
				background: url(../../images/facts_animals.gif) no-repeat top left;
				}
			.SkillSelect li.Crops a { 
				height: 59px;
				width: 178px;
				background: url(../../images/facts_crops.gif) no-repeat top left;
				}
			.SkillSelect li.Nutrition a { 
				height: 47px;
				width: 178px;
				background: url(../../images/facts_nutrition.gif) no-repeat top left;
				}
			.SkillSelect li.Easy a { 
				height: 46px;
				width: 85px;
				background: url(../../images/skill_easy.gif) no-repeat top left;
				}
			.SkillSelect li.Medium a { 
				height: 46px;
				width: 99px;
				background: url(../../images/skill_med.gif) no-repeat top left;
				}
			.SkillSelect li.Difficult a { 
				height: 46px;
				width: 134px;
				background: url(../../images/skill_difficult.gif) no-repeat top left;
				}
			.FunStuff li.Games a { 
				height: 30px;
				width: 107px;
				background: url(../../images/fun_games.gif) no-repeat top left;
				}
			.FunStuff li.Crafts a { 
				height: 30px;
				width: 188px;
				background: url(../../images/fun_crafts.gif) no-repeat top left;
				}
			.FunStuff li.Trivia a { 
				height: 30px;
				width: 107px;
				background: url(../../images/fun_trivia.gif) no-repeat top left;
				}
				
			.SkillSelect li a:hover, .FunStuff li a:hover { background-position: top right; }
				
				
	.ContactForm { 
		border-collapse: collapse;
		width: 100%;
		}
		.ContactForm td { padding: 2px 4px; }
		.Label {
			width: 110px;
			}
		.Label, .LabelNoWidth {
			text-align: right;
			font-size: 14px;
			font-weight: bold;
			color: #096493;
			padding-right: 5px;
			}
	.Error { color: #C10302; }
	.Reqd {
		font-size: 11px;
		color: #226547;
		font-style: italic;
		}
			
	.ResultsTable {
		clear: both;
		border-collapse: collapse;
		border: 1px solid #FFBF00;
		width: 100%;
		}
		.ResultsTable tr.Alt { background: #FFF9E9 url(../../images/row-alt.jpg) repeat-x top left; }
			.ResultsTable tr.Alt td { border-bottom: 1px solid #FFEBB1; }
		.ResultsTable th {
			background: #226547;
			color: #FFF;
			font-weight: bold;
			text-align: left;
			}
		.ResultsTable td, .ResultsTable th { padding: 2px 4px; }
		/*.ResultsTable td.Title a {
			background: url(../../images/links_yellow.gif) no-repeat center right;
			padding-right: 15px;
			}*/
		.ResultsTable td.Skill { text-align: center; }
	
	.JoinClub {
		border-collapse: collapse;
		width: 300px;
		margin: 0 auto;
		}
		.JoinClub td {
			color: #096493;
			font-size: 14px;
			font-weight: bold;
			vertical-align: middle;
			}
	
	.GetAdobe {
		clear: both;
		border-collapse: collapse;
		border: 2px dotted #555;
		background: #DDD;
		font-size: 10px;
		line-height: 13px;
		width: 400px;
		margin: 40px auto 0;
		}
		.GetAdobe td {
			padding: 4px;
			vertical-align: middle;
			}
		#ContentArea .GetAdobe a:link { color: #096493; }
		#ContentArea .GetAdobe a:visited { color: #096493; }
		#ContentArea .GetAdobe a:hover { color: #555; }
		#ContentArea .GetAdobe a:active { color: #555; }
	
	#ContentArea .Sitemap { 
		list-style: none;
		font-size: 16px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0;
		padding-left: 0;
		}
		#ContentArea .Sitemap li {
			padding: 7px;
			}
			#ContentArea .Sitemap li ul {
				font-size: 13px;
				list-style: none;
				}
				#ContentArea .Sitemap li li { padding: 3px; }