@charset "iso-8859-1";
body {
	background-color: #FF7F00;
}

#top {
	width:864px;
	height:49px;
	background-color: #0066CC;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 5px;
	border-left-color: #FFFF33;
	border-left-style: solid;
	border-right-width: 5px;
	border-right-color: #FFFF33;
	border-right-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;

}


#top-left {
	width:128px;
	height:49px !important;
	background-image:url(images/top-left-box.jpg);
	background-repeat: no-repeat;
	background-position: left;
	float:left;
	color:#0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important;
}





#menu-left {
	width:152px;
	float:left;
	background-color: #0066CC;
	margin-top:18px;
	display:block; 

}


#menu {
background-color:#000000;
height:35px;
width:584px;
float:left;
display:block;  
	margin-top:18px;
}



#logo-container {
	background-color:#FFFFFF;
	width: 864px;
	height: 264px;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 5px;
	border-left-color: #FFFF33;
	border-left-style: solid;
	border-right-width: 5px;
	border-right-color: #FFFF33;
	border-right-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;

}


#logo{
background-color:#ffffff;
height:264px;
width:467px;
float:left;
display:block;  
}


#flash{
background-color:#ffffff;
height:264px;
width:396px;
float:left;
display:block;  
}


#main {
	background-color:#FFFFFF;
	width: 864px;
	height: 1270px;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 5px;
	border-left-color: #FFFF33;
	border-left-style: solid;
	border-right-width: 5px;
	border-right-color: #FFFF33;
	border-right-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;

}


#main-left {
	background-color:#0066CC;
	width: 172px;
	height: 1270px;
	margin-left: auto;
	margin-right: auto;
	float:left;
	display:block;  
	text-align: left;
	display:block;
	border-right-width: 5px;
	border-right-color: #FFFF33;
	border-right-style: solid;

}








#main-left ul
{
list-style-type: none;
padding: 0;
margin-right: 0;
}

#main-left li
{
background-image: url(http://1914718.sites.myregisteredsite.com/images/white-square-bullet.jpg);
background-repeat: no-repeat;
padding-left: .6em;
padding-right: .9em;
background-position: 0 .2em;
}






#main-middle {
	background-color:#ffffff;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	float:left;
	display:block;  
	padding-left:10px;
	margin-top:10px;
}

#main-middle-content {
	background-color:#ffffff;
	width: 210px;
	margin-left: 10px;
	padding-right: auto;
float:left;
display:block;  
}

#main-right {
	background-color:#ffffff;
	width: 330px;
	margin-left: 20px;
	margin-right: 0px;
	float:left;
	display:block;
	text-align: center;
}



#donate-home {
float:right;
width: 100px;
}


#about-box {
width: 300px;
border-color: #0066CC;
border-style:thin-line;
margin-bottom: 20px;
padding: 10px;
  margin-left: auto ;
  margin-right: auto ;


}

#quote {
width: 630px;
float:left;
margin-left: auto ;
margin-right: auto;



}


#upcoming-events {
width: 300px;
height: 573px;
background-color: #FFFF7F;
margin-bottom: 15px;
padding-top: 3px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 0px;
  margin-left: auto ;
  margin-right: auto ;


}

#volunteer-home {
float:right;
width: 100px;

}

#main1{
background-color:#0066CC;
width:164px;
float:left;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
display:block;
	
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;

  
}

#main2{
background-color:#0066CC;
width:164px;
float:left;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
display:block;
border-bottom-width: 5px;
border-bottom-color: #FFFF33;
border-bottom-style: solid;
}


#main3{
background-color:#0066CC;
width:164px;
height: 140px;
float:left;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
display:block;
	
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;
}

#main4{
background-color:#0066CC;
width:164px;
float:left;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
display:block;
	
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;
  
}


#main5{
	background-color:#0066CC;
	width:164px;
	float:left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	display:block;
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;
	text-align: center;  
}

#main6{
background-color:#0066CC;
width:164px;
float:left;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
display:block;
	

  
}

#main-left a:link {color: #FFFF33;}
#main-left a:visited {color: #ffffff;}
#main-left a:active {color: #FFFFFF;}
#main-left a:hover {color: #FFFF33;}

a:link {color: #FF944C;}
a:visited {color: #FF944C;}
a:active {color: #FF944C;}
a:hover {color: #FF944C;}



.homeheaders {
	font-family: Helvetica, Arial, sans-serif;
	color: #009900;
	font-weight: bold;
	font-size: medium;
}


.main {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
}



.about-home {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: normal;
	font-style: italic;
}


.left-home {
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
}


#main-left H1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

#main-left H2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}






/* menu*/  

#social {    
background:url("http://www.brightbeginningsinc.org/images/bright-beginnings-menu2.gif") 0 0 no-repeat;  
width:584px;  
height:35px;  
margin:0;  
padding:0;  
}  

#social li span { 
display: none; 
}  


#social li {  
height:35px;    /* Each button must have the same height, define it here */  
display:block;  
margin:0;  
padding:0;
float:left;
} 

#social a {  
height:35px;    /* Each button must have the same height, define it here */  
display:block;  
margin:0;  
padding:1;
}  
 
