html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	background: #ffffff;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #3c424e;
	font-size: 12px;
	line-height: 16px;
}

body.home {
	background: #3b3f49;
}

body.interior {
	background: #3b3f49;
}

#container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0px solid #F00;
}

#topbarshell {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(../images/topbar-bg.jpg) repeat-y center;
	height: 44px;
}

#topbarshell #topbar {
	text-align: right;
	margin: auto;
	width: 980px;
	border: 0px solid #F00;
	color: #FFF;
	font-size: 11px;
	height: 44px;
}

#contentshell-home {
	width: 100%;
	height: 603px;
	background: url(../images/main-bg-home.jpg) no-repeat center top;
	text-align: center;
	padding: 0;
	margin: 0;
}

#homeanimgrid {
	width: 980px;
	height: 442px;
	border: 0px solid #F00;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: url(../images/home-bg.jpg) no-repeat center top;
}

#featureitems {
	width: 980px;
}

#featureitems .item {
	width: 180px;
	height: 145px;
	margin-top: 15px;
	margin-left: 15px;
	float: left;
	text-align: left;
	border: 0px solid #F00;
}

#featureitems .first {
	margin-left: 0px;
}

#featureitems .item .tagline {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3b3f49;
	text-transform: uppercase;
}

#featureitems .item h2 {
	margin-top: 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3b3f49;
}

#featureitems .item img, #featitems .item .img {
	margin-bottom: 10px;
	width: 180px;
	height: 75px;
	display: block;
	border: 0px solid #F00;
}

#featureitems a {
	display: block;
	border: 0px solid #F00;
}

#featureitems a:link, #featureitems a:visited {
	text-decoration: none;
	color: #3b3f49;
}

#featureitems a:hover h2 {
	color: #73b412;
	text-decoration: none;
}

#featureitems a:link, #featureitems a:visited {
	background-position-y: 0px;
}

#featureitems a:hover .img {
	background-position-y: -75px;
}

.featurebox {
	width: 722px;
	margin-top: 20px;
}

.featurebox .header {
	background-color: transparent;
	background: url(../images/feature_box-header-bg.png) no-repeat transparent;
	color: #FFF;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
}

.featurebox .content {
	padding: 10px;
	background-color: #e3f0d0;
}

#homeanim {
	width: 980px;
	height: 442px;
	border: 0px solid #F00;
}

#contentshell-interior {
	text-align: center;
	min-height: 523px;
	margin: 0;
	width: 100%;
	padding: 0;
	background: url(../images/main-bg-interior.jpg) top center no-repeat #ffffff;
}

#content {
	margin: auto;
	width: 980px;
	border: 0px solid #F00;
	text-align: left;
	padding: 0;
}

#content #col1 {
	float: left;
	width: 248px;
	height: auto;
	padding: 0;
}

#content #col2 {
	float: left;
	width: 722px;
	height: auto;
	padding: 26px 0 22px 10px;
}

h1 {
	font-size: 18px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 12px;
}

h2 {
	font-size: 16px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 20px 0 6px;
	color: #76b12d;
}

h2.news {
	font-size: 18px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0 6px;
}

h2.sidebar {
	font-size: 13px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0 6px;
}

h2.sidebarB {
	font-size: 13px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0 6px 20px;
}

h3 {
	font-size: 14px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 20px 0 6px;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 20px 0 6px;
	color: #76b12d;
}

#content ul, #content ol {
	margin-top: 5px;
	padding-top: 0px;
	padding-left: 20px;
	margin-left: 0;
}

#content ul li, #content ol li {
	margin-bottom: 3px;
}

ul#submenu {
	margin: 0 0 20px;
	padding-left: 0px;
	clear: both;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#submenu li {
	float: left;
	list-style: none;
	padding: 0 6px;
	border-left: 1px solid #999;
	margin-bottom: 0;
}

#submenu li.first {
	border-left: none;
	padding-left: 0;
}

#submenu li .selected {
}

#submenu a:link, #submenu a:visited {
	color: #76b12d;
	text-decoration: none;
}

#submenu a:active {
	color: #76b12d;
}

#submenu a:hover {
	color: #76b12d;
	text-decoration: underline;
}

ul#subsubmenu {
	width: 200px;
	margin: 0 0 0 20px;
	padding-left: 0px;
	clear: both;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#subsubmenu li {
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
	margin: 0;
	margin-bottom: 0px !important;
}

#subsubmenu li.first {
	border-top: 1px solid #ccc;
}

#subsubmenu li a:link, #subsubmenu li a:visited {
	padding: 4px 6px;
	color: #3b3f49;
	text-decoration: none;
	display: block;
	background: none;
	margin: 0;
}

#subsubmenu li a:hover {
	text-decoration: none;
	background: url(../images/subsubmenu-item-bg-off.gif) #d4d4d4;
}

#subsubmenu ul {
	width: 200px;
	margin: 0px;
	padding-left: 0px;
	clear: both;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #fafafa;
}

#subsubmenu ul li {
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
	margin: 0;
	margin-bottom: 0px !important;
}

