body{
	background-color: #A6A6A6;
	background-image: url(images/backgroundBlue.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin: 0;
}

* {
margin: 0;
padding: 0;
}

.clearer{
	clear: both;
}

img{
	border: 0;
}

.floatLeft{
	position: relative;
	float: left;
	margin-right: 10px;
}

.floatRight{
	position: relative;
	float: right;
	margin-left: 10px;
}

.bold{
	font-weight: bold;
}

.underline{
	text-decoration: underline;
}

.center{
	text-align: center;
}


                                                               /*TEXT HEADERS*/	
.blueHeader{
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	color: #005496;
	font-weight: bold;
}
	

.blue{
	color: #005496;
}

.blueBold{
	color: #005496;
	font-weight: bold;
}

.orange{
	color: #ff5a24;
}

.orangeBold{
	color: #ff5a24;
	font-weight: bold;
}
                                                              /*WORD SPACING & INDENTS*/	



.closetWordSpacing{
	word-spacing: -0.22em;
}



.babysittingWordSpacing{
	word-spacing: -0.2em;
}

.indent{
	text-indent: 1em;
}






#wrapper{
	position: relative;
	width: 970px;
   	margin: 50px auto; 
   	border: 3px solid #ffffff;
   	background-color: #A6A6A6;
	text-align: center;
}

                                                           /*LEFT CONTENT AND LINKS*/


#leftContent{
	position: relative;
	float: left;
	width: 230px;
	margin-top: 250px;
	background-color: transparent;
	text-align: right;
}                                       
                                        
#leftContent a:hover{
   	color: #ffffff;
	text-decoration: none;
}

#aboutContainer{
	position: relative;
	float: left;
	background-color: transparent;
	width: 195px;
	height: 30px;
	padding-top: 8px;
	padding-right: 32px;
	font-weight: bold;
	font-size: 14px;	
}

#aboutContainer a{
	color: #005496; 
	text-decoration: none;
}

#aboutContainer a:hover{
	color: #f37936; 
	text-decoration: none;
}

#programsContainer{
	position: relative;
	float: left;
	background-color: transparent;
	width: 193px;
	height: 28px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 14px;	
}

#programsContainer a{
	color: #005496; 
	text-decoration: none;
}

#programsContainer a:hover{
	color: #f37936; 
	text-decoration: none;
}

#babysittingContainer{
	position: relative;
	float: left;
	background-color: transparent;
	width: 191px;
	height: 30px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 14px;	
}

#babysittingContainer a{
	color: #005496; 
	text-decoration: none;
}

#babysittingContainer a:hover{
	color: #f37936; 
	text-decoration: none;
}

#closetContainer{
	position: relative;
	float: left;
	background-color: transparent;
	width: 189px;
	height: 30px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 14px;
}

#closetContainer a{
	color: #005496; 
	text-decoration: none;
}

#closetContainer a:hover{
	color: #f37936; 
	text-decoration: none;
}

#helpUsContainer{
	position: relative;
	float: left;
	background-color: transparent;
	width: 187px;
	height: 30px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 14px;	
}

#helpUsContainer a{
	color: #005496; 
	text-decoration: none;
}

#helpUsContainer a:hover{
	color: #f37936; 
	text-decoration: none;
}

#parentingContainer{
	position: relative;
	float: left;
	background-color: transparent;
	width: 184px;
	height: 30px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 14px;	
}

#parentingContainer a{
	color: #005496; 
	text-decoration: none;
}

#parentingContainer a:hover{
	color: #f37936; 
	text-decoration: none;
}

#contactContainer{
	position: relative;
	float: left;
	background-color: transparent;
	width: 181px;
	height: 30px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 14px;	
}

#contactContainer a{
	color: #005496; 
	text-decoration: none;
}

#contactContainer a:hover{
	color: #f37936; 
	text-decoration: none;
}

#indexContainer{
	position: relative;
	float: left;
	background-color: transparent;
	width: 179px;
	height: 30px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 14px;	
}

#indexContainer a{
	color: #005496; 
	text-decoration: none;
}

#indexContainer a:hover{
	color: #f37936; 
	text-decoration: none;
}

#aboutDot{
	position: absolute;
	height: 23px;
	width: 23px;
	top: 256px;
	left: 205px;
}

#aboutDot a:hover{
	border: none;
} 

#programDot{
	position: absolute;
	height: 23px;
	width: 23px;
	top: 294px;
	left: 204px;
}

#programDot a:hover{
	border: none;
}    

#babysittingDot{
	position: absolute;
	height: 23px;
	width: 23px;
	top: 333px;
	left: 203px;
}

#babysittingDot a:hover{
	border: none;
}    

#closetDot{
	position: absolute;
	height: 23px;
	width: 23px;
	top: 371px;
	left: 205px;
}

#closetDot a:hover{
	border: none;
}    

#helpUsDot{
	position: absolute;
	height: 23px;
	width: 23px;
	top: 410px;
	left: 198px;
}

#helpUsDot a:hover{
	border: none;
}    

#resourcesDot{
	position: absolute;
	height: 23px;
	width: 23px;
	top: 448px;
	left: 197px;
}

#resourcesDot a:hover{
	border: none;
}    

#contactDot{
	position: absolute;
	height: 23px;
	width: 23px;
	top: 486px;
	left: 195px;
}

#contactDot a:hover{
	border: none;
}    

#indexDot{
	position: absolute;
	height: 23px;
	width: 23px;
	top: 525px;
	left: 193px;
}

#indexDot a:hover{
	border: none;
}                           



                                                               /*INDEX*/


