body {font-size:13px;font-family:Arial;}
/*links*/
li a {color:#0079aa;text-decoration:underline;}
 li	a:hover{text-decoration:none;}
p a {color:#0079aa;text-decoration:underline;}
 p	a:hover{text-decoration:none;}
/*links*/

/*copy classes*/
h1 {font-size:1.23em;font-weight:bold;margin-bottom:20px;color:#005E39;line-height:26px}
h2 {font-size:1.10em;font-weight:bold;margin-top:10px;margin-bottom:20px;color:#005E39;}
h3 {font-size:13px;font-weight:bold;color:#000000;line-height:26px}
h4 {font-size:1.10em;font-weight:bold;margin-top:10px;margin-bottom:5px;color:#005E39;}
h5 {font-size:1.45em;color:#005E39;font-weight:bold;padding:0 0 10px 0}
h6 {font-size:13px;color:#006699;font-weight:normal}
.h1 {font-size:1.45em;color:#005E39;font-weight:bold;}
.h2 {font-size:12px;color:#000000;font-weight:normal;}
	.h2 a {font-weight:bold;font-size:12px;color:#0079aa;font-weight:normal;text-decoration:underline;}
	.h2 a:hover {color:#0079aa;text-decoration:none;}
p {padding-bottom:9px;}
.copy a:hover{border-bottom:0px dotted #0079aa}
.spanli{padding-left:18px}
/*copy classes*/

#wrapper {width:964px;}
#headerWrapper {padding:20px 0 0 0;min-width:0;overflow:hidden;}
#logo {float:left;width:211px;margin:0 0 40px 0;}
	/* nav structure */ 
	#navWrapper {margin-left:184px;background:#a6c337 url('/images/accent_nav.gif') 0 0 no-repeat;height:33px;}
		#nav {height:33px;overflow:hidden;float:right;}
			#nav li a {background-repeat:no-repeat;background-position:0 0;border-left:1px solid #fff;text-decoration:none;text-transform:uppercase;color:#fff;height:33px;}
				#nav li a span, #skipnav {margin-left:-1000em}
		/* nav items */
		#nav #linkHome a {background-image:url('/images/nav_home.gif');width:77px;}
		#nav #linkDload a {background-image:url('/images/nav_getwidget.gif');width:140px;}
		#nav #linkWhat a {background-image:url('/images/nav_what.gif');width:136px;}
		#nav #linkInstruction a {background-image:url('/images/nav_instruction.gif');width:200px;}
		#nav #linkFAQs a {background-image:url('/images/nav_faqs.gif');width:70px;}
		#nav #linkKP a {background-image:url('/images/nav_kp.gif');width:82px;}
		/* nav items */
			/* active page and nav hover */
			#pageHome #linkHome a,
			#pageDload #linkDload a,
			#pageWhat #linkWhat a,
			#pageInstruction #linkInstruction a,
			#pageFAQs #linkFAQs a,	
			#nav a:hover {background-repeat:no-repeat;background-position:0 -33px;}
			/* active page and nav hover */

	.marginwrapper {margin:0 0 0 40px;width:918px;}
	#splash {width:964px;margin:2px 0 3px -40px;overflow:hidden;color:#fff;position:relative;background:url('/images/bg_splash.jpg') 0 0 no-repeat;height:95px;}
		#widgetname {margin:27px 27px 0 0;text-align:right;font-size:24px;padding:0;font-size:bold;}
	#content {margin-top:20px;}
		#content h1 {font-weight:bold;margin-bottom:20px;color:#005E39;}
		#content h2 {font-weight:bold;margin-top:10px;margin-bottom:20px;color:#005E39;}
			#content p {line-height:133%;color:#333}
	.content_left{float:left;width:520px;}
	.content_right{float:right;width:386px;}
	#sidebar {float:left;margin-top:20px;}
	#right_feature {float:left;margin-top:20px;margin-right:22px;}
	#right_feature2 {float:left;margin-right:22px;}
	
	/* landingLayout is the Landing Page and About page design */ 
	.landingLayout #content {float:left;width:555px;margin-right:5px;}
	.landingLayout #content h1, .landingLayout #content h2, .landingLayout #content h3, .landingLayout #content h4, .landingLayout #content h5, .landingLayout #content h6, .landingLayout #content p, .landingLayout #content blockquote {margin-right:10px;}
	.landingLayout .green_button {margin-right:-10px}

	/* widgetsLayout is the layout used on widgets.html */
	.widgetsLayout #content {padding-top:20px;}
	.widgetsLayout #screenshot_snack {margin-top:-20px}
	.widgetsLayout .green_button {margin-right:-10px}

	/* FAQ Layout */
	.faqsLayout #content ol, .faqsLayout #content ul {margin-left:2em}
	.faqsLayout	#content ol li {list-style:decimal}
	.faqsLayout #content ul li {list-style:disc }
	.faqsLayout ol ol .figure {text-align:left}	
	
	/*download page*/
	.download_widget{float:left;width:458px;border:0px solid red}
	.download_widget_module_mid{width:458px;background-color:#f6f6f6}
	.download_widget_module_bot{width:458px;height:6px;background:url('/images/download_widget_module_bot.gif') no-repeat}
	.download_widget_module_table{margin-left:8px}
		.download_widget_module_table_td{padding:0 7px 0 7px}
	/*download page*/

	/*footer*/
	#footer {color:#757575;background:url('/images/graydot.gif') 0 0 repeat-x;padding-top:20px;margin-top:60px;}
		#copyright {float:left;width:50%}
		#utility {float:right;}
			#utility li {border-right:#757575 1px solid}
			#utility li.last {border-right:none}
			#utility li a {padding:0 6px;text-decoration:none;color:#757575;}
	/*footer*/

#link_download_snack, #link_share {z-index:10;margin-top:-10px}



.hnav li {float:left;}
	.hnav li a {display:block;overflow:hidden;}
.rightImage {float:right;margin-right:15px;}
.leftImage {float:left;margin-right:50px;}
.rightText {text-align:right}
.screenshot {margin-bottom:15px;}
.clear {clear:both}

.figure {text-align:left;}

.green_button {margin-top:10px}
li .green_button {margin-top:0;margin-right:0;}


.widget_box{width:280px;float:left;padding:0 10px 0 10px }
.border_lr{border-right:1px dotted #d8d8d8;border-left:1px dotted #d8d8d8;}
.hr1{border-top:1px dotted #c9c9c9;width:100%;margin:30px 0 0 0}
.hr2{border-top:1px solid #005e39;width:100%;margin:30px 0 0 0}