/* COLOURS
background  		: #F7F9F9;
orange				: #FE850C;
dark green (text)	: #444E3D;
light grey (footer)	: #C5CBCB;
border				: #E9EBEB;
*/


/* Global Elements */
* 
	{	
	margin				: 0px; 
	padding				: 0px; 
	}

html 
	{
	}

body 
	{
	color 				: #444E3D;
	font-family			: Arial, Helvetica, sans-serif;
	font-size 			: 15px;
	background-color	: #F7F9F9;
	line-height			: 130%;
	text-align			: center;
	}
body  a
	{
	color 				: #444E3D;
	text-decoration 	: underline;
	font-weight			: bold;
	font-style			: italic;
	}
body  a:hover
	{
	color 				: #444E3D;
	text-decoration		: none;
	font-weight			: bold;
	font-style			: italic;
	}
body  a:focus
	{
	outline				: none; 
	}
h1
	{
	color				: #FE850C;
	font-size			: 20px;
	font-style			: italic;
	font-weight			: normal;
	}
h2
	{
	color				: #FE850C;
	font-size			: 15px;
	font-style			: italic;
	font-weight			: normal;
	}
h3
	{
	color				: #004722;
	font-size			: 17px;
	font-style			: normal;
	font-weight			: normal;
	}
p
	{
	font-size 			: 13px;
	padding-bottom		: 20px;
	}
strong, b
	{
	color				: #FE850C;
	background-color	: #FFFFCC;
	font-weight			: bold;
	}
.input
	{ 
	}
.input input, textarea
	{
	padding				: 2px 5px 2px 5px;
	width				: 90%; 
	color				: #444E3D;
	}
.input textarea
	{
	overflow			: hidden;
	}
.input .submit:hover
	{
	}
.bar
	{
	height				: 10px;
	width				: 100%;
	background-color	: #FE850C;
	}
.banner
	{
	height				: 90px;
	background-image	: url(../imgs/logo.jpg);
	background-position	: center left;
	background-repeat	: no-repeat;
	width				: 900px;
	margin				: 0px auto;
	}
.contain
	{
	width				: 870px;
	padding				: 15px;
	margin				: 0px auto;
	background			: #FFFFFF;
	text-align			: left;
	border				: 1px solid #E9EBEB;
	}
.nav
	{
	height				: 32px;
	background-color	: #FE850C;
	width				: 870px;
	color				: #FFFFFF;
	font-style			: italic;
	z-index				: 999;
	}
.nav a
	{
	color				: #FFFFFF;
	font-style			: italic;
	font-weight			: normal;
	font-size			: 15px;
	text-decoration		: none;
	}
.nav a:hover
	{
	color				: #444E3D;;
	font-style			: italic;
	font-weight			: normal;
	font-size			: 15px;
	text-decoration		: none;
	}
.nav li
	{
	list-style			: none;
	float				: left;
	padding				: 6px 20px 6px 20px;
	cursor				: pointer;
	}
.nav .active
	{
	list-style			: none;
	float				: left;
	padding				: 6px 20px 6px 20px;
	cursor				: pointer;
	background-image	: url(../imgs/nav_active_bg.jpg);
	background-position	: center right;
	background-repeat	: no-repeat;
	}
.nav .active a
	{
	color				: #444E3D;
	}
.nav .active h1 a
	{
	color				: #FFFFFF;
	}
.nav .active h1 a:hover
	{
	color				: #444E3D;
	}
.drop
	{
	position			: absolute;
	top					: 32px;
	left				: 80px;
	margin				: 0px;
	padding				: 0px;
	width				: 270px;
	background-color	: #FE850C;
	display				: none;
	padding				: 0px 20px 0px 20px;
	z-index				: 2;
	}
.drop li
	{
	border-bottom		: 1px dotted #EEC28C;
	list-style			: none;
	padding				: 0px;
	width				: 100%;
	}
.drop h1
	{
	font-size			: 17px;
	font-style			: italic;
	font-weight			: normal;
	text-decoration		: none;
	color				: #FFFFFF;
	padding				: 15px 0px 5px 0px;
	}
.drop h1:hover
	{
	color				: #444E3D;
	}
.drop p
	{
	font-size			: 13px;
	font-style			: normal;
	font-weight			: normal;
	text-decoration		: none;
	color				: #EEC28C;
	padding-bottom		: 15px;
	}
.nav .login
	{
	float				: right; 
	padding				: 6px 5px 6px 20px;
	}
