/*
 *body is the default positioning anchor and is anchored at 0,0
 */
body {
	background:url("img/bg.jpg") repeat-x left top; background-color: #234e07;
	font-family: verdana, sans-serif; font-size: 10pt;
	margin: 0px; padding: 0px;
}

h1.firstrow {
	padding: 0px; margin: 0px 0px 5px 0px;
	font-family: arial, sans-serif; font-size: 14pt; font-weight: bold;
	color: #66aa00;
}

h1 {
	padding: 0px; margin: 50px 0px 5px 0px;
	font-family: arial, sans-serif; font-size: 14pt; font-weight: bold;
	color: #66aa00;
}

span.highlight { background-color: #ffffaa; }

ul {
	margin: 10px;
	padding: 5px;
	list-style-type: square;
	color: #66aa00;
}

ul li span {
	color: black;
}


table.posn_table {
	padding: 0px;
	margin-top: 20px; margin-left: auto; margin-right: auto;
	border-collapse: collapse;
}
table.posn_table td {
	padding: 0px;
	margin: 0px;
}

table.header_table { border-collapse: collapse; }

table.body_table { border-collapse: collapse; }

table.content_table {
	border-collapse: collapse;
	font-family: verdana, sans-serif; font-size: 10pt; line-height: 22px;
	margin-left: auto; margin-right: auto;
}

table.content_table img {
	border: solid 1px silver;
	margin-top: 30px;
}

div.contact {
	z-index: 10; position: relative; top: 2px;
	display: block; text-align: right; margin-right: 15px; font-weight: bold;
	color: #214a00;
}
div.menubar {
	z-index: 10; position: relative; left: 5px; top: 6px;
	width: 863px; height: 35px; margin: 0px; padding: 0px;
	background:url("img/menubar_bg.gif") no-repeat left top;
	color: #214a00;
}
div.menubar div.separator {
	z-index: 20; position: absolute;
	width: 3px; height: 35px; margin: 0px; padding: 0px;
	background:url("img/menubar_separator.gif") no-repeat left top;
}
div.menubar #s1 { left: 113px; }
div.menubar #s2 { left: 229px; }
div.menubar #s3 { left: 345px; }
div.menubar #s4 { left: 461px; }
div.menubar #s5 { left: 577px; }
div.menubar #s6 { left: 695px; }
div.menubar a.menuitem {
	z-index: 20; position: absolute;
	width: 113px; height: 35px; margin: 0px; padding: 7px 0px 0px 0px;
	text-align: center; font-size: 12pt; font-weight: bold; color: #214a00;
	cursor: pointer;
}
div.menubar a { text-decoration: none; }
div.menubar a.menuitem:hover { color: white; }
div.menubar #m1 { left: 0px; }
div.menubar #m2 { left: 116px; }
div.menubar #m3 { left: 232px; }
div.menubar #m4 { left: 348px; }
div.menubar #m5 { left: 464px; }
div.menubar #m6 { left: 580px; }
div.menubar form.google { z-index: 20; position: absolute; left: 698px; top: 5px; }
div.menubar form.google input.button {
	border: 0px; width: 18px; height: 18px;
	background:url("img/menubar_search_button.gif") no-repeat left top;
	cursor: pointer;
}

/*
 * whitebox is positioned based on body. used a table to allow
 * auto resize to the size of content.
 */
table.whitebox {
	border-collapse: collapse; border: 0px; width: 974px;
	padding: 0px; margin: 15px 0px 100px 2px;
	z-index: 10;
}
table.whitebox tbody { padding: 0px; margin: 0px; }
table.whitebox tbody tr.topedge { padding: 0px; margin: 0px; height: 13px; }
table.whitebox tbody tr.topedge td.left {
	padding: 0px; margin: 0px; width: 13px;
	background:url("img/white_nw_corner.gif") no-repeat left top;
}
table.whitebox tbody tr.topedge td.center {
	padding: 0px; margin: 0px;
	background:url("img/white_top_side.gif") repeat-x left top;
}
table.whitebox tbody tr.topedge td.right {
	padding: 0px; margin: 0px; width: 13px;
	background:url("img/white_ne_corner.gif") no-repeat left top;
}
table.whitebox tbody tr.middlerow { padding: 0px; margin: 0px; height: 550px; }
table.whitebox tbody tr.middlerow td.left {
	padding: 0px; margin: 0px; width: 13px;
	background:url("img/white_left_side.gif") no-repeat left top;
	background-color: #ffffff;
}
table.whitebox tbody tr.middlerow td.center {
	padding: 7px; margin: 0px; width: 947px;
	background:url("img/white_bg.gif") repeat-x left top;
	background-color: #ffffff;
	vertical-align: top;
}
table.whitebox tbody tr.middlerow td.right {
	padding: 0px; margin: 0px; width: 13px;
	background:url("img/white_right_side.gif") no-repeat left top;
	background-color: #ffffff;
}
table.whitebox tbody tr.bottomedge { padding: 0px; margin: 0px; height: 13px; }
table.whitebox tbody tr.bottomedge td.left {
	padding: 0px; margin: 0px; width: 13px;
	background:url("img/white_sw_corner.gif") no-repeat left top;
}
table.whitebox tbody tr.bottomedge td.center {
	padding: 0px; margin: 0px;
	background:url("img/white_bottom_side.gif") repeat-x left top;
}
table.whitebox tbody tr.bottomedge td.right {
	padding: 0px; margin: 0px; width: 13px;
	background:url("img/white_se_corner.gif") no-repeat left top;
}
table.whitebox tbody tr.middlerow td.center div.text {
	font-size: 11pt; font-weight: normal; color: #0f0f0f; line-height: 20px;
	padding: 373px 32px 7px 208px;
}
table.whitebox tbody tr.middlerow td.center div.text h1.firstrow {
	font-size: 12pt; font-weight: bold; color: #0f0f0f;
	padding: 0px; margin: 0px 0px 10px 0px;
}
table.whitebox tbody tr.middlerow td.center div.text h1 {
	font-size: 12pt; font-weight: bold; color: #0f0f0f;
	padding: 0px; margin: 50px 0px 10px 0px;
}
table.whitebox tbody tr.middlerow td.center div.text p {
	padding: 0px; margin: 0px 0px 20px 0px;
}
table.whitebox tbody tr.middlerow td.center div.text ul {
	margin-bottom: 20px;
}
table.whitebox tbody tr.middlerow td.center div.text table {
	margin-bottom: 20px;
}
table.whitebox tbody tr.footnote div.text{
	padding: 0px 7px 100px 7px; margin: 0px;
	color: white;
	font-size: 11pt;
}
table.whitebox tbody tr.footnote a { color: white; text-decoration: underline; }
table.whitebox tbody tr.footnote a:hover { color: orange; text-decoration: underline; }



td.orangebox {
	z-index: 10;
	width: 182px; height: 330px; margin: 0px; padding: 0px;
	background:url("img/orange_bg.gif") no-repeat left top;
	color: white;
	text-align: center;
}
td.orangebox div.title {
	font-family: arial, sans-serif; font-size: 55pt; font-weight: bold;
	margin: 0px; padding: 0px;
}
td.orangebox div.subtitle { font-size: 11pt; font-weight: bold; }
td.orangebox div.blurb { margin: 20px 15px 20px 15px; text-align: center; }
td.orangebox a { color: white; }
td.orangebox a:hover { color: #214a00; }

td.greenbox {
	z-index: 10;
	width: 705px; height: 330px; margin: 0px; padding: 0px;
	color: white; text-align: left; vertical-align: bottom;
}

td.greenbox div.container {
	margin: 0px; padding: 20px 7px 20px 7px;
}
td.greenbox div.title {
	font-family: arial, sans-serif; font-size: 18pt; font-weight: bold;
	margin-bottom: 20px;
}
td.greenbox a {
	padding-left: 19px; color: white; line-height: 22px; font-weight: bold;
	background:url("img/green_bullet_9px.gif") no-repeat left 5px;
}
td.greenbox a:hover { color: #ffffaa; }
td.greenbox div.bullet span {
	padding-left: 19px; color: white; line-height: 22px;
	background:url("img/green_bullet_9px.gif") no-repeat left 5px;
}

a.header { color: white; font-weight: bold;}
a.header:hover { color: #ffffaa; }

div.testimonial {
	font-family: Times New Roman, Serif; font-size: 10pt;
	font-style: italic; text-align: left; line-height: 22px;
	border: solid 1px silver; padding: 10px; background-color: #eeeeee;
	width: 157px; margin-bottom: 50px;
}
div.credit {
	font-family: verdana, sans-serif; font-size: 10pt;
	font-style: normal; text-align: right; line-height: 22px;
	padding: 10px 10px 10px 10px;
}



table.pricetable {
	border-collapse: collapse;
	border: 0px;
	border-bottom: double 3px silver;
	margin: 0px 0px 2px 0px;
}
table.pricetable tbody tr {
	border-style: solid;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}
table.pricetable tbody tr th {
	border-style: solid;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: solid 1px orange;
	text-align: left;
	vertical-align: bottom;
}
table.pricetable tbody tr td {
	border-style: solid;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: solid 1px silver;
	padding: 3px;
}
table.pricetable img {
	border: solid 0px white; margin: 0px;
}

a.signupbutton div{
	width: 400px; height: 41px; margin: 5px; padding: 0px;
}
a.signupbutton {
	display: block; margin: 0px; padding: 0px;
	background:url("img/signup.gif") no-repeat left top; background-color: white;
	text-align: center; line-height: 41px;
	color: #333333;	text-decoration: none; font-size: 12pt; font-weight: bold;

}
a.signupbutton:hover {
	background:url("img/signup_hover.gif") no-repeat left top; background-color: white;
	cursor: pointer;
}
