@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/* --- General Structural Styles ---*/

#wrapper {
	background-color: #FFF;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 149px;
	background-image: url(../_images/headerImage.gif);
	position: relative;
}

#logoLink    { 
position: relative; 
top: 22px; 
left: 15px; 
width: 83px; 
height: 83px; 
background-color: transparent; 
border: none;
float: left;
text-decoration: none;
}	

#logoLink span {
	visibility: hidden;
}

#mainContent {
	margin: 0px;
	padding: 0px;
	width: 570px;
	float: left;
}
#homepage {
	width: 770px;
}

#sidebarNav {
	height: 220px;
	width: 180px;
	float: right;
	background-image: url(../_images/sidebarNavBackground.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#sidebarPartners {
	height: 275px;
	width: 180px;
	padding: 0px;
	float: right;
/*	background-image: url(../_images/sidebarPartnerBackground.gif);
	background-repeat: no-repeat; */
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 10;
	clear: right;
}

#footer {
	clear: both;
	margin-top: 0px;
	margin-right: 0 auto;
	margin-bottom: 0;
	margin-left: 0 auto;
	padding-top: 50px;
	width: 770px;
	border-bottom: solid 1px #000;
}


/* Header Picture Styles */

#headerPic {
	background-image: url(../_images/twoKidsTogether.jpg);
	height: 90px;
	width: 135px;
	position: absolute;
	left: 635px;
	top: 24px;
	clear: none;
}

/* ---- Global Top Right Nav Styles --- */

#globalNav {
	position: relative;
	left: 535px;
	top: 0px;
	background-color: #3f687e;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width: 125px;
	height: 23px;
	overflow: hidden;
}

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

#globalNav li {
	float: left;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

#globalNav li a:link, #globalNav li a:visited {
	font-family: "Comic Sans MS", cursive;
	font-size: 0.8em;
	background-color: #3f687e;
	text-decoration: none;
	display: inline;
	border: none;
	padding: 0;
	color: #fff;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}

#globalNav li a:hover, #globalNav li a:active {
	text-decoration: underline;
}

/* --- Main Navigation Styles --- */

#mainNav {
	position: absolute;
	left: 9px;
	top: 122px;
	z-index: 200;
}

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


#mainNav li {
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#mainNav li a:link, #mainNav li a:visited {
	font-family: "Comic Sans MS", cursive;
	text-decoration: none;
	color:#000;
	padding: 0 15px 0;
	margin-right: 10px;
	border: none;
	font-size: 0.9em;
}

#mainNav li a:hover, #mainNav li a:active  {
	text-decoration: underline;	
}

#mainNav li a.current {
	text-decoration: underline;
}

#mainNav li a.current:hover {
	cursor: default;	
}

/* --- Sidebar Navigation Styles --- */

#sidebarNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-top: 20px;
	padding-left: 20px;
}


#sidebarNav li {
	padding: 0px;
	font-size: 0.7em;
	display: block;
	margin-bottom: 5px;
}

#sidebarNav li a:link, #sidebarNav li a:visited {
	text-decoration: none;
	color:#FFF;
	font-family: "Comic Sans MS", cursive;
	border: none;
}

#sidebarNav li a:hover, #sidebarNav li a:active {
	text-decoration: underline;
}

#sidebarNav li a.current {
	text-decoration: underline;
}

#sidebarNav li a.current:hover {
	cursor: default;
}


/* --- Footer Nav Styles --- */

#footer ul {
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	width: 700px;
}
#footer li {
	margin: 0px;
	padding: 0px;
	font-size: 0.55em;
	display: inline;
}
#footer li a:link, #footer li a:visited {
	font-family: "Comic Sans MS", cursive;
	text-decoration: none;
	color:#000;
	padding: 0 5px 0;
	border: none;
}

#footer li a:hover, #footer li a:active {
	text-decoration: underline;
}
#footer li a.current {
	text-decoration: underline;
}
#footer li a.current:hover {
	cursor: default;
}


