﻿.style1 {
	border-width: 0px;
	float: left;
	margin: -1px 5px 5px 5px;
}

body
{
	margin-top: 0px;
	background-color: #FFFFE6;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}

ul#navigation
{
	padding: 1px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
	list-style-type: none;
	font: bold 12px arial;
	border: 1px solid #00BF00;
}


#Container
 {
	height: auto;
	width: 795px;
	overflow: hidden;
}
#Header
{
	background-position: 100px bottom;
	width: 793px;
	height: 108px;
	overflow: hidden;
	background-image: url('images/GreenBar.jpg');
	background-repeat: repeat-x;
	background-color: #FFFF9F;
	margin-right: 2px;
}
#LeftNavigation
{
	width: 176px;
	float: left;
	clear: left;
	margin-top: 3px;
	height: auto;
}
#BodyContent
{
	margin-top: 1px;
	margin-right: 0px;
	background-position: -4px;
	margin: 4 0 0px 0;
	width: 616px;
	float: right;
	clear: right;
	height: 470px;
	background-image: url('images/middle_oval.jpg');
}

/* Home page oval corners*/

.TopOvalFrame
{
	background-position: -3px 0%;
	padding-top: 7px;
	margin: 0px 0px -3px 0px;
	background-image: url('images/TopOvalFrame.jpg');
	background-repeat: no-repeat;
}

.TopOvalFrame p
{
	margin: 0px 5px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #EE8F00;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFCC00;
	width: 595px;
}


#BottomOvalFrame
{
	margin: -10px 0px 0px 0px;
	background-position: -2px 0px;
	width: 616px;
	height: 16px;
	float: right;
	background-image: url('images/BottomOvalFrame.jpg');
	background-repeat: no-repeat;
}

/* this is for the rest of the pages*/
#BottomYellowFrame
{
	background-position: 1px 0px;
	width: 616px;
	height: 20px;
	float: right;
	background-image: url('images/BottomYellowFrame.jpg');
	background-repeat: no-repeat;
	
}

#TopYelloFrame
{
	background-position: -1px 1px;
	background-image: url('images/TopYellowFrame.jpg');
	background-repeat: no-repeat;
	width: 616px;
	height: 21px;
	float: right;
	margin-top: -1px;
}

/* Oval corners end here */

#Contacts
{
	background-position: -3px -2px;
	margin: 2px 0 6px 0px;
	float: left;
	clear: left;
	width: 175px;
	height: 165px;
	background-image: url('images/contacts.jpg');
	background-repeat: no-repeat;
}
#Contacts p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	padding: 3px 3px 7px 8px;
	margin-top: 9px;
	margin-left: 3px;
}

#Contacts a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


.Child
{
	float: left;
	margin: -1px 5px 5px 5px;
}
.Community
{
	float: left;
	margin: 9px 12px 12px 85px;
}
.AheadLogo
{
	width: 210px;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	float: right;
	margin-right: 7px;
	margin-top: 0px;
	letter-spacing: 1%;
	color: #000000;
	line-height: 14px;
}
.AheadLogo img
{
	margin-bottom: 2px;
	border: 0;
}



#TopImageFrame {
	width: 830px;
	height: 15px;
	background-image: url('images/header_bgroundA.jpg');
	background-position: 0px 24px;
	background-repeat: repeat-y;
	margin-top: 5px;
}
#MiddleImageFrame {
	width: 830px;
	height: auto;
	background-image: url('images/middle_bgroundA.jpg');
	background-repeat: repeat-y;
	background-position: 0;
}
#bottomImageFrame {
	width: 830px;
	height: 20px;
	background-image: url('images/footer_bgroundA.jpg');
	background-repeat: repeat-y;
	background-position: 0;
}



#MainContent {
	background-position: -5px;
	margin: 0 0 0 0;
	width: 616px;
	float: right;
	clear: right;
	height: auto;
	background-color: #FFFFCA;
	overflow: hidden;
	text-align: left;
	background-image: url('images/MiddleYellowFrame.jpg');
}
.Title {
	padding: 6px 6px 6px 1px;
	display: block;
	font-family: Arial;
	font-size: 1.6em;
	font-weight: normal;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CECE00;
	width: 547px;
	text-align: left;
	margin-top: -5px;
	float: left;
	margin-left: 23px;
	margin-bottom: 20px;
}
.WordContent {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: justify;
	width: 550px;
	margin-left: 25px;
	line-height: 16px;
}

.WordContentA {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: left;
	width: 550px;
	margin-left: 25px;
	line-height: 16px;
}

.MainContent li {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: left;
	width: 500px;
	vertical-align: top;
	
}
#MainContent strong {
	font-family: verdana;
	font-size: 14px;
	display: block;
	padding-bottom: 6px;
	color: #009F34;
	font-weight: bold;
}
.First {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
	text-align: left;
	width: 400px;
	line-height: 16px;
	float: left;
	height: 190px;
	clear: both;
	margin-right: 10px;
}
.Second {
	border: 1px solid #CECE00;
	text-align: left;
	width: 160px;
	line-height: 16px;
	float: right;
	height: 200px;
	clear: right;
	margin-right: 25px;
	background-color: #FFFFD9;
}
.Forums{
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 0px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	width: 132px;
}

.Third {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
	text-align: left;
	width: 600px;
	line-height: 16px;
	float: left;
	height: auto;
	clear: left;
	margin-top: 15px;
	margin-left: 0px;
	overflow: hidden;
}

#Footer {
	width: 830px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFE6;
	padding-top: 4px;
}
.ForumsParagraph {
	margin: 3px 6px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#GraySections {
	margin: 0.5em 0.3em 0 8px;
	width: 33em;
	height: auto;
	float: left;
	text-align: left;
}
#GraySections a{
	color: black;
	text-decoration: none;			
}
#GraySections a:hover{
	color: green;
	text-decoration: underline;			
}


