body  {
margin: 0;
padding: 0;
background: #fff;
text-align: left;
}
div {
margin: 0; padding: 0
}
img, a img {
border: 0;
padding: 0;
}
img.flt {
float:left;
margin: 10px 12px 0 0;
}
img.flrt {
float:right;
margin: 10px 0 0 12px;
}
a {
text-decoration: none;
border: 0;
}
a:hover img {
border: 0;
background: transparent;
}

#wrap #homehack a { /* makes bgd logo art in banner clickable */
position: absolute;
top: 0; left: 0;
width: 420px; height: 157px;
display: block;
z-index: 1000;
}

/* Layout */

#wrap {
position: relative;
width: 900px;
height: 65em;
left: 50%;
margin: 0 0 0 -450px;
background: url(art/wrap-bgd.jpg) repeat-y;
border: 1px solid #389946;
border-top: 0;
}
#banner {
position: absolute;
width: 900px;
height: 70px;
background: transparent url(art/tagline-w-bgd.jpg) no-repeat 250px 0;
}
#banner h1 {	/* bgd graphic logo */
float: left;
text-indent: -9999px;
width: 250px; height: 70px;
margin: 0;
padding: 0;
background: #fff url(art/NSPRN_logo_x220.png) no-repeat 9px 12px;
}
#banner h2 {	/* bgd graphic tagline */
position: absolute;
text-indent: -9999px;
width: 980px; height: 46px;
margin: 0;
padding: 0;
}
#banner p {
font: bold 12px/16px arial, helvetica, verdana, sans-serif;
color: #005713;
text-align: center;
margin-top:  48px;
}
#main {
width: 600px;
position: absolute;
top: 80px; left: 270px;
}

#sidebar {
position: absolute;
top: 80px; left: 0;
width: 230px;
height: 62em;
text-indent: -9999px;
background:  url(art/sidebar-type-Bell.png) no-repeat 14px 66px;
}
#home #sidebar {
background:  url(art/sidebar-type-Bell.png) no-repeat 14px 190px;
height: 77em;
}
#wrap #legal {
font: 11px/15px arial, helvetica, verdana, sans-serif;
width: 670px;
position: absolute;
bottom: 0;
text-align: center;
margin: 3em auto 0 230px;
color: #333;
padding-top: 7px;
height: 37px;
border: 1px solid #389946;
border-width:  1px 0 5px;
}
p#nesh {
margin-top: 4em;
}
#wrap ul#navbar {
width: 10.5em;
position: absolute;
top: 13em;
right: 0;
margin: 0;
padding: 0;
}

/*type*/

h2 {
font: bold 18px/21px  arial, helvetica, verdana, sans-serif;
margin-top: 0;
color: #389946;
}
h3 {
font: bold 15px/19px  arial, helvetica, verdana, sans-serif;
color: #389946;
margin: 1.5em 0 1em;
}
h4 {    /* text subheds */
font: bold 14px/18px  arial, helvetica, verdana, sans-serif;
margin: 1.8em 0 3px;
}
#main p, #main ul, #main li {
font: 13px/18px arial, helvetica, verdana, sans-serif;
margin: 0 0 1em;
}
#main p {
padding-right: 13em;
}
#main p.email {
font: 11px/12px arial, helvetica, verdana, sans-serif;
margin: 0 3.5em 2.5em;
padding: 0;
text-align: right;
}
#main p.x5  {
margin: 0 0 .5em;
}
#main ul {
padding: 0;
margin: .5em 0;
}
#main li  {
padding: 0 2em 3px 0;
margin: 0 30px 0 3em;
}.zo {
margin-top: 0;
}
.ctr {
text-align: center;
}
.green {
color: #169A45;
}
.top2em {
margin-top: 2em;
}
.top3em {
margin-top: 3em;
}


/* links in text */
a {
font-weight: bold;
color: #389946;
}
a:hover {
color: #000;
}
a:active {
color: #389946;
}

/* Contact Form */

form {
border: 1px solid #a9c2a8;
font: 11px/16px  arial, verdana, helvetica, sans-serif;
margin: 0;
padding-bottom: 1em;
}
fieldset {  /* just for semantic labeling */
border: none;
}
#main form p {
clear: left;
font: 11px/16px  arial, verdana, helvetica, sans-serif;
margin: 0 1em 2em 0;
padding: .6em;
vertical-align: middle;
}
#main form p.instrux {
font: 13px/18px  arial, verdana, helvetica, sans-serif;
margin: 1.5em 0 2em 2em;
}
label {
display: block;
float: left;
width: auto;
padding: 0 .5em 0 1.4em;
}
label.first {
width: 6em;
text-align: right;
}
input { /* text field input length */
float:left;
width: 32.7em;
border: 1px solid #888;
background: #fff;
}

