/* CSS Document */

body{
margin:0;
padding:0 0 40px 0;
color:#000000;
font:62.5%/1.3 Arial, Helvetica, sans-serif;
background:#E5E5E5 url(/img/pageBg.jpg) repeat-x top;
text-align:center;
}

img{
border:none;
}

a{
color:#0066CC;
/*text-decoration:none;*/
}

a:hover{
text-decoration:underline;
}

.centered{
text-align:center;
}

.clear{
clear:both;
}

.navskip {
position:absolute;
left:-3000px;
width:500px;
}

/* layout */

#page{
margin:0 auto;
width:776px;
background:#fff url(/img/wrapperBg.gif) repeat-y bottom;
text-align:left;
}

/* show background-image */
#masthead, #navBar{
margin:0 3px;
}



/* masthead */
#masthead{
background:#FFBB00 none repeat-x;
border-bottom:1px solid #FFFFFF;
height:69px;
}

#masthead #logo{
float:left;
margin:18px;
}

/* navbar */
#sponsor {
	position:relative;
	top:3px;
	float:right;
	width:79px;
}
#navBar {
background:#FFEEBB url(/img/tn_bg.gif) repeat-x;
height:31px;
padding:0px 18px 0pt;
text-align:left;
}

#navBar ul{
margin:0;
padding:8px 0 0 0;
}

#navBar ul li{
list-style:none;
float:left;
}

#navBar ul li a img{
visibility:hidden;
}

#navBar li img{
margin:0 2px;
float:left;
}

#navBar li a{
	float:left;
height:11px;
background-repeat:no-repeat;
background-position:top;
font-size:9px;
line-height:9px;
}


#navBar li#home a{
background-image:url(/img/nav_03.gif);
}

#navBar li#about a{
background-image:url(/img/nav_about.gif);
}

#navBar li#meet a{
background-image:url(/img/nav_07.gif);
}

#navBar li#why a{
background-image:url(/img/nav_whyhelp.gif);
}

#navBar li#wherewework a{
background-image:url(/img/nav_wherewework.gif);
}

#navBar li#whatsnew a{
background-image:url(/img/nav_whatsnew.gif);
}

#navBar li#faqs a{
background-image:url(/img/nav_11.gif);
}

#navBar li a:hover{
background-position:bottom;
}



/* home page */
#home-flash {
	height:435px;
	width:766px;
	margin-left:6px;
}
div#home-image{
	height:429px;
	width:770px;
	background:url(/img/homeBg.gif) 0 20px no-repeat;
	margin:10px 3px 40px;
	position:relative;
	top:0;
	left:0;
	z-index:0;
	}
#homeLogo {
	position:absolute;
	top:266px;
	right:8px;
	margin:0;
	padding:0;
}
.hoverHome {
	display:none;
}
#sponsorNowHome {
	position:absolute;
	top:-2px;
	left:7px;
	z-index:1000;
}
#whereWeWorkHome {
	position:absolute;
	top:222px;
	left:166px;	
}
.whereWeWorkHome {
	position:absolute;
	top:192px;
	left:353px;
	z-index:999;
	display:none;
}
#faqsHome {
	position:absolute;
	top:139px;
	right:237px;	
}
.faqsHome {
	position:absolute;
	top:83px;
	left:479px;
	display:none;
	z-index:999;
}
#whyweneedyouHome {
	position:absolute;
	top:6px;
	left:172px;
	z-index:auto;
}
.whyweneedyouHome {
	position:absolute;
	top:0px;
	left:258px;
	display:none;
	z-index:1000;
}

#meetthegrandparentsHome {
	position:absolute;
	top:289px;
	left:345px;
	z-index:994;
}
.meetthegrandparentsHome {
	position:absolute;
	top:205px;
	left:498px;
	display:none;
	z-index:999;
}

#whatsnewsHome {
	position:absolute;
	top:26px;
	right:311px;
	z-index:auto;	
}
.whatsnewsHome {
	position:absolute;
	top:-2px;
	right:65px;
	display:none;
	z-index:1000;
}

#aboutHome {
	position:absolute;
	top:160px;
	left:81px;
	z-index:995;
}
.aboutHome {
	position:absolute;
	top:209px;
	left:219px;
	display:none;
	z-index:999;
}