.right
	{
	padding-top			: 25px;
	float				: right;
	width				: 270px;
	}
.content
	{
	padding-top			: 25px;
	width				: 580px;
	}
.inner_footer
	{
	height				: 120px;
	border-top			: 1px dotted #E9EBEB;
	margin-top			: 20px;
	}
.outer_footer
	{
	width				: 900px;
	font-size			: 13px;
	margin				: 0px auto;
	padding				: 15px 0px 20px 0px;
	color				: #C5CBCB;
	text-align			: left;
	}
.outer_footer a
	{
	color				: #C5CBCB;
	text-decoration		: underline;
	font-weight			: normal;
	font-style			: normal;
	}
.outer_footer a:hover
	{
	color				: #C5CBCB;
	text-decoration		: none;
	font-weight			: normal;
	font-style			: normal;
	}
.question ul
	{
	border-top			: 1px dotted #DADEDE;
	list-style			: none;
	font-size			: 13px;
	font-style			: italic;
	}
.question ul li
	{
	height				: 38px;
	padding				: 10px 0px 10px 0px;
	border-bottom		: 1px dotted #DADEDE;
	}
.question a
	{
	display 			: block;
	padding 			: 8px 0px 8px 0px;
	color 				: #FFFFFF;
	text-decoration 	: none;
	font-weight			: normal;
	font-style			: italic;
	background-image	: url(../imgs/right_nav_bg_yellow.jpg);
	background-repeat	: no-repeat;
	background-position : center center;
	text-align 			: center;
	}
.question a:hover
	{
	color 				: #FFFFFF;
	}

.question .yellow
	{
	background-image	: url(../imgs/right_nav_bg_yellow.jpg);
	}
.question .yellow:hover
	{
	background-image	: url(../imgs/right_nav_bg_yellow2.jpg);
	}

.question .green
	{
	background-image	: url(../imgs/right_nav_bg_green.jpg);
	}
.question .green:hover
	{
	background-image	: url(../imgs/right_nav_bg_green2.jpg);
	}

.question .blue
	{
	background-image	: url(../imgs/right_nav_bg_blue.jpg);
	}
.question .blue:hover
	{
	background-image	: url(../imgs/right_nav_bg_blue2.jpg);
	}
	
.right_game
	{
	padding				: 10px;
	margin-top			: 19px;
	height				: 170px;
	background-color	: #F7F9F9;
	border				: 1px solid #E9EBEB;
	background-image	: url(../imgs/note.jpg);
	background-repeat	: no-repeat;
	background-position	: 10px 10px;
	}
.right_survey
	{
	padding				: 10px;
	margin-top			: 19px;
	height				: 80px;
	background-color	: #F7F9F9;
	border				: 1px solid #E9EBEB;
	background-image	: url(../imgs/note.jpg);
	background-repeat	: no-repeat;
	background-position	: 10px 10px;
	}
.right_img
	{
	width				: 268px;
	margin-top			: 20px;
	height				: 210px;
	background-color	: #F7F9F9;
	border				: 1px solid #E9EBEB;
	background-repeat	: no-repeat;
	background-position	: center center;
	}
.flash
	{
	width				: 580px;
	height				: 500px;
	background-color	: #FFFFFF;
	border				: 1px solid #E9EBEB;
	overflow			: hidden;
	z-index				: 1;
	}
.welcome
	{
	padding				: 20px;
	margin-top			: 20px;
	background-color	: #F7F9F9;
	border				: 1px solid #E9EBEB;
	}
.about_img
	{
	float				: left;
	padding-right		: 30px;
	}
.about_img .img
	{
	padding-bottom		: 5px;
	background-position	: center center;
	background-repeat	: no-repeat;
	width				: 275px;
	height				: 275px;
	}
.map
	{
	float				: left;
	width				: 190px;
	height				: 190px;
	background-image	: url(../imgs/map.jpg);
	background-position	: center center;
	background-repeat	: no-repeat;
	border				: 1px solid #E9EBEB;
	display				: block;
	cursor				: pointer;
	}
.faq_q
	{
	cursor				: pointer;
	}
.farms
	{
	width				: 100%;
	background-color	: #F7F9F9;
	border				: 1px solid #E9EBEB; 
	display				: block;
	font-size			: 13px;
	padding				: 2px 0px 2px 10px;
	margin-bottom		: 5px;
	cursor				: pointer;
	}
.farms:hover
	{
	background-color	: #E9EBEB;
	}