/* --- Footer Paragraph Styles --- */

#footer p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	padding: 0px;
	text-align: center;
	width: 700px;
	margin: 0 auto;
}
#footer p a:link , #footer p a:visited{
	color: #000;
	text-decoration: none;
}
#footer p a:hover, #footer p a:active {
	color: #000;
	text-decoration: underline;
}

#footer p.small {
	font-size: .55em;
	font-style: normal;
}


/* --- Holder Class used for Navigation --*/

.holder {
}

/* --- Main Content Header and Paragraph Formatting --- */

#mainContent h1{
	color: #990000;
	font-family:"Comic Sans MS", cursive;
	font-size: 1.2em;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#mainContent h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #3f687e;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: -5px;
}

#mainContent h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
	margin-left: 10px;
	margin-bottom: 0px;
}


#mainContent p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
	margin-top: 5px;
	margin-left: 10px;
}

#mainContent p a:link , #mainContent p a:visited{
	color: #990000;
	text-decoration: none;
}

#mainContent p a:hover, #mainContent p a:active {
	text-decoration: underline;
	color: #990000;
}

#mainContent ol a:link, #mainContent ol a:visited {
	color: #990000;
	text-decoration: none;
}

#mainContent ol a:hover, #mainContent ol a:active {
	text-decoration: underline;
	color: #990000;
}
#mainContent ul a:link, #mainContent ul a:visited {
	color: #990000;
	text-decoration: none;
}

#mainContent ul a:hover, #mainContent ul a:active {
	text-decoration: underline;
	color: #990000;
}
#mainContent form {
	margin-left: 10px;
	margin-top: 20px;
}
#mainContent ol   {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	list-style-position: inside;
}
#mainContent ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	list-style-position: inside;
	list-style-image: url(../_images/checkmark.gif);
	margin-top: 5px;
}


/* --- Sidebar Partners Styles ---*/

#sidebarPartners h1 {
	font-family: "Comic Sans MS", cursive;
	font-size: 1em;
	color: #000;
	padding-top: 5px;
	padding-left: 20px;
	font-weight: normal;
}

/* --- Homepage Styles -- */

#homepage #o4kStory {
	height: 300px;
	width: 609px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	border: solid 3px #3f687e;
	padding: 2px;
	position: relative;
	z-index: 1;
}

#homepage #o4kStory #text1 , #homepage #o4kStory #text2, #homepage #o4kStory #text3{
	background-color: #990000;
	height: 73px;
	width: 158px;
	margin-bottom: 3px;
	cursor: pointer;
	z-index: 10;
	float:left;
}

#homepage #o4kStory #text4{
	background-color: #990000;
	height: 72px;
	width: 158px;
	margin-bottom: 0px;
	cursor: pointer;
	z-index: 10;
	float: left;
}

#homepage #o4kStory #text1 p, #homepage #o4kStory #text2 p, #homepage #o4kStory #text3 p, #homepage #o4kStory #text4 p {
	font-family: "Comic Sans MS", cursive;
	font-size: 1em;
	color: #FFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#homepage #text1BlueText, #homepage #text2BlueText, #homepage #text3BlueText, #homepage #text4BlueText {
	position: absolute;
	z-index: 100;
}

#homepage div #text1BlueText p, #homepage div #text3BlueText p {
	color: #fff;
	font-size: 1em;
	padding: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}

#homepage div #text2BlueText p, #homepage div #text4BlueText p {
	color: #fff;
	font-size: .8em;
	padding: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}

#homepage #text1BlueText {
	width: 230px;
	height: 110px;
	left: 21px;
	top: 160px;
	background-image: url(../_images/text1BlueBox.gif);
	background-repeat: no-repeat;
}

#homepage #text2BlueText {
	width: 180px;
	height: 110px;
	top: 20px;
	left: 30px;
	background-image: url(../_images/text2BlueBox.gif);
	background-repeat: no-repeat;
}

