@charset "UTF-8";
/* CSS Document */
/* Copyright 2009 Chad M. Wright @ Tnwebco.com */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, skrike, strong, sub, sub, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td {
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../design/body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

/* Global Styles */

div#wrapper {
	height: auto;
	width: 968px;
	margin: 0px auto 0px auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../design/wrapper.jpg);
} 

/* Header Styles */

div#header {
	height: 167px;
	width: 968px;
}
div#header .left {
	float: left;
	height: 167px;
	width: 504px;
	padding-left: 163px;
}
div#header .right {
	float: right;
	height: 106px;
	width: 300px;
	padding: 41px 0px 20px 0px;
}
img.logo  {
	border: none;
}
div#header h1 {
	color: #78A452;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	float: left;
	padding: 27px 0px 0px 40px;
}
div#top {
	background-color: #CDDEBE;
	height: 100px;
	width: 266px;
	padding: 8px 12px 0px 22px;
}
div#top h2 {
	font-size: 14px;
	color: #CD161F;
	line-height:1em;
	margin-bottom: 5px;
	margin-top: 0px;
}
div#top ul {
	height:1em;
	font-size: 13px;
	line-height: 1em;
	list-style-type: none;
	margin-bottom:5px;
}
div#top ul li {
	font-size:13px;
	line-height:1em;
	display: inline;
}
div#top ul li a {
	color: #333333;
	text-decoration: underline;
	padding-right: 8px;
}
div#top ul li a:hover {
	text-decoration: none;
}
div#top hr {
	clear: both;
	border-top:solid 1px #999;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #CDDEBE;
	margin:0px 0px 5px 0px;
	font-size:1px;
}

/* Main Menu Styles */

div#mainmenu {
	height: 22px;
	margin: 5px 0px 0px 230px;
	width: 738px;
	border-left: solid 1px #DBE7D1;
}
div#mainmenu ul {
	font-size: 15px;
	line-height: 1em;
	font-weight: bolder;
	list-style-type: none;
}
div#mainmenu ul li {
	float: left;
}
div#mainmenu ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 12px 3px 12px;
	float: left;
	font-size: 15px;
	line-height: 1em;
	border-right: solid 1px #DBE7D1;
}
div#mainmenu ul .active a {
	color: #EDC906;
	background-color: #4C6A1D;
}
div#mainmenu ul li a:hover {
	color: #EDC906;
	background-color: #4C6A1D;
}
div#mainmenu ul li ul {
	visibility:hidden;
}

/*  Content Wrapper Styles */