/* Projects page */
#fullWidthWrapper {
	margin: 0 3px;
	padding:0 0 10px 0;
}
#fullWidthWrapper p,#fullWidthWrapper ul {
	font-size:1.2em;
} 
#leftCol {
	width:167px;
	float:left;
	background:#FFE0B5 url('/img/yellowTopRight.gif') top right no-repeat;
	padding:1px 18px;
	position:relative;
}
#bottomRightCorner {
	position:absolute;
	bottom:0;
	right:0;
	width:5px;
	height:5px;
	background:url('/img/yellowBottomRight.gif') no-repeat bottom right;
}
#leftCol img,#rightCol img  {
	border:1px solid #535353;
}
#middleCol {
	float:left;
	padding:1px 18px;
	width:328px;
}
#fullWidthWrapper h1,#fullWidthWrapper h2 {
	color:#0066cc;
}
#fullWidthWrapper h1 {
	font-size:2.4em;
	margin:0;
}
#fullWidthWrapper h2 {
	font-size:2em;
}
#leftCol h2,#rightCol h2 {
	color:#000;
	margin:10px 0;
	font-size:1.7em;
}
#middleCol h1 {
	margin-bottom:0px;
}
#middleCol h3 {
	line-height:150%;
	margin:5px 0 10px;
	font-size:1.6em;
}
.hr {
	border-bottom:1px dotted #000;
	height:1px;
	line-height:1px;
}
.PrevNextLink 
{
	height:30px;
}
.leftPreviousLink {
	float:left;
	text-align:left;
}
.rightNextLink 
{
	float:right;
	text-align:right;
}
#rightCol {
	width:167px;
	float:left;
	background:#FFE0B5 url('/img/yellowTopLeft.gif') top left no-repeat;
	padding:1px 18px;
	position:relative;
}
#rightCol ul {
	margin-left:20px;
	padding-left:0;
}
#bottomLeftCorner {
	position:absolute;
	bottom:0;
	left:0;
	width:5px;
	height:5px;
	background:url('/img/yellowBottomLeft.gif') no-repeat bottom left;
}
/* content */
#googleMap
{
	overflow:hidden;
}

#content{
margin:0 13px;
min-height:550px;
}
#content.projects {
	min-height:120px;
	margin:0 13px;
}
#content form{
float:right;
margin:40px 20px 0 0;
}


#content div#left{
margin:0 200px 0 15px;
}

#content h1{
margin:0 0 20px 0;
}

#content h2{
margin:10px 0 0 0;
font-size:2em;
color:#06c;
}

#content h3{
margin:10px 0 0 0;
color:#06c;
font-size:1.6em;
}

#content p, #content ul, #content ol{
font-size:1.2em;
}

blockquote.pullOutText{
	clear:both;
border-left:2px dotted #AAAAAA;
font-size:1.4em;
margin:6px 10px 12px;
padding:0pt 10px;
}

#content p{
margin:5px 0 10px 0;
position:relative;
}

#content p img.rightImageEmbedded{
position:absolute;
top:0;
left:576px;
}
#content p img.leftPic {
	float:left;
	margin:3px 20px 30px 0;
}
#content p.withLeftPic {
	margin-left:169px;
}
#content p img.rightPic {
	float:right;
	margin:3px 0px 30px 20px;
}
/*
#content ul li{
list-style-type:square;
margin-bottom:5px;
}
*/

#content p.links{
margin-top:0;
text-align:right;
font-weight:800;
font-size:1.3em;
}

form input.buttonToText{
background-color:#fff;
border-style:solid;
border-width:1px;
border-color:#fff;
font-weight:800;
padding:0;
cursor:pointer;
color:#06c;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
width:7.7em;
}

#sendSomeLove{
width:12.2em;
}

#content form#inline{
padding:0;
text-align:right;
float:none;
margin:0;
}

#content form input.buttonToText:hover{
border-bottom-color:#06c;
}


div#sponsorBW{
margin-right:20px;
position:relative;
}

div#sponsorBW img{
position:absolute;
top:-82px;
left:580px;
}
div#sponsorBWProjectPage{
margin-right:20px;
position:relative;
height:100px;
}

div#sponsorBWProjectPage img
{
	position:absolute;
	top:2px;
	left:580px;
}
#page ul.mapKeyList 
{
	padding-left:0px;
	margin-left:20px;
	color:#06c;
	font-weight:bold;
	list-style-type:none;
}
#page li.mapKeyListItem
{
	
}
.mapKeyListItem img
{
	vertical-align:middle;
}

.mapFeaturedProjectsList
{
	padding-left:0px;
	margin-left:0px;
	list-style-type:none;
}
#page li.mapFeaturedProjectsListItem
{	
	display:table-row;
	margin-top:10px;
	font-size:0.9em;
}

.mapFeaturedProjectsListItem img
{
	display:inline;
	float:left;
	padding-right :5px;
}
.mapFeaturedProjectsListItem div
{
	padding-left:0px;
	padding-bottom : 20px;	
}
.mapFeaturedProjectsListItem .featuredProjectsName
{
	color:#06c;
	font-weight:bold;
}


/* footer */