/* these control field widths */
input.twothirds {  
width: 22em;
}
input.half {  /* 2 text inputs per line */
width: 14.5em;
}
input.forty {  /* 2 text inputs per line */
width: 13.4em;
}
input.third {  /* 3 text inputs per line */
width: 11em;
}
input.fifth {  /* v small fields like State */
width: 9em;
}
input.seventh {
width: 6em;
}
input.tenth {
width: 2em;
}
input, textarea {
height: 16px;
vertical-align: middle;
font: 13px/16px  courier, "courier new", monospace;
}
input.input2 {	/* for checkboxes n radio buttons */
margin-left: 2.4em;
vertical-align: middle;
}
textarea {
width: 32em;
height: 8em;
}
input.radio {
float: none;
margin-right: 1em;
vertical-align: middle;
width: auto;
border: none; /* for IE */
}
input:focus, textarea:focus {
background-color: #CCDEEC;
color: #000;
}
.req {
color: #900;
}
form p input.ctr {
display: block;
height: 24px;
margin: 2.4em 0 0 18em;  
}
.auto {  /* submit button */
font: 10px/13px  verdana, arial, helvetica, sans-serif;
padding: 5px 7px;
margin: 0 0 0 235px;
width: auto;
height: auto;
border: 1px solid #600;
background: #ffc;
}


/* LRA signup form on homepage */

#LRA form {
background: #D6FFD4;
position: absolute;
bottom: 21px; left: 25px;
width: 180px;
text-indent: 0;
text-align: center;
padding: 0;
border: 0;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}
#LRA form p {
text-align: center;
font-size: 1.1em;
line-height: 1.5;
padding: 2px 0 0;
}
#LRA input { 
float:none;
width: 90%;
border: 1px solid #888;
background: #fff;
margin: 1px 0 0;
}
#LRA input.button {
width: auto;
height: auto;
background: #0AFB63;
font: 10px/13px  verdana, arial, helvetica, sans-serif;
padding: 5px 9px;
margin: 0;
border: 1px solid #06993C;
}
#LRA label {
float: none;
display: inline;
text-align: center;
padding-left: 0;
}
#LRA p label {
font-size: .9em
}

/* ============ */

/* navbar links */

#wrap ul#navbar li {
display: inline;    /* for IE bug */
height: 24px;
font: 12px/1.5  verdana, arial, helvetica, sans-serif;
text-align: right;
list-style: none;
}
ul#navbar li a {
display: block;
height: auto;
font: 12px/1.7  verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #389946;
text-align: right;
margin: 0 0 3px;
padding: 0 12px 3px;
border-bottom: 1px solid #A7F8A5;
}
ul#navbar li a:hover {
color: #fff;
background: url(art/hover-bgd.png) repeat-x 0 2px;
color: #000;
}
ul#navbar li a:active {
color: #389946;
background: transparent;
}
ul#navbar li a.current {
font-weight: bold;
font-size: 1.1em;
background: url(art/hover-bgd.png) repeat-x 0 3px;
}
ul#navbar li a.current:hover {
color: #389946
}


/* PAGE VARIANTS */

/* Background art is a little bit kludgy. On pages without stock art the #wrap bgd img is a faux column (green bgd for sidebar, white for the rest). On pages with stock art, I have to use the #wrap div for the art and give the sidebar div a color & height.
*/
#home #wrap {
height: 80em
}
#home #main {
height: 70.8em !important;
background: url(art/young-nurses.jpg) no-repeat 100% 100%;
}
#home #sidebar {
position: absolute;
top: 54px; left: 0;
}
#staff #wrap {
height: 119em
}
#links #wrap {
height: 98em;
}
#jobopps #wrap {
height: 75em
}
#neshsystem #wrap {
height: 166em
}
#neshsystem ul#navbar {
width: 11em
}
#neshsystem ul#navbar li a.current {
height: 28px;
line-height: 15px;
margin-bottom: 5px;
padding-bottom: 7px;
background: url(art/hover-bgd.png) repeat-x 0 8px;
}
#about #wrap {
background: url(art/medicine-n-equipmt_x251.jpg) no-repeat 230px 529px;
height: 60.75em;
}
#about #sidebar,
#staff #sidebar,
#services #sidebar,
#testimonials #sidebar {
top: 70px;
background: #169A45 url(art/sidebar-type-Bell.png) no-repeat 14px 66px;
height: 54em;
}

#about #sidebar {
height: 55.8em;
}

#privacy #wrap {
height: 50.3em;
}
#privacy #sidebar {
top: 70px;
height: 53em;
}
#services #wrap {
height: 109em;
background: url(art/youngnurse-smiling_x180.jpg) no-repeat right 540px;
}
#services #sidebar {
height: 104em;
}

#services #wrap ul#navbar {
margin-top: 2em;
}
#testimonials #wrap {

}

#servicearea #wrap {
height: 57.48em;
background: url(art/nurse-woman-wheelchair_x320.jpg) no-repeat 567px 91%;
}
#servicearea #sidebar {
top: 70px;
background: #169A45 url(art/sidebar-type-Bell.png) no-repeat 14px 66px;
height: 52.5em;
}
#servicearea #main li {
list-style: none
}
#testimonials #wrap {
background: url(art/dad-n-daughter_x236.jpg) no-repeat right 550px ;
height: 59em;
}
#testimonials #main p {
margin-bottom: 2em;
}
#contact #wrap {
height: 94em
}