div#content_wrapper {
	clear: both;
	width: 968px;
	height: auto;
}
div.left_column {
	float: left;
	height: auto;
	width: 609px;
	padding: 30px 0px 0px 0px;
}
div.left_column ul {}
div.left_column ul li {
	display:block;
	list-style-image: none;
	list-style-type: square;
}
div.left_column ul li a {
	color:#333;
	text-decoration:underline;
}
div.left_column ul li a:hover {
	text-decoration:none;
}
div#hero {
	background-image: url(../design/jc_hero_home.jpg);
	background-repeat: no-repeat;
	height: 224px;
	width: 388px;
	padding: 25px 220px 0px 0px;
	margin-bottom:37px;
}
div#hero h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bolder;
	color: #4B6A1E;
	margin-left: 20px;
	line-height:1em;
	text-transform: uppercase;
}
div#hero h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CD161F;
	font-weight:bolder;
	margin-left: 37px;
	margin-top: 3px;
	line-height:1em;
}
div#hero h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	margin:3px 0px 23px 73px;
}
div#hero p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	margin-left: 15px;
	margin-top: 30px;
}
div#hero p a {
	color: #000;
	text-decoration:underline;
}
div#hero p a:hover {
	color:#000;
	text-decoration:none;
}
div#hero .heroButton {
	background-image:url(../design/hero_home_button.jpg);
	background-repeat:no-repeat;
	width:167px;
	height:24px;
	font-size:14px;
	line-height:1em;
	font-weight:bolder;
	padding:11px 0px 0px 0px;
	margin:0px 0px 3px 180px;
	text-align:center;
	text-transform: uppercase;
}
div#hero .heroButton a {
	color:#EECE17;
	text-decoration:none;
}
div#hero .heroButton a:hover {
	color:#fff;
}
div#hero-facilitators {
	width:570px;
	padding:20px 15px;
	background-color:#F1F6FA;
	margin-bottom:20px;
}
div#hero-facilitators h1 {
	font-size:20px;
	line-height:1.4em;
	color:#333;
}
.contentheading {
	width:540px;
}
.contentpane, td {
	font-size: 14px;
	line-height: 1.3em;
	color: #666;
	margin-right: 30px;
	margin-left: 15px;
}
.contentpagetitle, .sectiontableheader {
	font-size: 20px;
	line-height: 1.5em;
	color: #4B6A1E;
	font-weight: bolder;
	margin:10px 0px 15px 0px;
	text-decoration:none;
	text-align:left;
}
.contentpaneopen h1 {
	font-size: 20px;
	line-height: 1.5em;
	color: #4B6A1E;
	font-weight: bolder;
	margin:10px 0px 15px 0px;
	text-align:left;
}
.buttonheading {
	width:16px;
}
.contentpaneopen h2 {
	font-size: 18px;
	line-height: 1.5em;
	color: #4B6A1E;
	font-weight: bolder;
	margin:10px 0px 15px 0px;
}
.contentpagetitle:hover {
	text-decoration:none;
}
.contentauthor {
	font-size: 12px;
	line-height: 1.5em;
	color: #4B6A1E;
}
.createddate {
	font-size: 12px;
	line-height: 1.5em;
	color: #4B6A1E;
}
.contentpaneopen p {
	margin: 0px 0px 15px 0px;
}
.contentpaneopen p a {
	color: #4B6A1E;
	text-decoration:underline;
}
.contentpaneopen p a:hover {
	text-decoration:none;
}
span.readmore a {
	font-weight: bolder;
	color: #BF1219;
	text-decoration: none;
}
span.readmore a:hover {
	text-decoration: underline;
}
.article_separator{
	visibility:hidden;
	float:left;
	height:1px;
	width:0px;
	border-bottom:solid 1px #e8e8e8;
}
.readon {
	font-size:11px;
	color:#333333;
	font-weight:bolder;
	text-decoration:none;
	text-transform: uppercase;
}
.readon:hover {
	color:#000;
	font-weight:bolder;
	text-decoration:none;
}
#ChronoContact_facilitator {
	width:600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4em;
}
#ChronoContact_facilitator ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ChronoContact_facilitator li {
	width: 600px;
	float: left;
	height: 30px;
}
input.short  {
	font-size: 16px;
	line-height: 20px;
	height: 22px;
	width: 275px;
	border: solid 1px #333;
	margin: 0px;
	padding: 0px;
	background-color: #EEFFF2;
}
#ChronoContact_facilitator .labels {
	float: left;
	width: 300px;
}
#ChronoContact_facilitator .fields {
	float: right;
	width: 300px;
}
#jumpMenu {
	font-size: 16px;
	line-height: 1px;
	background-color: #EEFFF2;
	border: solid 1px #333;
	width: 275px;
	text-align: center;
}
.chronoform {
	visibility:hidden;
}
#submit {
	float:left;
	margin-right:35px;
}
#reset {
	float:left;
}
/* Temp Fix for login form styles */