#footer{
background:url(/img/footerCurve.gif) no-repeat bottom;
clear:both;
text-align:center;
padding:25px 0 10px 0;
}
#footer #AceFooter
{
    border: solid 0px black; 
    overflow: hidden;
}

#footer #AceFooter p
{
    border: solid 0px black; 
    margin: 7px; 
    width: 98%;
    overflow: hidden;
}

#footer #AceFooter #AceImage
{
    width: 98%; 
    border: solid 0px black; 
    margin-left: 10px;
}

#AceImage img
{
    float: left;
}

#footer #AceFooter #AceText
{
    overflow: hidden;
    margin-left: 88px; 
    width: 646px; 
    margin-top: -47px; 
    font-family:Arial; 
    font-size: 1.05em; 
    text-align:left;
    border: solid 0px black;
}


#footer ul{
margin:0;
list-style:none;
text-align:center;
margin:0;
padding:0;
}

#footer ul li{
display:inline;
}

#footer ul li a {
color:#AA1133;
text-decoration:none;
font-size:1.1em;
}

#footer ul li a:hover {
text-decoration:underline;
}

#copyright{
font-size:1em;
text-align:center;
margin:5px 0 0;
}

.rightImage{
float:right;
margin:40px 10px 0pt 0pt;
clear:right;
}

div.ebeddedVideo{
margin:10px 0 20px 0;
text-align:center;
}

.ebeddedVideo div{
width:300px;
height:250px;
border:1px solid #999;
margin:0 auto;
}
.mapInfoWindow
{
	width:240px;
	height:100%;	
	
}
.mapInfoWindow h1
{
padding-right:6px;
font-size:1.4em;
font-weight:bold;
display:inline;
}
.mapInfoWindow p
{
padding-top:5px;
}

/* blog */ 
#blog {
	padding-left:1px;
}
#blogLeft {
	float:left;
	width:480px;
	margin-right:5px;
	display:inline;
}
#content #blog h3.blogHeader .top {
	margin:0;
}
#content #blog h3.blogHeader {
	background:#ffedbb;
	font-size:12px;
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
	padding:15px 5px 5px 15px;
	margin:10px 0 0;
}
#blog .blogContent {
	padding:10px 20px;
}
#blog .blogPic {
	float:left;
	border:1px solid #000;
}

#blog .blogPicRight {
	float:Right;
	border:0;
	padding:10px;
	
}
#blog .blogWithPic {
	margin-left:70px;
}

#blog .blogWithoutPic {
	margin-left:10px;
	padding:0;
	margin:0;
	font-size:11px;
}

#content #blog .blogWithPic h2 {
	padding:5px 0 3px;
	margin:0;
}
#content #blog .blogWithPic p {
	padding:0;
	margin:0;
	font-size:11px;
}
.blogAuthor {
	padding-left:15px;
	background:url('../graphics/author.gif') no-repeat left;
	border-right:1px solid #000;
	padding-right:8px;
	margin-right:5px;
}
.blogDate {
	padding-left:24px;
	background:url('../graphics/date.gif') no-repeat 8px 50%;
	border-left:1px solid #000;
	margin-left:5px;
}
#content #blog p {
	margin:17px 0;
}
#blog blockquote {
	clear:both;
	border-left:2px dotted #AAAAAA;
	font-size:1.4em;
	margin:17px 10px 17px 0;
	padding:0pt 10px;
	color:#06c;
}
#blog .hr {
	border-color:#cccccc;
	margin:25px 0 0px;
}
#blog #blogRight {
	float:left;
	width:180px;
	padding:10px 20px 10px;
	background:#fafaf0;
	border:1px dotted #cccccc;
}
#content #blogRight h2 {
	margin:0;
	padding:10px 0 5px;
	clear:both;
	line-height:19px;
}
#content #blogRight h2.first {
	margin:0;
	padding:0 0 15px;
	clear:both;
}
#content #blogRight p {
	margin:5px 0;
	padding:0 0 10px;
}
.smallBlogPic {
	float:left;
	border:1px solid #000;
	margin:2px 6px 0 0;
}
#blogRight .hr {
	margin:25px 0 10px;
}
/*#content #blogRight .calendar {
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	margin:15px 0;
	padding:10px 0;
}*/
#content #blogRight p.indent {
	padding-left:15px;
}
/*#content #blogRight .calendar p{
	margin:0;
	padding:0;
	color:#666865;
	font-weight:bold;
	font-size:11px;
}
#content #blogRight .calendar h2{
	color:#666865;
	font-weight:normal;
	padding:5px 0;
}
#content #blogRight .calendar table{
	width:100%;
	font-size:11px;
}
#content #blogRight .calendar table a{
	font-weight:bold;
}
*/