
/** BASIC */

body {
	margin: 	0px;
	padding: 	0px;
	background: #F2FCE1;
}

/** FORMS */

form {
	margin: 	0px 0px 1em 0px;
	padding: 	0px;
}

/** HEADINGS */

h1, h2, h3 { }

h1, h2 {
	color: #203211;
}

h1 span, h2 span {
	color: #8FB469;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 	18px;
	color: 		#6FA046;
}

h4 {
	color: 		#6FA046;
}

.head1 {
	margin-top: 0px;
	font-size: 	18px;
	color: 		#EF830E;
}

.head1.right {
	text-align: right;
}

.head2 {
	margin-bottom: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 		14px;
	color: 			#6B6B6B;
}

p, ul, ol, dl {
	margin-top: 	0px;
	margin-bottom: 	1em;
	text-align: 	left;
	line-height: 	120%;
}

.centered {
    margin-left:    auto;
    margin-right:   auto;
    display:        table;
}

/** Definition Lists for the FAQ */

dl {
	margin: 0px 20px 0px 20px;
}

dt {
	margin: 		0px 20px 20px 20px;
	font-size: 		18px;
	font-weight:	bold;
	color:			#8FB469;
}

dd {
	margin: 		0px 20px 20px 20px;
}

dd ul {
	margin: 	10px 0px 10px 20px;
	padding: 	0px;
}

/** LISTS */

.list1 {
	margin-left: 	0px;
	padding-left: 	0px;
	list-style: 	none;
	line-height: 	normal;
}

.list1 li {
	padding: 	4px 0px 4px 27px;
	background: url(/images/homepage11.gif) no-repeat left center;
}

.list2 {
	margin-left: 	0px;
	padding-left: 	0px;
	list-style: 	none;
	line-height: 	normal;
}

.list2 li {
	padding: 	16px 0px 15px 0px;
	background: url(/images/homepage12.gif) repeat-x left top;
}

.list2 li.first {
	padding-top: 	0px;
	background: 	none;
}

.list2 h3 {
	display: 	inline;
	margin: 	0px;
}

.list2 p {
	margin-bottom: 0px;
}

/** LINKS */

a { color: #EF830E; }

a:hover { text-decoration: none; }

/** BACKGROUNDS */

.bg1 { }

/** MISC */

.align-justify { text-align: justify; }

.align-right { text-align: right; }

img { border: none; }

img.left {
	float: 	left;
	margin: 3px 15px 0px 0px;
}

img.right {
	float: 	right;
	margin: 3px 0px 0px 15px;
}

img.screenshot {
	border: solid 1px #000;
}

hr { display: none; }

.hr1 {
	height: 	35px;
	background: url(/images/homepage12.gif) repeat-x left center;
}

.footnote {
	font-size: 12px;
}

.image-clear {
	clear: both;
}

/** MENU */

#menu { background: url(/images/homepage01.jpg) no-repeat left top; }

#menu a {
	padding: 			0px 30px 0px 32px;
	background: 		url(/images/subpage1_01.gif) no-repeat left top;
	text-decoration: 	none;
	font-size: 			13px;
	font-weight: 		bold;
	color: 				#354E20;
}

#menu a:hover { text-decoration: underline; }

#menu .first a {
	padding-left: 	30px;
	background: 	none;
}

/** TAGLINE */

#tagline { background: url(/images/homepage03.jpg) no-repeat left top; }

#tagline h2 {
	margin: 		0px;
	padding: 		20px 0px 10px 0px;
	font-size: 		14px;
	font-weight: 	normal;
	color:			#6FA047;
	font-weight:	bold;
	text-align:		center;
}

#tagline h3 {
	margin:		0px;
	color:		#F9A313;
}

#tagline h4 {
	margin-top: 10px;
	text-align: center;
	font-size:	18px;
	color:		#6FA047;
}

