@import "nav.css";

a { outline: none; }

body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	color: #666;
	font: 12px tahoma, helvetica, arial, sans-serif;
	line-height: 20px;
	}
	
a:link { color: #006699; }
a:visited { color: #333; }
a:hover { color: #993300; }

.clearit {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin: 0;
    padding: 0;
	}

/* Header styles, August 2009 */

.headwrapper {
	background: transparent url('/_images/header/bg-head_shadow.gif') no-repeat left bottom;
	}

.head {
	width: 960px;
	margin: 0px auto;
	padding: 6px 0 0 0;
	list-style: none;
	color: #666;
	font-size: 14px;
	}
.logo {
	display: inline;
	float: left;
	width: 109px;
	}
.topnav {
	display: inline;
	float: right;
	width: 760px;
	text-align: right;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	}
.topnav li {
	display: inline;
	background: transparent url('/_images/header/bullet_nav.gif') no-repeat right top;
	padding: 0 15px 0 11px 
	}
.topnav a:link, .topnav a:visited {
	text-decoration: none;
	color: #666;
	}
.topnav a:hover {
	color: #b5d023;
	}
.topnav li#search {
	background: none;
	}
.topnav li#search form { display: inline; margin: 0; padding: 0 }
.topnav li#search input {
	vertical-align: middle;
	}
.topnav .searchbox {
	color: #999;
	width: 116px;
	}
	
.mainnav {
	width: 960px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
.mainnav li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	}	
.mainnav a {
	display: block;
	width: 191px;
	padding: 8px 0;
	text-align: center;
	background: #b5d023 url('/_images/header/bg-head_nav.gif') no-repeat left bottom;
	border-right: 1px dotted #80aa05;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
.mainnav a#lastlink {
	border-right: none;
	}
.mainnav a:hover, #active {
	background: #80aa05 url('/_images/header/bg-head_nav_hover.gif') no-repeat left bottom;
	}
#main_active { color: #333; }


.homewrapper {
	border-top: 1px solid #fff;
	background: #fff url('/_images/home/bg.gif') repeat-x;
	}
.home_carousel {
	width: 960px;
	height: 285px;
	overflow: hidden;
	margin: 14px auto;
	padding: 0px;
	background: transparent url('/_images/home/bg_carousel.png') no-repeat;
	}

.home_left {
	float: left;
	display: inline;
	width: 272px;
	margin-right: 38px;
	margin-left: 36px;
	}
.home_center {
	float: left;
	display: inline;
	width: 273px;
	}
.home_right {
	float: right;
	display: inline;
	width: 272px;
	margin-left: 28px;
	margin-right: 36px;
	}

.home_left h1, .home_center h1 {
	color: #000;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 18px;
	}
.home_left p, .home_center p {
	color: #000;
	font-size: 12px;
	line-height: 22px;
	}
.home_left ul, .home_center ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.home_left li, .home_center li {
	margin: 6px 0;
	padding: 0 0 0 16px;
	color: #000;
	background: transparent url('/_images/black_arrow.gif') no-repeat 0 6px;
	}
.home_right h1 {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	}
.home_crankit {
	border: 1px solid #95a53a;
	background: #c3d84e;
	padding: 9px 18px;
	}
.home_crankit h2 {
	margin: 0;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	}
.home_crankit p {
	margin: 0;
	font-size: 12px;
	line-height: 22px;
	color: #000;
	}
.home_crankit a:link, .home_crankit a:visited { color: #fff; }

.home_dl {
	margin: 12px 0;
	}

.bannerwrapper {
	border-top: 1px solid #fff;
	background: #000;
	}
.blogwrapper {
	border-top: 1px solid #fff;
	background: #eef2fb url('/_images/bg-blog.gif') repeat-x;
	}
.banner {
	width: 960px;
	height: 237px;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	}
.aqua {
	background: #648e9a url('/_images/FPO_home_3_bg.gif') repeat-x;
	}
.insidebanner {
	overflow: hidden;
	height: 135px;
	}
.bannerwrapper:after, .blogwrapper:after {
	content: ".";
    display: block;
	height: 0px;
	overflow: hidden;
    clear: both;
    visibility: hidden;
	}


.bodywrapper {
	background: #fff url('/_images/bg_head_bottom.gif') repeat-x;
	padding-top: 20px;
	}
.bodyarea {
			width: 960px;
			margin: 10px auto 0px auto;
			}
.bodyarea:after {
	content: ".";
    display: block;
    height: 0px;
	overflow: hidden;
    clear: both;
    visibility:hidden;
	}
.bodyarea .single {
	width: 940px;
	}
.bodyarea .left, #content, .home_top {
	float: left;
	display: inline;
	width: 662px;
	}
