/* CSS Document */
/*--------- LINKS ---------*/

a:link, a:visited {
	color: #0062a7;
	text-decoration:none;
}

a:hover, a:active {
	color: #003366;
	text-decoration:underline;
}

#Menu {
	clear:both;
	width: 800px;
	height: 20px;
	background: #78a2cd;
	margin:0 auto 0 auto;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}
/*- Menu Tabs E--------------------------- */

    #tabsE {
      float:left;
      width:100%;
      font-size:9pt;
	 letter-spacing:.5pt;
      line-height:normal;

      }
    #tabsE ul {
	margin:0;
	padding:0px 10px 0 20px;
	list-style:none;
      }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE a {
      float:left;
      /*background:url(../images/tab.gif);
	 background-color:#78a2cd;*/
      margin:0;
      padding:0;
      text-decoration:none;
	 display:block;
	 height:20px;
      }
    #tabsE a span {
      float:left;
      display:block;
      padding:3px 20px 2px 20px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */

    #tabsE a:hover {
      /*background-position:0% -42px;*/
	 background-color:#003366;
      }
    #tabsE a:hover span {
      background-position:100% -42px;
	 color:#FFF;
	}	 
	

#home #home a, #about #about a,
#kids #kids a, #founders #founders a,
#board #board a, #inspiration #inspiration a,
#program #program a, #results #results a, #partners #partners a, #fellows #fellows a, #events #events a 
 {
	/*background-position:0% -42px;*/
	color:#405b78;
	background-color:#003366;
/* declarations to sytle the current state*/
}        

/*--------- COMMON ---------*/

body {
	margin: 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	
}
h1,h2,h3,h4,h5 {
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#0062a7;
	margin:0;
}
h1 { /* main head */
	font-size: 24px;
	margin:25px 0 15px 0;
}
h2 {  /* contextual head */
	font-size: 16px;
	margin: 10px 0 0 0;
	line-height:125%;
}
.date {
	font-size:13px; 
	font-weight:normal;
	margin: 10px 0 0 0;
	color:#0062a7;
	font-family:Arial, Helvetica, sans-serif;
	}

h3 { 
	font-size:12px; 
	font-weight:normal;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	padding:3px 2px 3px 2px;
	text-align:right;
}
h4 {
	font-size:14px; 
	font-weight:bold;
	border-bottom:2px solid #FFFFFF;
	padding:3px 2px 3px 0;
	text-align:right;
	letter-spacing:1px;
}
h5 { /* sidebar head */
	font-size: 14px;
	border-bottom:1px dotted #0062a7;
}



/*--------- BOXES ---------*/

#Box {
	width: 820px;
	margin: 0px auto 0px auto;
	padding:0;
}
#Box2 {
	width: 800px;
	margin: 0px auto 0px auto;
	
}
#wrap {
	background-image:url(../images/bg2.jpg);
	background-position:center;
	background-repeat:repeat-y;
	width:820px;
	margin:0 auto 0 auto;
}
#Footer {
	clear:both;
	width:100%;
	background-image:url(../images/bg-footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:42px;
	
}

.info {
	width: 800px;
	margin:0 auto 0 auto;
	color: #FFFFFF;
	padding:7px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	letter-spacing:.5px;
	text-align:center;
	position:bottom;
	background: #78a2cd;
	height: 18px;
}
#Footer div a:link, #Footer div a:visited  {
	color: #FFFFFF;
	text-decoration:none;
}
#Footer div a:hover {
	color: #003366;
	text-decoration:underline;
}

#HeaderCin {
	float:right;
	width:560px;
	height:180px;

}
#HeaderAtl {
	float:right;
	width:560px;
	height:180px;
}
#HeaderMain {
	float:right;
	margin:0 10px 0 0;
	width:400px;
	background-image:url(../images/hands-main.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
/* IE6 Only */
* html #HeaderMain {
margin :0 5px 0 0;;
}

#logo {
	margin:0;
	padding-left:10px;
	float:left;
	width:250px;
	height:180px;

}

#Sidebar {
	padding: 10px 0 10px 10px;
	float: left;
	width: 155px;
	margin:0;
}

#Sidebar ul {
	color:#0062a7;
	margin:0;
	font-size:11px;
	padding-bottom:20px;
	list-style: none;
	}
#Sidebar .event {
	color:#0062a7;
	margin:2px 0 2px 5px;
	padding:0 0 0 8px;
	font-size:11px;
	background-image:url(../images/arrow.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
#Sidebar p {
	color:#0062a7;
	margin:0;
	font-size:11px;
	padding-bottom:10px;
	}
	
.kids {
	width:624px;
	height:62px;
	background-image:url(../images/faces.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding:0;
}
.content {
width:624px;
float:right;
}

#Story1, #Story2, #Story3, #Story4, #Story5, #Story6, #Story7 {
	float:right;
	margin: 0px;
	padding:0 200px 20px 10px;
	width: 404px;
	background-position:top right;
	background-repeat:no-repeat;
	overflow:auto;
	text-align:justify;
	color:#003366;
	min-height:300px;

}
#Story1 { background-image:url(../images/hand.jpg); }
#Story2 { background-image:url(../images/baby_sleeping.jpg); }
#Story3 { background-image:url(../images/reading.jpg);}
#Story4 { background-image:url(../images/baby.jpg); }
#Story5 { background-image:url(../images/holdinghands.jpg); }
#Story6 { background-image:url(../images/hugging-bear.jpg); }
#Story7 { background-image:url(../images/boy.jpg); }

.photo {
	border:1px solid #6699CC;
	padding:2px;
	margin:0 7px 7px 0;
	float:left;
}
.photoC {
	border:1px solid #6699CC;
	padding:2px;
	margin:7px;
}

/* specialty items */

.center {
	margin:0 auto 0 auto;
	text-align:center;
	display:block;
}
.fine {font-size:9px; color:#666666; }
.leadin {
	font-size:14px;
	text-decoration:underline;
	display:inline;
}
.eventsub { display:block; margin-left:20px; }
#Story1 li, #Story2 li, #Story3 li,#Story4 li, #Story5 li, #Story6 li, #Story7 li {
	padding-bottom:10px;
}
.button {
	background-color:#003366;
	background-image:url(../images/btn-bg.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	border-top:1px solid #78a2cd;
	border-left:1px solid #78a2cd;
	border-right:2px solid #000033;
	border-bottom:2px solid #000033;
	letter-spacing:1pt;
	font-size:11pt;
	padding:4px;
}