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

* {
	margin:0;
	padding:0;
	border:0;
}

body {
	background:url(images/bg.gif) fixed center repeat-x #8ba24a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

#logo {
	width:840px;
	height:120px;
	background:url(images/fgm_logo.gif) right bottom no-repeat;
	margin:0 auto;
	z-index:999;
}

h1 {
	position:relative;
	display:none;
}

a {
	color:#06c;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

#content {
	height:390px;
	width:840px;
	position:absolute;
	margin:-195px -420px;
	top:50%;
	left:50%;
    background:url(images/content_bg.gif) repeat-x scroll left;
}

#slider {
    width:840px;
    margin:0 auto;
    position:relative;
}

.scroll {
    height:320px;
    width:840px;
    overflow:auto;
    overflow-x:hidden;
    position:relative;
    clear:left;
}

.scrollContainer .panel {
	padding:16px;
	height:280px;
	width:800px;
}

.scrollContainer .panel .column {
	display:block;
	float:left;
	height:232px;
	width:240px;
	margin:0 20px 0 0;
	overflow:hidden;
}

.scrollContainer .panel .widecolumn {
	display:block;
	float:left;
	height:232px;
	width:432px;
	margin:0 0 0 20px;
	overflow:hidden;
}

.panel img.left {
	float:left;
	margin:0;
}

#whitefield h2, .panel h2 {
	font-size:150%;
	font-weight:200;
	color:#485426;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0 0 12px 0;
}

#whitefield h3, .panel h3 {
	font-size:120%;
	color:#222;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:12px 0;
}

#whitefield  p, .panel p {
	font-size:80%;
	color:#111;
	line-height:1.2;
	margin:12px 0;
}

#whitefield ul, .panel ul {
	list-style:outside square;
	margin:0 0 0 12px;
}

#whitefield li, .panel li {
	font-size:80%;
	color:#111;
	line-height:1.2;
	margin:12px 0;
}

ul.navigation {
    list-style:none;
    margin:0;
    padding:0;
}

ul.navigation li {
    display:inline;
    margin:0 5px;
	float:left;
	text-align:center;
}

ul.navigation a {
	color:#485426;
	text-decoration:none;
	display:block;
	width:160px;
	height:35px;
	line-height:35px;
	font-size:14px;
	background:url(images/nav.png) top no-repeat;
}

ul.navigation a:hover {
	background:url(images/nav.png) left no-repeat;
}

ul.navigation a.selected {
	background:url(images/nav.png) bottom no-repeat;
}

ul.navigation a:focus {
    outline:none;
}

.scrollButtons {
	display:none;
}

.hide {
    display: none;
}

#footer {
	height:20px;
	margin:15px 0 0 0;
}

#footer p {
	color:#fff;
	font-size:70%;
	text-align:right;
	line-height:20px;
	margin:0;
}

#footer a {
	color:#fff;
}

#whitefield {
	width:840px;
	padding:20px;
	
	margin:20px auto 12px auto;
	background-color:#fff;
}

#whitefieldfooter {
	width:840px;
	height:20px;
	text-align:right;
	font-size:70%;
	color:#fff;
	margin:8px auto;
}

#whitefieldfooter a {
	color:#fff;
}

/* optin box styles */

#optinbox * {
	margin:0;
	padding:0;
	border:none;
	text-align:left;
}

#optinbox {
	height:186px;
	padding:16px;
	width: 288px;
	background:url(images/optinbox_bg.png) top no-repeat;
	float:left;
}

#optinbox.left {
	float:left;
	margin:0 8px 0 0;
}

#optinbox.right {
	float:right;
	margin:0 0 0 8px;
}

#optinbox.center {
	float:none;
	margin:4px auto;
}

#optinbox form label {
	display:none;
}

#optinbox form input {
	width:216px;
	height:18px;
	border:solid #111 1px;
	background-color:#eed;
	line-height:20px;
	color:#111;
	margin:6px 5px 2px 0;
}

#optinbox form input.submitbutton {
	height:20px;
	width:66px;
	border:none;
}

#optinbox form input.hidden {
	display:none;
}

#optinbox h3 {
	color:#ffe;
}

#optinbox p {
	font-size:80%;
	color:#ffe;
	margin:6px auto;
	line-height:1.2;
}

#optinbox a {
	color:#ffe;
	text-decoration:underline;
}

#optinbox a:hover {
	text-decoration:none;
}