#indexContent{
	position: relative;
	float: left;
	width: 970px;
	height: 766px;
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#rightLinks{
	position: relative;
	float: right;
	width: 200px;
	height: 50px;
	margin-top: 255px;
	margin-right: 40px;
}

.rightLinksContainer{
	position: relative;
	float: right;
	width: 180px;
	color: #f47937;
	font-weight: bold;
	font-size: 13px;
	text-align: right;
	margin-top: 5px;
}

.rightLinksContainer a{
	color: #f47937;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

.rightLinksContainer a:hover{
	color: #005496;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

#indexText{
	position: relative;
	float: left;
	width: 685px;
	margin-left: 25px;
	margin-top: 25px;
	word-spacing: -.1em;
} 

#unitedWay{
	position: absolute;
	left: 560px;
	top: 300px;
	width: 130px;
	height: 41px;
}

#quote{
	position: absolute;
	left: 15px;
	top: 600px;
	width: 175px;
	height: 200px;
	font-style: italic;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}

                                                         



                                                               /*CONTACT US*/	



#contactContent{
	position: relative;
	float: left;
	width: 970px;
	height: 766px;
	background-image: url(images/contactUs.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}	

#adminContactContainer{
	position: relative;
	float: right;
	margin-right: 20px;
	width: 305px;
	font-size: 11px;
	text-align: left;
}

#SWFICContactText{
	position: relative;
	float: right;
	width: 290px;
	margin-top: 330px;
	text-align: center;
	font-size: 12px;
}

#adminContactTextLeft{
	position: relative;
	float: left;
	width: 140px;
	margin-top: 20px;
	font-size: 11px;
}

#adminContactTextRight{
	position: relative;
	float: left;
	width: 155px;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 11px;
}
                                                         



                                                               /*CLOTHES CLOSET*/	



#closetContent{
	position: relative;
	float: left;
	width: 970px;
	height: 766px;
	background-image: url(images/clothesCloset.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#closetText{
	position: relative;
	float: right;
	margin-right: 30px;
	margin-top: 330px;
	width: 325px;
	text-align: left;
	font-size: 11px;
}	

#closetSaleContent{
	position: relative;
	float: left;
	width: 970px;
	height: 766px;
	background-image: url(images/clothesClosetSale.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#closetSaleText{
	position: relative;
	float: right;
	margin-right: 30px;
	margin-top: 330px;
	width: 325px;
	text-align: center;
	font-size: 11px;
}


                                                               /*BABYSITTING*/	



#babysittingContent{
	position: relative;
	float: left;
	width: 970px;
	height: 766px;
	background-image: url(images/babysitting.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#babysittingText{
	position: relative;
	float: right;
	margin-right: 25px;
	margin-top: 320px;
	width: 365px;
	text-align: justify;
	font-size: 11px;
}


                                                               /*HELP US*/	



#helpUsContent{
	position: relative;
	float: left;
	width: 970px;
	height: 766px;
	background-image: url(images/helpUs.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#helpUsText{
	position: relative;
	float: left;
	margin-top: 300px;
	width: 350px;
	margin-left: 20px;
	text-align: justify;
	font-size: 11px;
}


                                                               /*ABOUT US*/	



#aboutUsContent{
	position: relative;
	float: left;
	width: 970px;
	height: 766px;
	background-image: url(images/aboutUs.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#aboutUsText{
	position: relative;
	float: left;
	margin-top: 310px;
	margin-left: 25px;
	width: 700px;
	text-align: justify;
	font-size: 11px;
}


                                                               /*RESOURCES*/	



#resourcesContent{
	position: relative;
	float: left;
	width: 970px;
	height: 999px;
	background-image: url(images/resources.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#resourcesText{
	position: relative;
	float: left;
	margin-top: 310px;
	margin-left: 25px;
	width: 710px;
	text-align: left;
	font-size: 11px;
	word-spacing: -.125em;
	line-height: 1.125em;
}

#resourceLeftColumn{
	position: relative;
	float: left;
	margin-right: 40px;
	width: 320px;
	text-align: justify;
	font-size: 11px;
}

#resourceRightColumn{
	position: relative;
	float: left;
	width: 320px;
	text-align: justify;
	font-size: 11px;
}


                                                               /*PROGRAMS*/		



#programsContent{
	position: relative;
	float: left;
	width: 970px;
	height: 766px;
	background-image: url(images/programs.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#programsText{
	position: relative;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	width: 670px;
	text-align: justify;
	font-size: 11px;
	line-height: 1.2em;
}


                                                               /*PARENT EDUCATION*/		



#parentContent{
	position: relative;
	float: left;
	width: 970px;
	height: 1400px;
	background-image: url(images/programsAdults.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#parentText{
	position: relative;
	float: left;
	margin-top: 310px;
	margin-left: 25px;
	width: 670px;
	text-align: justify;
	font-size: 11px;
	line-height: 1.2em;
}


                                                               /*CHILDREN*/		



#childrenContent{
	position: relative;
	float: left;
	width: 970px;
	height: 866px;
	background-image: url(images/programsChildren.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#childrenText{
	position: relative;
	float: left;
	margin-top: 310px;
	margin-left: 25px;
	width: 670px;
	text-align: justify;
	font-size: 11px;
	line-height: 1.2em;
}

                                                        /* FOOTER STYLING */

#footer{
	position: relative;
	width: 970px;
	height: 20px;
	padding-top: 3px;
	margin: -40px auto 20px auto;
	background-color: transparent;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	font-size: 9px;
	text-align: center;
	line-height: 2em;
}

#footer a{
	color: #ffffff;
}

#creators{
	position: relative;
	width: 970px;
	margin: 20px auto 0px auto;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	font-size: 9px;
	text-align: center;
	line-height: 2em;
}

#creators a{
	color: #ffffff;
}