#com-form-login {
	line-height:1.3em;
	font-size:14px;
	color:#000;
}
#com-form-login * {
	border:none;
}
#com-form-login input {
	border:1px solid #e8e8e8;
}
.contentpaneopen-store table td {
	margin:4px;
}
.contentpaneopen-store td img {
	padding:4px;
}
.contentpaneopen-store {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
}
.contentpaneopen-store h2 {
	font-size: 18px;
	line-height: 1.4em;
	color: #D64905;
	font-weight: bold;
}
.contentpaneopen-store p {
	font-size: 12px;
	line-height: 1.1em;
	margin-bottom: 12px;
}
.contentpaneopen-store ul li {
	font-size:12px;
	line-height:1.3em;
}
.purchase_link a {
	float:right;
	clear:both;
	font-size: 13px;
	line-height: 1em;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: right;
	padding: 5px;
	width: 68px;
	background-color: #FEF096;
	height: auto;
	color:#fff;
	margin-bottom:15px;
}
.purchase_link a:hover {
	color:#000;
}
.contentpaneopen-store ul {
	list-style-position: inside;
}
.purchase_link a {
	color: #333333;
	text-decoration: none;
}
/* End of temp fix for login styles */

div.right_column {
	float: right;
	height: auto;
	width: 300px;
	padding: 20px 0px 0px 0px;
}
ul#right_menu {
	list-style:none;
	font-size:18px;
	margin-bottom:20px;
}
ul#right_menu li {
	float:left;
	width:300px;
	padding:0px;
}
ul#right_menu li a {
	border-bottom:solid 1px #89BB5C;
	border-top:solid 1px #5B7B3D;
	float:left;
	padding:5px 0px 5px 25px;
	background-color:#78A351;
	width:275px;
	color:#fff;
	text-decoration:none;
}
ul#right_menu li a:hover {
	background-color:#86B75A;
}
div#translator {
	width: 266px;
	height:auto;
	background-color: #DBE7D1;
	padding: 14px 17px 14px 17px;
	margin:37px 0px 0px 0px;
}
div#translator  h3   {
	font-size: 20px;
	color: #4B6A1E;
	margin-bottom:8px;
}
div#translator p {
	font-size:10px;
	margin-top:8px;
}
div#translator p a {
	color:#333;
	text-decoration:underline;
}
div#translator p a:hover {
	text-decoration:none;
}
div.students {
	height: 228px;
	width: 266px;
	background-image: url(../design/students.jpg);
	background-repeat: no-repeat;
	padding: 14px 17px 0px 17px;
	background-position: left top;
}
div.students  h3   {
	font-size: 20px;
	color: #4B6A1E;
}
div.students p {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #CC161E;
	text-align: center;
}
div.students ul {
	padding: 20px 0px 0px 12px;
}
div.students ul li {
	list-style-position: inside;
	color: #CF272F;
	list-style-type: square;
}
div.students ul li span {
	color: #333333;
}
div.green_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	width: 166px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	background-image: url(../design/green_button.jpg);
	background-repeat: no-repeat;
	line-height: 1em;
	height: 16px;
	margin: 5px auto 0px auto;
	clear: both;
}
div.green_button a {
	color:#fff;
	text-decoration: none;
}
div.green_button a:hover {
	color:#EECE17;
	text-decoration: none;
}

div.spacer {
	width:300px;
	height:40px;
}

