body  {
margin: 0;
padding: 0;
background: #385e56 url(art/bgd-gradient-May2010.jpg) repeat-x;
font: 13px/18px arial, helvetica, verdana, sans-serif;
text-align: left;
}

div {
margin: 0; padding: 0
}
img, a img {
border: 0;
padding: 0;
}
img.flt {
float:left;
margin: 0 12px 0 36px;
}
img.flt2 {
float:left;
margin: 0;
}
img.flrt {
float:right;
margin: 0 0 0 12px;
}
a {
text-decoration: none;
}
a:hover img {
border: 0;
background: transparent;
}


/* Layout */

#wrap {
position: relative;
left: 50%;
width: 800px;
margin: 0 0 0 -400px;
height: 110em;
padding-bottom: 1em;
background: #fff;
/*border-left: 1px solid #000;*/
}
#banner {
position: absolute;
z-index: 2;
top: 0; left: 0;
width: 100%;
height: 150px;
margin: 0;
border-bottom: 24px solid #0F5E55;
background: #fff url(art/daughter-dad-banner.jpg) no-repeat 0 right;
}
#banner img {
float: left;
}

#bannerpic {	/* KILL THIS WHEN DONE */
position: absolute;
bottom: 0; right: 0;
}
#banner #homehack a {	/* so you can click logo in banner */
position: absolute;
top: 0; left: 170px;
width: 511px; height: 90px;
z-index: 1;
}

#main  {
	width: 550px;
	position: absolute;
	top: 176px; left: 0;
	margin: 0;
	padding: 0 0 3em;
}
#nav  {
	width: 160px;
	width: 12.5em;
	position: absolute;
	top: 258px; right: 0;
	padding: 0;
}
#wrap #footer {
position: absolute;
bottom: 0;
width: 100%;
height: 96px;
background: #b5d4ce;
border-top:  1px solid #000;
text-align: center;
}
#promo  {	/* for testimonials page */
width: 145px;
position: absolute;
top: 584px; right: 0;
text-align: center;
padding: 6px 6px 10px;
/* 1border: 4px solid #59AA95;
border-right: 0; */
}

/* type */

/* @group Heds */

h1 {  
text-indent: -9999px;
width: 511px; height: 90px;
margin: 0;
padding: 0;
background: url(art/NortheastLink_x211.png) no-repeat 170px 13px;
}

h2 {  /* page heads */
clear: left;
font:  normal 24px/24px  georgia, times, "times new roman", serif;
/*color: #004080;*/
color: #000;
margin: 30px 0 1em 0;
}
#footer h2 {
font: bold 14px/17px  arial, helvetica, verdana, sans-serif;
letter-spacing: .06em;
word-spacing: 2px;
margin: 12px auto 3px;
}

h3 {
font: bold 16px/19px  arial, helvetica, verdana, sans-serif;
/*color: #004080;*/
color: #0D5B5C;
margin: 3em 0 .2em;
}
h3.thanks {
font: bold italic 16px/22px  georgia, times, "times new roman", serif;
/*color: #004080;*/
color: #0D5B5C;
margin: 4.6em 0 0 4em;
}



h5 {	/* team member's title */
margin: 0 0 1.35em;
font: normal 14px/18px  arial, helvetica, verdana, sans-serif;
color: #036;
}
h4 {    /* text subheds */
font: bold 14px/18px  arial, helvetica, verdana, sans-serif;
margin: 1.8em 0 3px;
}
h2,h3,h4,h5 {
padding: 0;
margin-left: 36px;	/* left gutter */
}

/* @end */



#banner p {
position: absolute;
top: 87px; left: 170px;
margin: 0;
font: 13px/18px helvetica, arial, verdana, sans-serif;
}
#banner p.tagline {
margin: 5.5em 0 0;
color: #fff;
font: bold italic 13px/7px georgia, times, "times new roman", serif;
letter-spacing: 1px; word-spacing: 1px
}

#banner a, #footer a {
font-size: .88em;
letter-spacing: .1em; 
word-spacing: 1px;
text-transform: uppercase;
}
#main p, #main ul, #main li, #main cite {
font: 13px/18px arial, helvetica, verdana, sans-serif;
margin: 0 0 1em 36px;
}
#testimonials #main p {
background: url(art/openquote-grn.png) no-repeat;
padding-left: 30px;
}
#testimonials #main p b {
font-size: 2.5em;
color:  #d3c5aa;
float: right;
padding-right: 1em;
}
#testimonials #main p span {
padding: 0 0 6px 24px;
background: url(art/closequote.png) no-repeat right;
}

