html,body{
	height: 100%; 
	width: 100%;
}

body{margin: 0px;}

table.mainTable{
	width:100%; 
	height:100%;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}
div.bgNolf{
	width:100%;
	height:100%;
	background: #b9cd5f url('../images/backgrounds/nolf_left.jpg') left center;
	background-attachment: fixed;
	background-size: auto 100%;
}
div.bgNolf2{
	width:100%;
	height:100%;
	background: #ffa95d url('../images/backgrounds/petal.png') repeat right center;
	background-attachment: fixed;
}	
div.dlContainer {
    border: 0 solid #8080FF;
    color: black;
    font-family: 'arial';
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
    overflow: auto;
    padding: 5px;
    width: 90%;
}
body {
    color: #000000;
    font-family: 'arial';
    font-size: 17px;
    font-weight: normal;
}
.white-popup a {
    color: #000000;
    font-family: 'arial';
    font-size: 16px;
    text-decoration: underline;
}
h2 {
    font-family: 'arial';
    font-weight: bold;
    text-shadow: 0.1em 0.1em 0.2em #004000;
}
span.fakeLink{
	text-decoration: underline;
	cursor: pointer;
}

div.dlLinks span, div.dlLinks a{font-size: 20px;}



td.content{height: 100%; width: 60%; vertical-align: top; padding-left: 1em !important; padding-right: 1em !important; background: black /*url('../images/nolf2.png') no-repeat right bottom*/; color: white;}
td.content{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b8c50+0,000000+25,000000+50,000000+75,2b8c50+100 */
background: #2b8c50; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #2b8c50 0%, #000000 25%, #000000 50%, #000000 75%, #2b8c50 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #2b8c50 0%,#000000 25%,#000000 50%,#000000 75%,#2b8c50 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #2b8c50 0%,#000000 25%,#000000 50%,#000000 75%,#2b8c50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b8c50', endColorstr='#2b8c50',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

hr.gradientHR{
	border: 0px;
	margin: 35px 0px;
	height: 8px;
	background-color: white;
	
}

td.mainLeft{width: 20%;}
td.mainRight{width: 20%;}
img.logo{z-index:2; position: relative;}
td.logo{cursor: pointer; text-align: center; background: url('../images/nolf_banner2.jpg') repeat-x; vertical-align: middle; position: relative; height:250px;}
td.logo{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */

}

.absLeft{position: absolute; left: 0; top:0; z-index: 1;}
.absRight{position: absolute; right: 0; top:0; z-index: 1;}
.fR{float: right; margin-left: 1em;}
.fL{float: left; margin-right: 1em;}
.hide{display:none;}

.mainTable td{padding: 0px; border: 0px;}
.mainContentTable{width: 100%; height:100%;}

.footer {
    background-color: #000000;
    color: #FFFFFF;
    height: 40px;
    text-align: center;
}

.copy {
    font-size: 10px;
}

a.realLink{color: white;}

.white-popup p{padding-left: 1em; padding-right: 1em;}
.white-popup h4, .white-popup h3{padding-left: 10px; padding-right: 10px;}

/* Contact Us */
table.contact{width: 600px; border-collapse: collapse; margin-left: 1em; margin-right: auto;}
.contact td{width: 50%;}
.contact td textarea{width: 300px; height: 100px;}
.contact td input[type="text"] {width: 300px; font-family: 'arial'; font-size: 16px; font-weight: normal; color: black;}
.contact td input[type="submit"], .contact td input[type="button"], .contact td button, {width: 100px; font-family: 'arial'; font-size: 16px; font-weight: normal; color: black; text-align: center}
.error{color: red; font-weight: bold;}
.success{color: green;}
.errorInput{background-color: yellow; padding: 3px; color: red;}
.contactUsLink{color: white !important;}
.txtDlContainer{width: 96%; min-height: 200px; margin-left: 1em; margin-right: 1em;}

table.siteURLTable{
	border: 0px;
	width: 100%;
	border-collapse: collapse;
}

a.siteurl{
	color: white;
}

table.siteURLTable a.siteurl{
	word-wrap: break-word;
	font-size: 14px;
	text-decoration: underline;
}

table.siteURLTable tbody td{
	text-align: center;
	width: 33.33%;
	vertical-align: top;
	color: white;
}

table.siteURLTable tbody td a{
	color: white;
}

div.petal{
	display: inline-block;
	width: 50%;
	height: 15px;
	background: #000000 url('../images/backgrounds/petal.png') repeat right center;
	background-size: contain;
	margin-top: 1em;
	margin-bottom: 0px;
}