.bodyarea .right, #sidebar, .home_bottom {
	float: right;
	display: inline;
	width: 278px;
	line-height: 18px;
	}	

.bodyarea .evencol1 {
	display: inline;
	float: left;
	width: 330px;
	}
.bodyarea .evencol2 {
	display: inline;
	float: right;
	width: 330px;
	}

.bodyarea hr {
	clear: both;
	border: none;
	height: 1px;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	padding-bottom: 12px;
	margin-bottom: 12px;
	}

.home_top h1 {
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	color: #669900;
	margin: 14px 0px 24px 0px;
	}
.home_top h2 {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	margin: 0px;
	}

.bodyarea .left h1, .bodyarea .single h1, #content {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	margin: 0px;
	}
.bodyarea .left h2, .bodyarea .single h2, #content h2 {
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	color: #669900;
	margin: 14px 0px 24px 0px;
	}

.page_title {
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	color: #b5d023;
	margin-bottom: 28px;
	}
#content h2 {
	margin-bottom: 0px;
	}
#content h2 a { text-decoration: none; }


.bodyarea .left h3, .bodyarea .single h3, .home_top h3 {
	font-size: 16px;
	line-height: 20px;
	color: #333;
	margin: 0px;
	}
.bodyarea .left h4, .bodyarea .single h4, .home_top h4 {
	background: #e1e1e1;
	padding: 2px;
	color: #333;
	}
.bodyarea .left h5, .bodyarea .single h5, .home_top h5 {
	}
.bodyarea .left p, .bodyarea .single p, .home_top p {
	margin-top: 0px;
	}

.bodyarea .left ul, .bodyarea .single ul, .home_top ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.bodyarea .left li, .bodyarea .single li, .home_top li {
	padding-left: 18px;
	background: transparent url('/_images/bullet.gif') no-repeat 0px 5px;
	margin: 12px 0px;
	}

.green {
	padding: 6px 12px;
	background: #f0ffb2;
	margin-bottom: 12px;
	}
.grey, #searchform, .postmetadata {
	padding: 6px 12px;
	background: #f4f3f3;
	margin-bottom: 12px;
	}

.green table, .sb_grey table { margin: 12px 6px 6px 6px; }
.green td, .sb_grey td { padding: 3px 6px 3px 0px; text-align: right; }

.bodyarea .right h1, #sidebar h2, #sidebar h1 {
	color: #333;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	}
.bodyarea .right h2, #comments {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #669900;
	margin: 6px 0px 12px 0px;
	}
.bodyarea .right h3 {
	font-size: 12px;
	line-height: 18px;
	color: #333;
	margin: 0px;
	}
.bodyarea .right h4 {
	}
.bodyarea .right h5 {
	}
.bodyarea .right p {
	margin-top: 0px;
	}
.bodyarea .right ul, #sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}	

#sidebar li {
	margin: 12px 0px;
	padding: 6px 0px;
	border-bottom: 1px solid #f1f1f1;
	}
.bodyarea .right li, #sidebar li li {
	margin: 3px 0px;
	padding: 0px 0px 0px 12px;
	background: transparent url('/_images/arrow_right.gif') no-repeat 0px 6px;
	border: none;
	}

.commentlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

.comment-intro {
	background: #f1f1f1;
	padding: 3px 6px;
	}
.comment-contents {
	border-bottom: 1px solid #f1f1f1;
	padding: 3px 6px;
	}
.comment-contents p {
	margin-top: 0px;
	}

#replybox {
	width: 398px;
	background: #f0ffb2;
	padding: 6px 12px;
	}
#replybox textarea { width: 398px; }
#respond {
	border-bottom: 1px solid #fff;
	margin: 0px;
	padding-bottom: 6px;
	font-size: 12px;
	color: #333;
	}

.customer_focus_tbl {
	margin: 12px 0;
	font-size: 11px;
	line-height: 14px;
	}