#homepage #text3BlueText {
	width: 180px;
	height: 130px;
	left: 230px;
	top: 50px;
	position: absolute;
	background-image: url(../_images/text3BlueBox.gif);
	background-repeat: no-repeat;
}

#homepage #text4BlueText {
	width: 200px;
	height: 145px;
	top: 20px;
	left: 231px;
	background-image: url(../_images/text4BlueBox.gif);
	background-repeat: no-repeat;
}

#homepage #o4kStory #mainPic {
	background-image: url(../_images/kidDrawing.jpg);
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 451px;
	float: right;
	z-index: 5;
	display: inline;
	position: relative;
}

#homepage #o4kStory #mainPic div {
	z-index: 0;
	position: absolute;
}

#homepage #o4kStory #mainPic div.current {
	z-index: 2;
}

#homepage #o4kStory #mainPic div.previous {
	z-index: 1;
}

#homepage #o4kStory #circlePointer {
	background-image: url(../_images/circlePointer.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 140px;
	top: 35px;
	z-index: 20;
	width: 33px;
	height: 33px;
}

#homepage #activities {
	margin: 0 auto;
	width: 720px;
	padding: 0;
	text-align: center;
}

#homepage #activities div.activity {
	background-image: url(../_images/activityBackground.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 150px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	text-align: center;
	padding-top: 5px;
	display: inline;
}
#homepage h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000;
	margin-left: 20px;
}

#wrapper #homepage #activities .activity h2 {
	font-family: "Comic Sans MS", cursive;
	font-size: 0.9em;
	color: #FFF;
	margin: 0px;
}


#mainContent #stat {
	font-family: "Comic Sans MS", cursive;
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
	position: relative;
	margin-bottom: 60px;
	margin-left: 10px;
	margin-top: 35px;
	line-height: 1.5em;
}

#mainContent #stat img {
	float: left;
	margin-right: 8px;
}

#mainContent #kidsApply, #mainContent #providersHere {
	background-image: url(../_images/blueRoundedButton.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 97px;
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
}
#mainContent #kidsApply p, #mainContent #providersHere p {
	font-size: 0.65em;
	color: #FFF;
	margin-left: 0px;
}

#mainContent #kidsApply a:link, #mainContent #kidsApply a:visited, #mainContent #providersHere a:link, #mainContent #providersHere a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFF;
}

#mainContent #kidsApply a:hover, #mainContent #kidsApply a:active, #mainContent #providersHere a:hover, #mainContent #providersHere a:active {
	text-decoration: underline;
}

#mainContent #mission {
	margin-left: 40px;
}

.imgFloatLeft {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding: 2px;
	border: solid 2px #3f687e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
}

.imgFloatRight {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	padding: 2px;
	border: solid 2px #3f687e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
}

#mainContent #board {
	margin-left: 30px;
}
#mainContent table  {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#mainContent td  {
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 170px;
}
#mainContent #contact {
	margin-left: 30px;
}

#mainContent #contact div {
	float: left;
	padding-right: 10px;
}
#mainContent #contact div p{
	margin-top: 5px;
}
#mainContent #contact p {
	clear: both;
}

#mainContent #board .boardName {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #2B2F32;
}

#mainContent #board a:link, #mainContent #board a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

#mainContent #board a:hover, #mainContent #board a:active {
	text-decoration: underline;
}

#mainContent #boardPhoto {
	float: left;
	padding: 2px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 250px;
	border: 2px solid #3f687e;
}

#mainContent #execDirector {
	float: left;
	padding: 2px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 250px;
	border: 2px solid #3f687e;
}



#mainContent #faqs {
	width: 500px;
	margin-left: 30px;
}
#mainContent #faqs ol {
	list-style-type: decimal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
}

