﻿/************* GLOBAL CSS ************/

body {
	margin: 0px 0px 0px -1px !important; /*taken by FF*/
  margin: 0px 0px 0px 0px; /*taken by IE*/
	padding: 0px 0px 0px 0px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	text-align: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	line-height: 16px;
	color: #333;
}

.reports {
  margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/background_none.jpg);
	background-repeat: repeat;
	text-align: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}

#frame {
	background: #fff;
	width: 880px;
	margin: 0px auto;
}

.clear_left {
  clear: left;
}

.clear_right {
  clear: right;
}

.clearfix {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica;
	color: #333;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #94b73c;
	height: .5px;
	background-color: #94b73c;
}

ul {
  float: left;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
}

li {
  padding-left: 8px;
  padding-bottom: 22px;
  background-image: url(../images/dot.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

#list ol {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0px;
	list-style: none;
}

#list li {
  padding-left: 8px;
  padding-bottom: 10px;
  background-image: url(../images/dot.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

#servicelist ol {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
	list-style: decimal;
}

#servicelist li {
  padding-left: 8px;
  padding-bottom: 10px;
  background-image: url(../images/dot2.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

#question ul {
  float: right;  
  list-style: none;
  margin-top: 10px;
  padding-top: 0px;
}

#question li {
  color: #94b73c;
  padding-left: 0px;
  padding-bottom: 19px;
  background-image: url(../images/dot2.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

#buttonyes {
  float: right;
  clear: both;
  padding-top: 10px;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #333;
}

input {
	font-size: 1.2em;
}

/************* HEADER ************/

#branding {
	width: 880px;
	height: 128px;
	background: #fff url(../images/header_background.jpg) repeat-x center top;
	margin: 0px auto;
	border-bottom: 1px solid #94b73c;
}

#branding #logo {
	float: left;
}

#topnav {
	width: 880px;
	height: 31px;
	background: #fff;
	margin: 0px auto;
	border-bottom: 1px solid #94b73c;
}

#topnav #left {
	float: left;
	width: 507px;
	padding: 0px 0px 0px 0px;
}

#topnav #right {
	float: right;
	text-align: right;
	width: 135px;
	padding: 0px 25px 0px 0px;
}

/************* TOP NAV ************/

#mainnav {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

#mainnav ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#mainnav li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  float: left;
}

/************* CONTENT ************/

#contenthome {
	width: 829px;
	height: auto;
	margin: 0px auto;
	padding: 25px 25px 0px 26px;
	background-color: #fff;
}

#contenthome #tl {
  float: left;
  padding: 3px 0px 0px 0px;
	width: 480px;
	height: 251px;
	background: url(../images/hpNoFlash.jpg) no-repeat bottom right;
}

#contenthome #tr {
  float: right;
  font-family: Century Gothic, Verdana, Arial;
  font-size: 1.2em;
	line-height: 225%;
	color: #94b73c;
  width: 326px;
  height: 294px;
  /*background: #fff url(../images/hpSCBG.jpg) repeat-x center top;*/
  padding: 0px 0px 0px 0px;
  margin-top: -8px;
}

/************* LINK IN BACKGROUND IMAGE ************/
#tr #link a {
  position: relative;
  font-size: 2.5em;
  top: 0px;
  left: 190px;
  text-decoration: none;
 /* border: 1px solid #000000; Remove comment to see where the link is located!*/
}

#tr #link a i {
  visibility: hidden;
}
/************* END LINK IN BACKGROUND IMAGE ************/

#midhome {
  clear: both;
	width: 829px;
	height: 10px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #fff;

}

#midhome #midleft {
  float: left;
  width: 480px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #94b73c;
}

#midhome #midright {
  float: right;
  width: 326px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #94b73c;
}

#contenthome #bl {
  float: left;
  width: 491px;
	height: auto;
  font-family: Century Gothic, Verdana, Arial;
	text-align: left;
  padding: 5px 0px 0px 0px;
  border-right: 1px solid #94b73c;
}

