html, body{
   min-height: 100%; /*Sets the min height to the
   height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
    for IE5+/Win, since IE wrongly expands
    an element to enclose its content.
    This mis-behavior screws up modern  
    browsers*/
   }

/*html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
    from IE using the child selector
   }
*/



body
{
margin:0;
padding:0;
background: #fff url('images/background.jpg') repeat-x;
height: 100%;
font-family: Trebuchet MS, Tahoma,Arial,Verdana, Geneva, Arial, sans-serif;

}


h1
{
font-size:1.5em;
color:#1c2621;
}


#wrapper {
	margin:0 auto;
	width:760px;
	padding: 0px;
}
#logo 
{
margin:10px 0px 0px 10px;
height:60px;
font-family:Trebuchet MS, Tahoma,Arial;
font-size:2.8em;
}


.NBColor1
{
color:#F88F1A;
}

.NBColor2
{
color:#474849;


}

#logo span.tagline
{
font-size:0.5em;
font-style:italic;
}

img.beta
{
height:48px;
width:48px;
}


#header
{
background: #fff url('images/header.png') repeat-x;
width:760px;
height:40px;
text-align:center;
}

#header ul, #header li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
    width:220px;
	}


#header a
{
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:0px;
font-size:1.0em;
font-family:Trebuchet MS, Tahoma,Arial;
color:#fff;
}



#body
{
background: #fff;
width:760px;
min-height: 100%; /*Sets the min height to the
   height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
    for IE5+/Win, since IE wrongly expands
    an element to enclose its content.
    This mis-behavior screws up modern  
    browsers*/
}


#left
{
float:left;
width:50%;
background:#fff;
}

#left img
{
padding:10px 10px 0px 20px;
}

#left h3
{
color:#A80F14;
display:block;
border-bottom:dotted 1px #000;
width:80%;
margin-left:10px;
}

#right
{
width:50%;
float:right;
background:#fff;
padding-top:10px;


}
 

#blockright
{
float:right;
background:#F2F2F2 ;
border:solid 10px #fff;
padding:10px;


}

#content
{
clear:both;
}


#footer
{
     background-color: #25302A;
     text-align: center;
     position:relative;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: 70px;
     color:#f7f7f7;
     clear:both;    
     margin:0;
         
}
#footer ul, #footer li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
    width:220px;
	}


#footer a
{
padding-left:10px;
padding-right:10px;
padding-top:5px;
font-size:0.7em;
font-family:Trebuchet MS, Tahoma,Arial;
color:#fff;
}


.style_float_right
{
float:right;
}
.style_float_left
{
float:left;
}

.NBButtonColor1
{
 background:#F88F1A;
 color:#fff;
}

.NBButtonColor2
{
 background:#8DDD00;
 color:#fff;
}

.style_italic
{
font-style:italic;
}



.style_italic
{
font-style:italic;
}

.style_center
{
text-align:center;
}
/* Text */
.Txt_How
{
Font-size:4.0em;
color:#9D1E18;
}
.Txt_It_Works
{
font-size:2.0em;
font-style:italic;
}

.NBTitle1
{
font-size:2.5em;
color:#1c2621;
line-height:0.9em;
}
.NBTitle2
{
font-size:1.6em;
text-transform:uppercase;
color:#dbdbdb;

}

.NBTitle3
{
font-size:2.0em;
color:#1c2621;
line-height:0.9em;
}
.NBTitle4
{
    font-size: 1.2em;
    text-transform: uppercase;
    color: #999999;
}