#btn-sign-up {
	background:		url('/images/sign-up.png') no-repeat top left;
	display:		block;
	width: 			181px;
	height: 		41px;
	border:			0px;
	cursor:			pointer;
	margin-left:	auto;
	margin-right:	auto;
}

#btn-sign-up:hover {
	background:		url('/images/sign-up-over.png') no-repeat top left;
}

/** FOOTER */

#footer {
	height: 	80px;
	background: url(/images/homepage09.gif) repeat-x left top;
}

#footer p {
	margin: 	0px;
	padding: 	25px 0px 0px 0px;
	text-align: center;
	background: url(/images/homepage10.gif) no-repeat center top;
	color: 		#FFFFFF;
}
#footer a {
	color: #fff;
}

/** LEGAL **/

.legal li {
	margin-bottom: 	5px;
}

.legal ol {
	padding-left: 	25px;
	margin-bottom:	18px;
	margin-left:	0px;
}

.legal ul {
	padding-left: 	25px;
	margin-left:	0px;
}

.legal ol li {
	font-size: 		18px;
	color: 			#6FA046;
	list-style: 	upper-roman;
}

.legal ol ol li {
	font-size: 		14px;
	color: 			#6B6B6B;
	list-style: 	decimal;
}

.legal ol ol ul li {
	list-style: disc;
}


/** BASIC */

html, body { height: 100%; }

/** MENU */

#menu {
	width: 778px;
	height: 70px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 35px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li { display: inline; }

/** HEADER */

#header {
	width: 778px;
/*	height: 190px; */
	margin: 0px auto;
}

/** LOGO */

#logo {
	float: 		left;
	width: 		389px;
	height: 	190px;
	background: url(/images/homepage02.jpg) no-repeat left top;
	position:	relative;
}

#logo a {
    position:	absolute;
    top: 		20px;
    left: 		30px;
    width: 		270px;
    height: 	95px;
}

#logo h1, #logo p { display: none; }


/** TAGLINE */

#tagline {
	float: 	left;
	width: 	389px;
	height: 190px;
}

#tagline h2 { }

/** PAGE */

#page {
	width: 		738px; 
	margin: 	0px auto;
	padding: 	0px 20px;
	background: #FFFFFF;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 200px;
}

/** CONTENT */

#content {
	float: right;
	width: 520px;
}

/** FOOTER */

#footer {
	width: 	778px;
	margin: 0px auto;
}

#footer p {
}

/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {
}

#box2 h4 {
	margin-bottom: 0px;
}

#box3 h5 {
	margin: 		0px 0px 10px 0px;
	font-weight:	bold;
}

/** BOX3 */

#box3 {
}

/** BOX4-FULL */

#box4-full {
	
}

/** BOX4 */

#box4 {
	float: left;
	width: 275px;
}

/** BOX5 */

#box5 {
	float: right;
	width: 225px;
}

/* Two-column form -------------------------------------------------------------------------------*/

.two-col-form {
    margin-left:    auto;
    margin-right:   auto;
}

.two-col-form.fixed {
    width:  85%;
}

.two-col-form td {
    vertical-align: top;
    padding:        5px;
}

.two-col-form td.label {
    text-align:     right;
}

.two-col-form.fixed td.label {
    width:          35%;
    white-space:    nowrap;
}

.two-col-form td.label.required {
    font-weight:    bold;
	color:			#515151;
}

.two-col-form td.label.required label {
    font-weight:    bold;
	color:			#515151;
}

.two-col-form td label {
	display: 	block;
	padding:	3px;
}

.two-col-form td label:hover {
	background-color: #E9F6D0;
}

.two-col-form td.data {
    text-align:     left;
	width:			65%;
}

.two-col-form td.submit {
    text-align: right;
}

.two-col-form td.label img {
    vertical-align: bottom;
}

.two-col-form input.text {
    width: 98%;
}

.two-col-form input.text-short {
    width: 48%;
}