#main p.intro {
font-family: georgia, times, "times new roman", serif;
font-size: 1.22em;
/*font-weight: bold;*/
/*color: #004080;*/
line-height: 1.5em;
margin-bottom: 2em;
}
.dropcap {
float: left;
display: inline;
width: auto;
margin: 0 0 0 -2px;
padding: 2px 0;	/* bec IE cuts off top and bottom */
font: normal 3.9em/.66em georgia, times, "times new roman", serif;
/*color: #036;*/
}
.intro small {
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
word-spacing: 1px;
letter-spacing: 1px;
margin-left: 0; /*This adjusts letterfit to dropcap*/
}
#footer p {
margin-top: 0;
}
#footer p small {
font-size: 85%;
}
#main cite {
display: block;
margin: 0 0 3em 64%;
font-style: italic;
}

#main p.x5  {
margin: 0 0 .5em;
}


#main ul {
padding: 0;
margin: .5em 0 0 5.5em;
}
#main li,  #main ul.nobull li {
padding: 0 2em 3px 0;
margin: 0;
list-style-image: url(art/bullet-green.png);
}
#main ul.nobull li  {
list-style: none;
}

ul#nav {
margin: 0;
padding: 3px 0 0;
border: 12px solid #b5d4ce;
border-width: 12px 0;
}
#nav li {
display: inline;    /* for IE bug */
height: 24px;
margin: 0;
padding: 0;
/* font: 11px/16px  verdana, arial, helvetica, sans-serif; */
list-style: none;
}
.zo {
margin-top: 0;
}
.ctr {
text-align: center;
}
.rt {
text-align: right;
}

/* picture fpo */
.fpo {
display: block;
background: #000;
width: 120px;
height: 140px;
float: left;
margin: 0 12px 0 36px;
}




/* LINKS */

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

/* nav links */

/* @group Nav */

#nav li a {			/* FIX THIS! */
display: block;
font: 12px/1.1  arial, helvetica, verdana, sans-serif;
color: #000;
padding: 6px 0 10px 6px;
margin: 0;
border-bottom: 1px solid #385e56;
}
#nav li a.top {
border-top: 1px solid #385e56;
margin-top: -3px;
padding-top: 9px;
}

#nav li a:hover {
color: #017077;
font-weight: bold;
}
#nav li a:active {
color: #000;
font-weight: normal;
}
#nav li a.current {
color: #017077;
font-weight: bold;
cursor: default;
}

/* @end */



/* page variants */

/* @group page variants */

/* team page */

#team #main p {
margin-bottom: 3em;
}
#team h3 {
clear: left;
/*background: #FFF0ce;*/
background: #dcf0ec;
text-align: center;
}
h5 {
text-align: center;
}

/*fake form - do you need manager page?*/

#need span {	/* for radio buttons */
float:right;
text-align: right;
width: 120px;
/*padding-left: 1em;*/
}
#need input {

width: auto;
height: auto;
}

#need #main p {
clear: right;
}

/* testimonials page variant */
#promo p {
font: bold 14px/18px  helvetica, arial, verdana, sans-serif;
margin: 0 0 1em;
}
#promo a {
color: #017077;
}
#promo a:hover {
color: #000;
}
#promo a:active {
color: #017077;
}



/* @end */


 /*contact form*/ 
label, .submit {
font: 10px/14px  verdana, arial, helvetica, sans-serif;
padding: 3px 0;
}
input, input.two {
font: 12px courier, 'courier new', monospace;
margin-top: 4px;
margin-bottom: 1.2em;
height: 18px;
width: 300px;
border: 1px solid #666;
background: #b5d4ce;
/*background: #D3C5AA;*/
}
input.two {
width: 136px;
}

input.auto, .submit {
width: auto;
height: auto;
}
.submit {
background: #ffc;
padding: 5px 7px;
}
input:focus, textarea:focus {
background: #fff;
}
textarea {
width: 300px;
height: 100px;
font: 12px courier, 'courier new', monospace;
margin-top: 4px;
margin-bottom: 1.2em;
background: #b5d4ce;
}