#mainContent #kids {
	background-image: url(../_images/boywithBackpackBordered.jpg);
	background-repeat: no-repeat;
	height: 365px;
	margin-left: 10px;
	padding-top: 20px;
	margin-bottom: -10px;
}
#mainContent #kids p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #3f687e;
}
#mainContent #kids #kidsText {
	width: 331px;
	margin-bottom: 5px;
}
#mainContent #kids ul  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-type: square;
	font-size: 1em;
	color: #3F687E;
	margin-top: 10px;
	margin-bottom: 0px;
}

#mainContent #kids #appProcess {
	background-image: url(../_images/roundedRedCorners.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-left: 5px;
	width: 320px;
	height: 110px;
	position: relative;
}

#mainContent #kids #appProcess h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	margin-left: 5px;
}

#mainContent #kids #appProcess ol {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	margin-top: 10px;
	position: absolute;
	left: -35px;
}

#mainContent #kids #appProcess ol a:link, #mainContent #kids #appProcess ol a:visited {
	text-decoration: underline;
	color: #FFF;
}

#mainContent #incomeGuidelines {
	background-image: url(../_images/blueRoundedCornersGuidelines.gif);
	background-repeat: no-repeat;
	height: 215px;
	width: 450px;
	margin-left: 10px;
}
#mainContent #incomeGuidelines h2 {
	margin-bottom: 0px;
	padding-top: 10px;
}

#mainContent #incomeGuidelines h3 {
	font-size: 1em;
	margin-bottom: 3px;
	margin-top: 0px;
}

#mainContent #incomeGuidelines p {
	font-size: .9em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
#mainContent #register fieldset{
	width: 500px;
	border-color: #3F687E;
	border-width: 2px;
	margin-bottom: 20px;
}
#mainContent #register fieldset ol li {
	list-style-position: outside;
}


#mainContent #register legend {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #3F687E;
}

#mainContent #register #registerButton { 
	cursor: pointer;
}

#mainContent table#activityProviders {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: solid;
	border-width: 2px;
	border-collapse: collapse;
	border-color: #000;
}

table#activityProviders th {
	font-size: .8em;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	background: #3F687E;
	color: #fff;
	font-weight: bold;
	padding-left: 5px;
	border-bottom: solid 2px #000;
}

table#activityProviders tr {
	border-bottom: solid 2px #000;
	border-top: solid 2px #000;
}

table#activityProviders tr.noBottomBorder {
	border-bottom: none;
}

table#activityProviders td {
	line-height: 15px;
	padding-left: 5px;
	font-size: 0.75em;
	padding-right: 0px;
	height: 30px;
}

table#activityProviders td a:link, table#activityProviders td a:visited {
	text-decoration: none;
	color: #990000;
}

table#activityProviders td a:hover, table#activityProviders td a:active {
	text-decoration: underline;
}

#mainContent #donate {
	background-image: url(../_images/girlWithBook.jpg);
	background-repeat: no-repeat;
	height: 365px;
	margin-left: 10px;
	padding-top: 20px;
}


#mainContent #donate p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #3f687e;
	width: 350px;
	margin-top: -10px;
}

#mainContent #donate div {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../_images/roundedRedCornersDonate.gif);
	background-repeat: no-repeat;
	color: #FFF;
	height: 32px;
	width: 302px;
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative;
}

#mainContent #donate div h2 {
	color: #FFF;
	margin-bottom: 0px;
	font-size: 1em;
	margin-right: 0px;
	top: 3px;
	position: absolute;
}

#mainContent #donate div p {
	position: absolute;
	color: #fff;
	top: 16px;
	margin-left: 0px;
	left: 190px;
}

#mainContent #donate a:link, #mainContent #donate a:visited {
	text-decoration: underline;
	color: #fff;
}

#mainContent p.leftIndent {
	margin-left: 40px;
}

.bold {
	font-weight: bold;
}

.floatLeft {
	float: left;
	padding: 0;
	margin-top: -20px;
	margin-right: 15px;
}