.customer_focus_tbl img { vertical-align: middle; }
.customer_focus_tbl-left, .customer_focus_tbl-right {
	background: #f4f3f3;
	padding: 2px 4px;
	color: #666;
	}
.customer_focus_tbl-right {
	color: #669900;
	}

/*.home_bottom { margin: 18px 0; }

.home_bottom .sidebar {
	float: left;
	display: inline;
	width: 279px;
	padding: 6px 12px;
	margin-right: 10px;
	}*/
.home_bottom .sb_green {
	background: #f0ffb2;
	padding: 6px 12px;
	margin-bottom: 12px;
	}
.home_bottom .sb_grey {
	background: #f4f3f3;
	padding: 6px 12px;
	margin-bottom: 12px;
	}
.home_bottom h1 {
	color: #333;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	}
.home_bottom ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.home_bottom li {
	margin: 3px 0px;
	padding: 0px 0px 0px 12px;
	background: transparent url('/_images/arrow_right.gif') no-repeat 0px 6px;
	border: none;
	}
.sb_green table { margin: 12px 6px 6px 6px; }
.sb_green td { padding: 3px 6px 3px 0px; text-align: right; }	

/* Tab Styles */

.ui-tabs-hide { display: none; }

#tab_container ul#tab_list {
	border-bottom: 3px solid #b5d023;
	/*background: #f0ffb2;*/
	list-style: none;
	font-size: 13px;
	line-height: 15px;
	padding: 12px 8px 8px 0px;
	margin: 0 0 12px 0;
	}
#tab_container ul#tab_list li { 
	display: inline;
	margin: 0px;
	padding: 0px;
	background-image: none;
	}
#tab_container ul#tab_list li a:link, #tab_container ul#tab_list li a:visited {
	text-decoration: none;
	padding: 5px 9px 8px 9px;
	color: #b5d023;
	}
#tab_container ul#tab_list li a:hover {
	color: #7fa905;
	}
#tab_container ul#tab_list .ui-tabs-selected a, #tab_container ul#tab_list .ui-tabs-selected a:link, #tab_container ul#tab_list .ui-tabs-selected a:visited, #tab_container ul#tab_list .ui-tabs-selected a:hover {
	background: #b5d023;
	border-top: 1px solid #b5d023;
	border-right: 1px solid #b5d023;
	border-left: 1px solid #b5d023;
	color: #fff;
	text-decoration: none;
	padding: 5px 9px 8px 9px;
	}

#tab_container ul#tab_list .ui-tabs-selected ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#tab_container ul#tab_list .ui-tabs-selected li {
	padding-left: 18px;
	background: transparent url('/_images/bullet.gif') no-repeat 0px 5px;
	margin: 12px 0px;
	}

/* Search Styles */

#resultsBox {
	border: 1px solid #6b9d00;
	background: #edffac;
	padding: 12px 24px;
	margin-bottom: 12px;
	}
#resultsBox #search_box {
	font-size: 14px;
	line-height: 16px;
	padding: 4px;
	}

/* Footer Styles */

.footer {
	margin: 30px auto 10px auto;
	padding-top: 6px;
	width: 960px;
	/*border-top: 1px solid #e2f1b3;*/
	font-size: 10px;
	color: #999;
	}
.footer:after {
	content: ".";
    display: block;
    height: 0px;
	overflow: hidden;
    clear: both;
    visibility:hidden;
	}

.footer_links {
	border: 1px solid #e1e1e1;
	background: #f6f5f5;
	color: #666;
	padding: 12px;
	margin-bottom: 12px;
	}
.footer_links .footer_link_list {
	width: 147px;
	padding-right: 10px;
	float: left;
	display: inline;
	}
.footer_link_list h1 {
	font-size: 12px;
	color: #b0afaf;
	margin-top: 0px;
	}
.footer_link_list ul {
	float: none;
	display: block;
	margin: 0px;
	padding: 0px;
	}
.footer_link_list ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	}

.footer ul.footer_bottom {
	float: right;
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.footer ul.footer_bottom li {
	display: inline;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

.footer a:link { color: #a5a5a5; text-decoration: none; }
.footer a:visited { color: #a5a5a5; text-decoration: none;  }
.footer a:hover { color: #b5d023; }

.editmode {
	background: #f1f1f1;
	color: #666;
	padding: 12px;
	margin: 6px 0;
	}