#subsubmenu li a:link.selected, #subsubmenu li a:visited.selected, #subsubmenu li a:hover.selected {
	color: #FFF;
	text-decoration: none;
	background: url(../images/subsubmenu-item-bg.gif) #6cbb2c;
	text-shadow: #62af24 -1px -1px 0px;
}

#versionBanner {
	text-align: left;
	width: 185px
	height: 185px;
	position: absolute;
	left: 0;
  	top: 0;
  	z-index: 3;
	border: 0px solid #0F0;
	padding: 0px;
	margin: 0px;
}

.graphicList {

	margin-bottom: 5px;

}

.graphicList .liNum {

	background: url(/site/images/list-circle_bg.png) no-repeat; 
	color: #ffffff; 
	text-align: center; 
	width: 30px; 
	height: 30px; 
	padding-top: 6px; 
	font-size: 14px; 
	font-weight: bold; 
	float: left;

}

.graphicList .liText {

	float: left;
	font-size: 14px;
	margin-left: 15px;
	width: 600px;
	padding-top: 6px;
}

#footershell {
	text-align: right;
	margin: 0;
	width: 100%;
	color: #c5c6c9;
	font-size: 11px;
	text-align: center;
	padding: 20px 0;
	background: url(../images/footer-bg-home.gif) repeat-x #3b3f49;
}

#footer {
	margin: auto;
	width: 980px;
	border: 0px solid #F00;
	font-size: 10px;
}

#footershell.interior {
	background: url(../images/footer-bg-interior.gif) top repeat-x #3b3f49;
}

#footershell ul {
	margin-left: 0;
	padding-left: 0;
	float: right;
}

#footershell ul li {
	float: left;
	list-style: none;
	padding: 0 10px;
	border-left: 1px solid #c5c6c9;
}

#footershell ul li.first {
	border-left: none;
}

#footershell a:link, #footershell a:visited {
	color: #c5c6c9;
	text-decoration: none;
}

#footershell a:active {
	color: #fff;
}

#footershell a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* Links */
a:link, a:visited {
	text-decoration: none;
	color: #76b12d;
}

a:hover {
	text-decoration: underline;
}


/* Misc classes */

.success {
	padding: 10px;
	border: 1px solid #c9eec9;
	background-color: #e0f6e0;
	margin-bottom: 10px;
}

input.sidebar {
	width: 95px;
	border-top: 1px solid #c7c9c9;
	border-left: 1px solid #c7c9c9;
	border-right: 1px solid #dee0e0;
	border-bottom: 1px solid #dee0e0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.smltext {
	font-size: 10px;
}

.medtext {
	font-size: 12px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

sup, sub {
	font-size: 80%;
	line-height: 80%;
}

p {
	margin-top: 0px;
	margin-bottom: 12px;
}

input[type=text], textarea {
	width: 300px;
	height: 20px;
	font-size: 12px;
	border-top: 1px solid #c7c9c9;
	border-left: 1px solid #c7c9c9;
	border-right: 1px solid #dee0e0;
	border-bottom: 1px solid #dee0e0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

table.gridstyle1 {
	border-right: 1px solid #a0ce67;
	border-bottom: 1px solid #a0ce67;
	width: 100%;
}

table.gridstyle1 .header {
	background-color: #a0ce67;
	color: #FFF;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

table.gridstyle1 .colodd {
	background-color: #f1f8e8;
	font-size: 12px;
}

table.gridstyle1 .colodd.line {
	background: url(../images/table-divider.gif) repeat-y #f1f8e8;
}

table.gridstyle1 .coleven {
	background-color: #e2f0d1;
	font-size: 12px;
}

table.gridstyle1 .coleven.line {
	background: url(../images/table-divider.gif) repeat-y #e2f0d1;
}

table.gridstyle1 .last, table.gridstyle1 .last {
	border-bottom: 1px solid #a0ce67;
}

#news .newsitem {
	line-height: 18px;
}

#news .date, .date {
	font-size: 10px;
	text-transform: uppercase;
}

#news .title {
	font-size: 14px;
	font-weight: bold;
}

.smlhl {
	font-size: 10px;
	text-transform: uppercase;
}

.image {
	display: inline;
}

.image .caption, .caption {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

.video {
	width: 712px;
	height: 394px;
	background: url(../images/video-bg.jpg) no-repeat top left;
}

.sidebar-separator {
	margin-left: 20px; 
	float:left; 
	margin-bottom: 0;
	border-top: 1px solid #CCCCCC;
	height: 20px;
	margin-top: 10px;
	width: 200px;
}

.main-separator {
	margin-bottom: 0;
	border-top: 1px solid #CCCCCC;
	height: 20px;
	margin-top: 10px;
	width: auto;
}

#pagenav {
	float: right;
	width: 219px;
}

.btnViewTutorial {

	margin: 20px 0 6px;
	float: right;

}

.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #f24040;	
}

/* IE 5.5, IE 6 PNG Fix */
img, div { behavior: url('/site/js/iepngfix.htc'); }

.nobold {
	font-weight: normal;
}

.grey {
	color: #777;
}