.focustitle {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

#focus1 {
  float: left;
  width: 240px;
	height: auto;
  font-family: Century Gothic, Verdana, Arial;
  font-size: 11px;
  line-height: normal;
  margin-top: 15px;
}

#focus2 {
  float: right;
  width: 235px;
	height: auto;
  font-family: Century Gothic, Verdana, Arial;
  font-size: 11px;
  line-height: normal;
  margin-top: 15px;
	padding-right: 5px;
}

#focus3 {
  float: left;
  width: 240px;
	height: auto;
  font-family: Century Gothic, Verdana, Arial;
  font-size: 11px;
  line-height: normal;
  margin-top: 5px;
	clear: left;
}

#focus4 {
  float: right;
  width: 235px;
	height: auto;
  font-family: Century Gothic, Verdana, Arial;
  font-size: 11px;
  line-height: normal;
  margin-top: 5px;
	padding-right: 5px;
	clear: right;
}

a.learn {
  color: #c35e01;
	text-decoration: none;
	line-height: 25px;
}

a:hover.learn {
	text-decoration: none;
}

a.learn2 {
  color: #94b73c;
	text-decoration: none;
	line-height: 25px;
}

a:hover.learn2 {
	text-decoration: none;
}

#contenthome #br {
  float: left;
  width: 324px;
  font-family: Century Gothic, Verdana, Arial;
	line-height: 21px;
  padding: 17px 0px 0px 12px;
}

#bothome {
  clear: both;
	width: 829px;
	height: 10px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	background-color: #ffffff;
}

#bothome #botleft {
  float: left;
  width: 480px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #94b73c;
}

#bothome #botright {
  float: right;
  width: 326px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #94b73c;
}

.black {
	color: #333;
}

#content {
	width: 880px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
}

#content #left {
	float: left;
	font-family: Century Gothic, Verdana, Arial;
	line-height: 180%;
	background-color: #fff;
	color: #94b73c;
	padding: 90px 25px 0px 26px;
	width: 168px;
	clear: left;
}

.left {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

a.left {
	color: #94b73c;
	font-weight: bold;
	text-decoration: none;
}

a:hover.left {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.smquote {
	float: right;
	font-size: 10px;
}

a.copylink {
	color: #c35e01;
	text-decoration: underline;
}

a:hover.copylink {
	text-decoration: none;
}

a.copylink2 {
	color: #c35e01;
	text-decoration: none;
}

a:hover.copylink2 {
	text-decoration: none;
}

#content #main { 
	float: right;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 150%;
	background-color: #fff;
	color: #333;
	padding: 50px 25px 0px 0px;
	width: 604px;
}

#content #mainsiteindex { 
	float: left;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 150%;
	background-color: #fff;
	color: #333;
	padding: 70px 25px 0px 0px;
	width: 304px;
}

/************* CONTACT PAGE ************/

.text {
	width: 253px;
}

.textshort {
	width: 118px;
}

.textlong {
	width: 517px;
}

.textarea {
	width: 517px;
	height: 96px;
}

.red {
	color: #f00;
}

label.error {
	display: inline-block;
	color: #f00;
}

/************* NEWS AND EVENTS NEW TEST PAGE/RSS *******/

#contentNews {
	width: 830px;
	margin: 0px auto;
	padding: 50px 25px 15px 25px;
	background-color: #fff;
}

#contentNewsLeft {
	float: left;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 150%;
	background-color: #fff;
	color: #333;
	padding: 0px 0px 0px 25px;
	width: 300px;
	height: auto;
}

#contentNewsRight { 
	float: right;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 150%;
	background-color: #fff;
	color: #333;
	padding: 0px 25px 0px 0px;
	width: 490px;
	height: auto;
}

.newsHeader {
	font-family: Century Gothic, Verdana, Arial;	
	color: #94b73c;
	font-size: 16px;
	font-weight: normal;	
}

#contentNewsRight a {
	color: #c35e01;
	text-decoration: underline;
}

#contentNewsRight a:hover {
	color: #c35e01;
	text-decoration: none;
}