li#contact {
margin-bottom:0px;
width:77px; 
}  

li#about{
margin-bottom:0px;
width:60px; 
}  

li#programs{
margin-bottom:0px;
width:71px; 
} 

li#events{
margin-bottom:0px;
width:53px; 
}  

li#help{
margin-bottom:0px;
width:114px; 
}  

li#learn{
margin-bottom:0px;
width:78px; 
}  


li#stumble { margin:0; } 


#about a:hover { background:url("http://www.brightbeginningsinc.org/images/bright-beginnings-menu2.gif") 0px  -32px no-repeat; }  
#programs a:hover { background:url("http://www.brightbeginningsinc.org/images/bright-beginnings-menu2.gif") -60px  -32px no-repeat;}  
#events a:hover { background:url("http://www.brightbeginningsinc.org/images/bright-beginnings-menu2.gif") -131px  -32px no-repeat; }  
#help a:hover { background:url("http://www.brightbeginningsinc.org/images/bright-beginnings-menu2.gif") -184px  -32px no-repeat; }  
#learn a:hover { background:url("http://www.brightbeginningsinc.org/images/bright-beginnings-menu2.gif") -298px -32px no-repeat; }  
#contact a:hover { background:url("http://www.brightbeginningsinc.org/images/bright-beginnings-menu2.gif") -376px -32px no-repeat; }  


/* inner CSS*/ 

#top-inner {
	width:685px;
	height:49px;
	background-color: #0066CC;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;
	float:right;
	display:block;  

}

#main-inner {
	background-color:#FFFFFF;
	width: 864px;
	height: 1405px;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 5px;
	border-left-color: #FFFF33;
	border-left-style: solid;
	border-right-width: 5px;
	border-right-color: #FFFF33;
	border-right-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #FFFF33;
	border-bottom-style: solid;

}

#main-left-inner {
	background-color:#0066CC;
	width: 172px;
	height: 1405px;
	margin-left: auto;
	margin-right: auto;
	float:left;
	display:block;  
	text-align: left;
	border-right-width: 5px;
	border-right-color: #FFFF33;
	border-right-style: solid;

}

#main-newsletter{
background-color:#0066CC;
width:164px;
float:left;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
display:block;
	
	border-top-width: 5px;
	border-top-color: #FFFF33;
	border-top-style: solid;
}

.left-inner {
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
}

#main-left-inner a:link {color: #FFFFFF;}
#main-left-inner a:visited {color: #2DA8EF;}
#main-left-inner a:active {color: #FFFFFF;}
#main-left-inner a:hover {color: #FFFF33;}

a:link {color: #007AD3;}
a:visited {color: #007AD3;}
a:active {color: #007AD3;}
a:hover {color: #000000;}


#menu-inner {
background-color:#000000;
height:35px;
width:447px;
float:right;
display:block;  
margin-top:18px;
}









/* inner menu*/  

#social-inner {    
background:url("http://www.brightbeginningsinc.org/images/menu-inner.gif") 0 0 no-repeat;  
width:453px;  
height:35px;  
margin:0;  
padding:0;  
}  

#social-inner li span { 
display: none; 
}  


#social-inner li {  
height:35px;    /* Each button must have the same height, define it here */  
display:block;  
margin:0;  
padding:0;
float:left;
} 

#social-inner a {  
height:35px;    /* Each button must have the same height, define it here */  
display:block;  
margin:0;  
padding:1;
}  
 
li#contact-inner {
margin-bottom:0px;
width:78px; 
}  

li#about-inner{
margin-bottom:0px;
width:60px; 
}  

li#programs-inner{
margin-bottom:0px;
width:70px; 
} 

li#events-inner{
margin-bottom:0px;
width:53px; 
}  

li#help-inner{
margin-bottom:0px;
width:114px; 
}  

li#learn-inner{
margin-bottom:0px;
width:78px; 
}  


li#stumble { margin:0; } 


#about-inner a:hover { background:url("http://www.brightbeginningsinc.org/images/menu-inner.gif.gif") -1px  -32px no-repeat; }  
#programs-inner a:hover { background:url("http://www.brightbeginningsinc.org/images/menu-inner.gif") -60px  -32px no-repeat;}  
#events-inner a:hover { background:url("http://www.brightbeginningsinc.org/images/menu-inner.gif") -130px  -32px no-repeat; }  
#help-inner a:hover { background:url("http://www.brightbeginningsinc.org/images/menu-inner.gif") -183px  -32px no-repeat; }  
#learn-inner a:hover { background:url("http://www.brightbeginningsinc.org/images/menu-inner.gif") -297px -32px no-repeat; }  
#contact-inner a:hover { background:url("http://www.brightbeginningsinc.org/images/menu-inner.gif") -375px -32px no-repeat; }  


#footer {
	background-color:#FF944C;
	width: 864px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
}		

#footer a{
	background-color:#FF944C;
	width: 864px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
}