#RightChildSection {
	width: 17em;
	height: 325px;
	float: right;
	margin-top: -13px;
	clear: right;
	background-image: url('images/yellowBg.jpg');
	background-repeat: no-repeat;
	background-position: 10% 97%;

}
.YoungChild{
	margin-right: 6px;
}
.donate{
	margin: 5px 6px 0 0;
}


.SectionStylingLeft {
	margin: 0.5em 0 0 0.2em;
	
}
.SectionStylingRight {
	margin: 0.5em 0.7em 0.3em 0;
}

.SectionStylingLeft {
	background-position: 0% 0%;
	background-color: #ECECEC;
	width: 190px;
	height: 140px;
	float: right;
	background-image: url('images/arrow.jpg');
	background-repeat: no-repeat;
	}

.SectionStylingRight {
	background-position: 0% 0%;
	background-color: #ECECEC;
	width: 190px;
	height: 140px;
	float: right;
	background-image: url('images/arrow.jpg');
	background-repeat: no-repeat;
	}

.SectionStylingRight p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	vertical-align: top;
	text-align: left;
	margin: 1px 0px 0px 18px;
	padding-right: 8px;
	padding-top: 2px;
	height: 103px;
	display: block;
}

.SectionStylingLeft p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	vertical-align: top;
	text-align: left;
	margin: 1px 0px 0px 18px;
	padding-right: 8px;
	padding-top: 2px;
	height: 103px;
	display: block;
}
.CircledArrow{
	display: block;
	float: right;
	margin-right: 5px;		
}

.SectionStylingRight p strong {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.SectionStylingLeft p strong {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.Funders li{
	float: left;
	display: inline;
	margin: 0 100px 23px 0;
	list-style-type: none;
	width: 180px;
	text-align: left;
}
/* Formating for the page Community_Group Support Section title Services Provided Begins here */

#CommunitySuportyLeft {
	float: left;
	width: 370px;
}

#CommunitySuportyLeft ul li {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}


#CommunitySuportyRight {
	width: 150px;
	float: right;
	text-align: center;
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
#Other{
	float: left;
	clear: both;
	width: 550px;
}

#Other ul li{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.Info{
	float: left;
	width: 550px;
}

#CommunitySuportyRight img{
	border: solid 1px;
	padding: 2px;
}


/* Formating for the page Community_Group Support Ends here*/

/* Format for the page Community Group Support information begins */

#LeftSectionLinks{
	width: 250px;
	float: left;
	margin-bottom: 5px;
	
}

#LeftSectionLinks li{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: square;
	text-align: left;
	vertical-align: middle;
	color: #660066;

}

#RightSectionLinks{
	width: 250px;
	float: left;
	margin-bottom: 5px;

}

#RightSectionLinks li{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: square;
	text-align: left;
	vertical-align: middle;
	color: #660066;

}
.TitleFrame{
	width: 213px;
	display: block;
	padding: 1px 2px 2px 4px;
	border: 1px solid #FFCC66;
	font-family: Arial;
	font-size: 12px;
	background-color: #FFFF99;
	margin-bottom: 5px;
}

.ContactusTitle{
	width: 213px;
	display: block;
	padding: 1px 2px 2px 4px;
	border: 1px solid #FFE7B3;
	font-family: Arial;
	font-size: 12px;
	background-color: #FFFF99;
	margin-bottom: 5px;
}



/* Format for the page Community Group Support information ends here */

/* Format for the page Community Group Support - Relevant websites begins here */
#FurtherInfo{
	width: 400px;
	float: left;
	margin-bottom: 10px;

}

#FurtherInfo li{
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: square;
	text-align: left;
	vertical-align: middle;
	color: #660066;
}

/* Format for the page Community Group Support - Relevant websites ends here */


/*Children and Yound people */

#One{
	width: 250px;
	float: left;
	margin-left: 20px;

}

#Two{
	
	margin-bottom: 20px;
	margin-right: 50px;
	float: right;
}

#Three{
	margin-left: 100px;
}

#Four{
	margin-left: 35px;
	margin-top: 25px;
	margin-bottom: 21px;
}

#Five{
	width: 500px;
	margin-left: 45px;
	margin-top: 40px;

}

#Six{
	width: 200px;
	margin-left: 250px; 
	margin-top: 15px;
	margin-bottom: 25px;
}

#Seven{
	width:300px;
	margin-left: 29px;
	margin-bottom: 15px;
}
#Eight{
	width: 250px;
	margin-left: 90px;
	margin-top: 5px;
	margin-bottom: 30px;
}

#Nine{
	width: 210px;
	margin-left: 30px;
	margin-bottom: 20px;

}

#Ten {
	width: 250px;
	margin-left: 70px;
	margin-top: 5px;
	margin-bottom: 30px;

}

#Eleven {
	width: 300px;
	margin-left: 190px;
}

/*Children and Yound people - end */


/*Children and Yound people Links page */

.ClassTwo{
	float: left;
	width: 100px;
	margin-bottom: 45px;
	padding-left: 10px;
	
}
.Classthree{
	float: left;
	width: 100px;
	margin-bottom: 30px;
	padding-left: 30px;
}

.ClassFour{
	width: 250px;
	float: left;
	margin-left: 20px;
	margin-bottom: 15px;

}

.ClassFive{
	float: left;
	clear: left;
	width: 250px;
	margin-left: 90px;
	margin-right: 70px;
	margin-bottom: 15px;


}
/* End Children and Yound people Links page */