#contentNewsRight .feedburnerFeedBlock ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
}

#contentNewsRight .feedburnerFeedBlock ul ul {
  list-style-type: disc;
}

#contentNewsRight .feedburnerFeedBlock ul ol {
  list-style-type: decimal;
}

#contentNewsRight .feedburnerFeedBlock ul li span.headline {
  font-weight: bold;
  display: block;
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
  margin: 0px 0px 5px 0px;
}

#contentNewsRight .feedburnerFeedBlock ul li p {
  margin: 0px 0px 5px 0px;
}

#contentNewsRight .feedburnerFeedBlock ul li div {
  margin: 0px 0px 0px 0px;
}

#contentNewsRight .feedburnerFeedBlock {
  padding: 0px;
}

#contentNewsRight #creditfooter {
  text-align: right;
}

#contentSocial {
	width: 830px;
	height: auto;
	margin: 0px auto 10px auto;
	padding: 0px 25px 0px 25px;
	background-color: #fff;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}

/************* NEWS AND EVENTS RSS ************/

div.feedburnerFeedBlock ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
}

div.feedburnerFeedBlock ul ul {
  list-style-type: disc;
}

div.feedburnerFeedBlock ul ol {
  list-style-type: decimal;
}

div.feedburnerFeedBlock ul li span.headline {
  font-weight: bold;
  display: block;
  margin: 0px 0px 0px 0px;
}

div.feedburnerFeedBlock ul li p {
  margin: 0px 0px 0px 0px;
}

div.feedburnerFeedBlock ul li div {
  margin: -10px 0px -10px 0px;
}

div.feedburnerFeedBlock {
  /*border: 2px solid #ddd;
  background-color: #ffe;*/
  padding: 12px;
}

#creditfooter {
  text-align: right;
}

/************* EVENTS LANDING PAGE ************/

#branding_events {
	width: 880px;
	height: 128px;
	background: #fff url(../images/events_header_background.jpg) repeat-x center top;
	margin: 0px auto;
	border-bottom: 1px solid #94b73c;
}

#topnav_events {
	width: 880px;
	height: 10px;
	background: #fff;
	margin: 0px auto;
}

#cepresents {
	font-size: 15px;
	color: #6a6a6a;
}

#event_title {
	font-family: Century Gothic, Verdana, Arial;
	font-size: 25px;
	font-weight: bold;
	color: #6f892d;
	line-height: 30px;
	margin-top: 5px;
}

#event ol {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0px;
	list-style: none;
}

#event li {
  padding-left: 8px;
  padding-bottom: 5px;
  background-image: url(../images/dot.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

#leftevent {
	float: left;
	background-color: #fff;
	padding: 80px 25px 0px 26px;
	width: 168px;
}

/************* HOME PAGE FOOTER ************/

#footerhome {
	clear: both;
	font-family: Century Gothic, Verdana, Arial;
	font-size: 10px;
	background-color: #fff;
	width: 830px;
	height: 40px;
	margin: -8px 25px 0px 26px;
}

#footerhome #fleft {
	float: left;
	width: 415px;
	padding: 10px 0px 0px 0px;
}

#footerhome #fright {
	float: right;
	width: 300px;
	text-align: right;
	padding: 10px 0px 0px 0px;
}

#footerhome a {
	text-decoration: none;
	color: #333;
}

#footerhome a:hover {
	text-decoration: none;
	color: #333;
}

/************* GENERAL FOOTER ************/

#footer {
	clear: both;
	border-top: 1px solid #94b73c;
	font-family: Century Gothic, Verdana, Arial;
	font-size: 10px;
	background-color: #fff;
	width: 830px;
	height: 40px;
	margin: 0px auto;
}

#footer #fleft {
	float: left;
	width: 415px;
	padding: 10px 0px 0px 0px;
}

#footer #fright {
	float: right;
	width: 300px;
	text-align: right;
	padding: 10px 0px 0px 0px;
}

#footer a {
	text-decoration: none;
	color: #333;
}

#footer a:hover {
	text-decoration: none;
	color: #333;
}
