body {
	font-family: "Open Sans", sans-serif;
	background-color: #009900;
}

a:link {
	color:  rgb(51, 51, 51);
}
a:visited {
	color:  rgb(51, 51, 51);
}
a:hover {
	color: #666666;
}
a:active {
	color: #009900;
}

.annotation {
	font-size: .8em;
	color: #009900;
}

.document-list {
	line-height: 2em;
/*	padding: 0px;*/
	margin: 0px;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: right;
}
.bold {
	font-weight: 700;
}
.relative {
	position: relative;
}
/*.greenish h2 {
	text-transform: uppercase;
	font-size: 2.37em;
	font-weight: 800;
	color: #079001;
}
*/

h2 {
	text-transform: uppercase; font-size: 1.5em; font-weight: 800;
}
#nav {
	background: rgb(255, 255, 255);
	padding: 1em 0px;
	width: 100%;
	text-transform: uppercase;
	font-size: 1.12em;
	font-weight: 600;
	border-top-color: rgb(10, 184, 1);
	border-top-width: 6px;
	border-top-style: solid;
	position: fixed;
	z-index: 999;
}
#nav ul {
	margin: 0px; padding: 0px;
}
#nav li {
	padding: 0.5em; display: inline-block;
}
.lt-ie8 {
	display: inline; -ms-zoom: 1;
}
#nav a {
	color: rgb(51, 51, 51); text-decoration: none;
}
#nav a:hover {
	border-bottom-color: rgb(10, 184, 1); border-bottom-width: 4px; border-bottom-style: solid;
}

#nav #grid3 .noline a:hover {
	color: rgb(51, 51, 51); text-decoration: none;
}

#main-menu {
	padding-top: 5.68em;
}
.banner span {
	margin: 0.75em 0px; color: rgb(255, 255, 255); font-size: 2.5em; font-weight: 400; display: block;
}
.banner {
	text-align: center;
	background-color: rgb(10, 184, 1);
}

.greenish {
	background-color: #acc2ab;
	padding: 5px;
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;*/
}

.greenish2 {
	background-color: #acc2ab;
	padding: 5px;
}

.very-green {
	background-color: #0BB801;

}
.hide {
	visibility: hidden;
	height: 20px;
}
  
.macrobill{
	background-color: #acc2ab;
	background-image: url(../images/macrobill.jpg);
	background-repeat: no-repeat;
		background-size: cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	background-position: center center;  /* Internet Explorer 7/8 */
	object-fit: cover;
}

.whitebacking {
	background-color: #FFFFFF;
	float: left;
}

#awesomeness {
	background: rgb(255, 255, 255); padding: 0.5em 0px; font-size: 1.87em; font-weight: 300;
}
#awesomeness .btn {
	background: rgb(51, 51, 51); padding: 0.75em 1em; border-radius: 4px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1em; font-size: 0.66em; font-weight: 600; text-decoration: none; border-bottom-color: rgb(191, 191, 191); border-bottom-width: 3px; border-bottom-style: solid; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
#awesomeness .btn:hover {
	background: rgb(107, 107, 107);
}
table {
	background: rgb(255, 255, 255); width: 100%; font-size: 14px;
}
/*table tr th {
	padding: 8px 0px 8px 16px; text-align: left; vertical-align: top; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid;
}
table tr td {
	padding: 8px 0px 8px 16px; text-align: left; vertical-align: top; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid;
}*/
table tr th {
	background: rgb(245, 244, 242); font-weight: normal;
}
table tr td:first-child {
/*	color: rgb(0, 128, 0); font-family: Consolas, monospace;*/
}

table {
  border-collapse: collapse;
}
pre {
	-ms-word-wrap: normal;
}
.demo_html {
	display: none;
}
.footer {
	color: #FFFFFF;
	font-size: 0.7em;
	margin-top: 1em;
	border-top-color: rgb(198, 198, 198);
	border-top-width: 0px;
	border-top-style: solid;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 2em;
	padding-left: 0px;
}
.footer a {
	color: rgb(136, 136, 136); text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
#mobileMenu {
	display: none;
}
.carbon-wrap {
	background: rgb(245, 242, 240); padding: 15px 15px 10px; margin-top: 2em; display: block;
}
.carbon-wrap a {
	text-decoration: none; display: block;
}
.carbon-img {
	margin-right: 10px; float: left;
}
.carbon-text {
	color: rgb(0, 102, 204); line-height: 130%; font-size: 80%; min-width: 120px;
}
.carbon-poweredby {
	margin: 8px 0px 0px; text-align: center; color: rgb(110, 110, 110); font-size: 65%; font-style: italic; text-decoration: underline; display: block;
}
.carbon-wrap::before {
	display: table; content: "";
}
.carbon-wrap::after {
	display: table; content: "";
}
.carbon-wrap::after {
	clear: both;
}
.carbon-wrap {
	-ms-zoom: 1;
}

.buy-box {
	background-color:#ffffff;
	border: 1px solid #009900;
	padding: 2px;
}

.border {
	border: 1px solid #009900;
	background-color: #009900;
}



#my-video {
	background-color: #009900;
	border: 1px solid #009900;
}



@media only screen and (max-width:995px) and (min-width:768px)
{
#nav {
	font-size: 0.84em;
}
}
@media only screen and (max-width:767px)
{
.js #nav .grid_9 {
	display: none;
}
.js #mobileMenu {
	width: 100%; display: block; position: fixed; z-index: 1000;
}
.js #nav {
	text-align: center;
}
#nav {
	padding-top: 3.37em; position: relative;
}
.no-js #nav {
	padding-top: 1em;
}
#nav img {
	margin: 0px auto; display: block;
}
#main {
	padding: 0px;
}
.banner span {
	line-height: 1em; font-size: 1em;
}
#awesomeness {
	text-align: center; font-size: 1.4em;
}
#awesomeness .btn {
	margin-top: 1em;
}
#nav ul {
	text-align: center; line-height: 1.5em; font-size: 0.6em;
}
#nav ul li {
	padding: 0.25em;
}
/*table tr th {
	padding: 2px 0px 2px 4px;
}
table tr td {
	padding: 2px 0px 2px 4px;
}*/
h2 {
	font-size: 1.5em;
}
tbody {
border-top: 0;
}
}