/*------COLORS

Dark green - #1b4d2c
Medium green - #319a54
Dark Brown - #443e2c
Light Brown - #984a23
Font Gray - #494842
Font Tan - #c3bbad

------*/


/*------Begin File------*/

html {
height: 100%;
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}

#background {
background: #fff url(images/nfpbackwheatgrass.jpg) repeat-x;
}

#container {	
color: #000;
background: #fff;
width: 949px;
height: 1225px;
margin: 0px auto;
border: 7px rgba(0,0,0,0.3 ) solid;
overflow: hidden;
}


		.url {
		display: none;
		}

/*------TOP NAV------*/

#topnav {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background: #1b4d2c;
margin: -18px auto 0px auto;
padding: 0;
height: 70px;
font-size: 80%;
}

#topnav ul {
padding: 0px 0px 0px 50px;
list-style: none;
}

#topnav ul li {
display: block;
position: relative;
float: left;
}

#topnav ul li a {
text-decoration: none;
color: #fff;
background: #1b4d2c;
display: block;
padding: 27px 15px 27px 15px;
}

#topnav ul li a:hover { 
color: #287241; 
background: #1b4d2c;
}

.icon {
padding: 15px 5px 0px 5px;
float: right;
}

#iconfb {
padding: 15px 50px 0px 5px;
float: right;
}


/*------HEADER------*/

#header {
color: #fff;
background: #319a54 url(images/nfpheader.jpg) no-repeat;
width: 956px;
height: 187px;
margin: 0px auto;
}

#header h1 {
color: #fff;
background-color: #319a54;
font-size: 100%;
text-align: center;
display: none;
}

#header h3, #header p {
color: #fff;
background-color: #319a54;
font-size: 80%;
text-align: left;
display: none;
} 



/*------NAVIGATION MENU------*/

#nav {
font-size: 16px;
background-color: #443e2c;
width: 100%;
float: left;
margin: 0;
padding: 0;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li {
display: block;
position: relative;
float: left;
z-index: 20;
}

#nav li ul { 
display: none; 
}

#nav ul li a {
display: block;
padding: 10px 29px;
text-decoration: none;
color: #fff;
background: #443e2c;
border-right: 1px #ccc solid; 
border-bottom: 3px #fff solid;
white-space: nowrap;
}

#nav ul li a:hover {
color: #fff;
background-color: #1b4d2c; }

#nav li:hover ul {
display: block;
position: absolute;
}

#nav li:hover li {
float: none;
font-size: 13px;
}

#nav li:hover a { 
color: #fff;
background: #1b4d2c; 
}

#nav li:hover li a:hover { 
color: #fff;
background: #319a54; 
}




/*------SIDEBAR------*/


#sidebar {
float: left;
border-right: 3px solid #dddad3;
background: #fff url(images/sidebarbk.jpg) repeat;
width: 240px;
height: 1225px;
}

#sidebar h3 {
font-size: 110%;
color: #984a23;
text-align: left;
margin-top: 0px;
margin-bottom: 5px;
}

#sidebar h4 {
font-size: 90%;
color: #984a23;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
}

#sidebar p {
color: #494842;
text-align: left;
font-size: 70%;
line-height: 1.15em;
font-weight: normal;
}

.boximage {
float: left;
padding-right: 12px;
}

#sidecellular {
padding: 15px 15px 5px 15px;
border-bottom: 1px dashed #dddad3;
}

#sidecaboose {
padding: 15px 15px 15px 15px;
border-bottom: 1px dashed #dddad3;
}

#sideradio {
padding: 15px 15px 10px 15px;
border-bottom: 1px dashed #dddad3;
}

#sidewater {
padding: 15px 15px 5px 15px;
border-bottom: 1px dashed #dddad3;
}

#sideb12 {
padding: 15px 15px 5px 15px;
}

#sidemailing {
padding: 15px 15px 0px 15px;
border-bottom: 1px dashed #dddad3;
}


/*------BOOK------*/

#survivingcancer {
background: #e0e0e0;
width: 580px;
height: 280px;
float: left;
padding: 5px 20px 20px 20px;
margin-bottom: 35px;
border-radius: 10px ;
}

#survivingcancer p {
color: #494842;
background-color: #e0e0e0  !important;
text-align: justify;
font-size: 85% !important;
line-height: 1.25em;
font-weight: normal;
}

#survivingcancer h2 {
display: none;
}

#survivingcancer a {
width: 210px;
display: block;
padding: 10px;
color: #77935d !important;
background-color: #000  !important;
float: right;
text-align: center;
border-radius: 10px ;
}

#survivingcancer a:hover { 
color: #d0d0d0  !important;
background-color: #000  !important;
border-radius: 10px ;

}

.contentimagesm {
margin: 20px 0px 5px 15px;
float: right;
}

#logosct {
float: left;
}

#cancerart {
float: right;
width: 230px;
}

#cancercopy {
float: left;
width: 310px;
padding-left: 10px;
}

/*------MAIN CONTENT------*/


#maincontent {
width: 625px;
float: right;
padding: 15px 40px 20px 40px;
overflow: scroll;
height: 100%;
}

#maincontent h2 {
font-size: 130%;
color: #984a23;
background-color: #fff;
margin: 0px 0px 10px 0px;
}

#maincontent h3 {
font-size: 110%;
color: #1b4d2c;
background-color: #fff;
text-align: left;
margin-top: 0px;
margin-bottom: -10px;
}

#maincontent p {
color: #494842;
background-color: #fff;
text-align: justify;
font-size: 95%;
line-height: 1.25em;
font-weight: normal;
}

#maincontent ul {
color: #494842;
background-color: #fff;
text-align: justify;
font-size: 95%;
line-height: 1.25em;
font-weight: normal;
}

#maincontent li {
color: #494842;
background-color: #fff;
text-align: justify;
font-size: 95%;
line-height: 1.25em;
font-weight: normal;
}

#maincontent a {
text-decoration: none;
color: #984a23;
background: #fff;
}

#maincontent a:hover { 
color: #319a54;
background: #fff;
}

#maincontent  ul li a {
text-decoration: none;
color: #984a23;
background: #fff;
}

#maincontent ul li a:hover { 
color: #319a54;
background: #fff;
}

.contentimage {
margin-bottom: 15px;
}


.products {
float: left;
width: 185px;
margin-right: 10px;
padding: 5px;
}

.productssingle {
float: left;
width: 600px;
margin-right: 15px;
padding: 5px;
}

.productimage {
margin: 5px 5px 0px 0px;
float: left;
}

.logoimage {
margin-bottom: 25px;
margin-left: 130px;
}

#comslider_in_point_21800 {
margin-bottom: 20px;
border: 3px solid #fff;
}


.margin-bottom {
position:relative;
height: 48px;
color: #319a54;
background: #fff;
}



/*------FOOTER------*/


#footer {
color: #c3bbad;
background: #fff url(images/footerbk.jpg) repeat;
margin: 0 auto;
padding: 15px;
clear: both;
}

#footer ul {
text-align: center;
margin: 0px;
padding: 15px 0px 15px 0px;
clear: both;
}

#footer li {
display: inline;
font-size: .8em;
text-decoration: none;
font-weight: bold;
}

#footer a {
color: #c3bbad;
text-decoration: none;
}

#footer a:hover {
color: #319a54;
text-decoration: underline;
}

#footerp p {
width: 949px;
margin: auto;
text-align: center;
font-size: 75%;
line-height: 1.4em;
font-weight: normal;
}

		#footerprint {
		display: none;
		}

		.valid {
		width: 88px;
		height: 31px;
		border: none;
		margin: -10px;
		}



/*------END FILE------*/