div.facilitators {
	clear:both;
	height: 228px;
	width: 283px;
	padding: 14px 0px 0px 17px;
	background-color: #CDDEBE;
	margin-top: 39px;
	line-height: 1em;
}
div.facilitators h3 {
	font-size: 20px;
	color: #4B6A1E;
	text-align: center;
	margin-bottom: 6px;
}
div#img_wrapper {
	float: left;
	height: 138px;
	width: 88px;
	padding-right: 5px;
}
div.facilitators ul {
	padding: 30px 0px 0px 5px;
	clear: right;
	margin-bottom: 66px;
}
div.facilitators ul li {
	list-style-position: inside;
	color: #CF272F;
	list-style-type: square;
}
div.facilitators ul li span {
	color: #333333;
}
div.facilitators ul li a {
	color:#333333;
	text-decoration:underline;
}
div.facilitators ul li a:hover {
	text-decoration:none;
}
div.facilitators p {
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #CC161E;
	text-align: center;
}
div#features {
	height: 173px;
	width: auto;
	background-color: #CDDEBE;
	border-bottom: solid 7px #4B6A1E;
	border-top: solid 7px #4B6A1E;
	margin-top: 39px;
}
div.feature_wrapper {
	height: 173px;
	width: 976px;
	margin: 0px auto 0px auto;
}
div#feature_one {
	float: left;
	height: 162px;
	width: 452px;
	background-image: url(../design/feature_one.jpg);
	background-repeat: no-repeat;
	margin: 11px 0px 10px 0px;
}
div#feature_one h1 {
	font-size: 20px;
	line-height: 1em;
	color: #CD161F;
	text-align: center;
	margin: 12px 0px 9px 0px;
}
div.feature_one_inner {
	float: right;
	width: 287px;
	margin: 10px 0px 0px 0px;
}
div#feature_one p {
	font-size: 14px;
	line-height: 1.2em;
	color: #4B6A1E;
	text-align: center;
	padding-top: 10px;
}
div#feature_one   p a  {
	color:#4B6A1E;
	text-decoration:underline;
}
div#feature_one p a:hover {
	text-decoration:none;
}
div.feature_green_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	width: 166px;
	text-align: center;
	background-image: url(../design/green_button.jpg);
	background-repeat: no-repeat;
	line-height: 1em;
	height: 16px;
	clear: both;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 20px auto 0px auto;
}
div.feature_green_button a {
	color: #E6C607;
	text-decoration: none;
}
div.feature_green_button a:hover {
	color: #fff;
	text-decoration: none;
}
div#feature_two {
	float: right;
	height: 162px;
	width: 452px;
	background-image: url(../design/feature_two.jpg);
	background-repeat: no-repeat;
	margin: 11px 0px 10px 0px;
}
div#feature_two h1 {
	font-size: 20px;
	line-height: 1em;
	color: #CD161F;
	text-align: center;
	margin: 12px 0px 6px 0px;
}
div#feature_two .left {
	float: left;
	height: 106px;
	width: 174px;
}
div#feature_two .right {
	float: right;
	height: 106px;
	width: 277px;
}
div#feature_two p {
	font-size: 14px;
	line-height: 1.2em;
	color: #4B6A1E;
	text-align: center;
	padding-top: 10px;
	margin-top: 14px;
}
div#feature_two  p  a  {
	text-decoration:none;
}
div.feature_two_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	width: 166px;
	text-align: center;
	background-image: url(../design/feature_two_button.jpg);
	background-repeat: no-repeat;
	line-height: 1em;
	height: 16px;
	clear: both;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 20px auto 0px auto;
}
div.feature_two_button a {
	color: #4B6A1E;
	text-decoration: none;
}
div.feature_two_button a:hover {
	color: #000000;
	text-decoration: none;
}
div#footer {
	margin:15px;
	clear:both;
	height: 80px;
	width: auto;
}
div.footer_wrapper {
	height: 80px;
	width: 976px;
	margin: 0px auto 0px auto;
}
div.footer_wrapper ul {
	list-style-type: none;
	line-height: 1em;
	font-size: 13px;
	margin: 0px 0px 6px 0px;
	color: #999999;
	float: left;
	width: 840px;
}
div.footer_wrapper ul li {
	display: inline;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div.footer_wrapper ul li a {
	color: #999999;
	font-size: 13px;
	line-height: 1em;
	padding: 0px 10px 0px 0px;
	text-decoration:underline;
}
div.footer_wrapper ul li a:hover {
	text-decoration:none;
}
div.footer_wrapper p {
	float: left;
	width: 840px;
	font-size: 13px;
	line-height: 1em;
	color: #999999;
	padding-top: 5px;
}
div.footer_wrapper p a {
	color: #999999;
	text-decoration: underline;
}
div.footer_wrapper p a:hover {
	text-decoration:none;
}
img#tnwebco {
	float: right;
	border: none;
	margin-top: 10px;
}