.two-col-form textarea {
    width: 98%;
}

.two-col-form div.field-error {
    color:          #f00;
}

.two-col-form label {
	display: block;
}

.two-col-form img.error-icon {
    margin-right:   5px;
    vertical-align: bottom;
}

/* Success/error messages at the top of desktop --------------------------------------------------*/

.success-message {
    border:             solid 1px #080;
    background-color:   #fff;
    color:              #090;
    font-weight:        bold;
    padding:            5px 15px 5px 15px;
    margin:             0px auto 5px auto;
    width:              75%;
	text-align:			center;
}

.notice-message {
    border:             solid 1px #000;
    background-color:   #fff;
    color:              #000;
    font-weight:        bold;
    padding:            5px 15px 5px 15px;
    margin:             0px auto 0px auto;
    width:              75%;
	text-align:			center;
}

.error-message {
    border:             solid 1px #f00;
    background-color:   #fff;
    color:              #f00;
    font-weight:        bold;
    padding:            5px 15px 5px 15px;
    margin:             0px auto 0px auto;
    width:              75%;
	text-align:			center;
}

/** PLANS */

#plans {
	margin: 0px auto 0px auto;
	border-collapse: collapse;
}

#plans td {
	text-align: center;
}

#plans a {
	display: 			block;
	text-decoration: 	none;
	padding: 			6px 26px 6px 26px;
}

#plans a:hover {
	border: 	dotted 1px #000;
	padding: 	5px 25px 5px 25px;
}

#plans p {
	text-align: center;
}

#plans p span {
	color:			#5E853F;
	font-weight:	bold;
}

#plans h1 {
	margin-bottom:	0px;
	color:			#8FB469;
	white-space:	nowrap;
}

#plans h2 {
	margin-top:	0px;
}

#above td {
	padding: 5px;
}

#above .highlighted {
	border-top:		solid 3px #6FA047;
	border-left:	solid 3px #6FA047;
	border-right:	solid 3px #6FA047;
}

#info td {
	padding:	10px;
}

#info p {
	color: #000;
}

#info p.faux-link {
	color: 				#EF830E;
	text-decoration: 	underline;
	font-size:			150%;
	font-weight:		bold;
}

#info .first {
	background-color: 	#E0F2C1;
	border-top:			solid 1px #000;
	border-left:		solid 1px #000;
	border-bottom:		solid 1px #000;
	border-right:		solid 3px #6FA047;
}

#info .highlighted {
	background-color: 	#fff;
	padding-left:		20px;
	padding-right:		20px;
}

#info .highlighted h1 {
	color: #6FA047;
}

#info .highlighted p span {
	color: #6FA047;
}

#info .last {
	background-color: 	#E0F2C1;
	border-top:			solid 1px #000;
	border-right:		solid 1px #000;
	border-bottom:		solid 1px #000;
	border-left:		solid 3px #6FA047;
}

#below td {
	padding: 5px;
}

#below .highlighted {
	border-bottom:	solid 3px #6FA047;
	border-left:	solid 3px #6FA047;
	border-right:	solid 3px #6FA047;
}

/** ARTICLES **/

.article #header {
	margin-left: -20px;
}

#logo-articles {
	float: 		left;
	width: 		389px;
	height: 	70px;
	background: url(/images/homepage02-a.jpg) no-repeat left top;
	position:	relative;
}

#tagline-articles {
	background: url(/images/homepage03-a.jpg) no-repeat left top;
	float: 	left;
	width: 	389px;
	height: 70px;
}

#ul-articles {
	list-style:     none;
	padding-left:   0px;
}

#ul-articles p {
	margin-top: 5px;
}

.article h1 {
	margin: 	0px;
	padding:	10px 0px 10px 0px;
	text-align: center;
}

/** "In the news" **/

.in-the-news {
	border: solid 2px #9AD15C;
	padding: 5px 5px 0px 5px;
	margin-bottom: 10px;
}