/*

Tiny Babies Foundation Stylesheet 



Site Design & Development - Hillman B2



*/







body {

	margin: 0;

	padding:0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.5em;

	width:100%;

	background: url('../images/pink_bg.jpg') repeat; 

}





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

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

 

 

.emphasis {font-weight:700; padding-right:5px;}

.highlight {color:#8b0000;}



.floatl {margin:5px, 5px; float:left}

.floatr {margin-5px, 5px; float:right}



blockquote.style1 {

  width:500px;

  font-size:15px;

  font-style:italic;

  color:#474747;

  margin-left:auto;

  margin-right:auto;

  text-indent:25px;  

  background-image: url('../images/quote_open.gif');

  background-position: top left;

  background-repeat: no-repeat;

  padding-top:7px;

  border:0 solid #ff0000; 

}

  

blockquote.style1 span {

     display:block;

     background-image: url('../images/quote_close.gif');

     background-position: bottom right;   

     background-repeat: no-repeat;

}





#page_wrapper {

	width:766px;

	height:auto;

	margin-left: auto;

	margin-right:auto;

	padding-bottom:7px;

	margin-bottom:15px;

	background: #3A5FCD;

	border:0 dotted #00ffff;



}



#header_background {

	width:755px;

	margin-left:5px;

	height:395px;	

	border:0 solid #FFFF00;



}	



/*********************************************************INDEX HTM STYLES START ***********************/





#index_feature_frame, #index_bottom_frame {

	width: 532px;

	height: 190px;

	padding-left:17px;

	margin-top: 65px;

	margin-left:auto;

	margin-right:auto;

	border:0 solid #00008b;

}



.feature_hdr {

	width:170px;

	height:22px;

	padding-top:8px;

	margin-right:3px;

	background:#fff;

	text-align:center;

	float:left;

	border:1px solid #b0e0e6;

}



.feature_bdy {

	width:170px;

	height:148px;

	margin-right:3px;

	text-align:center;

	background:#fff;

	float:left;

	border:1px solid #b0e0e6;

}



#index_bottom_frame {

	width:351px;

	height:235px;	

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	margin-top:60px;

}



.feature_img {

	width:117px;

	height:80px;

	margin-right:3px;

	text-align:center;

	background:#fff;

	float:left;

	border:1px solid #b0e0e6;

}



/*********************************************************INDEX HTM STYLES END ***********************/









#top_images_container {

	width: 290px;

	height:49px;

	margin-top:-38px;

	margin-right:-13px;

	float:right;

	border:0 dotted #999;

}



#top_image1, #top_image2, #top_image3, #top_image4 {

	width:72px;

	height:51px;

	float:left;

	border:0 solid #999;

}



.tbf_list ul{

	list-style:none;

	margin:0;

	padding:0;

}



.tbf_list li {

	list-style:none;

	margin-left:-40px;

	padding-left:20px;

	background: url(../images/crumb.gif) no-repeat;

	background-position:5px 3px;

}







#intro_box {

	width:520px;

	margin-top:35px;

	margin-left: auto;

	margin-right:auto;	

	font-size:1.2em;

	line-height:135%;

	color:#3b3b3b;

	padding-top:10px;

	padding-bottom:15px;

	padding-left:5px;

	padding-right:5px;

	border:2px solid #b0e0e6;

	background:#fff;

}





.information_hdr {

	width:520px;

	height:20px;

	text-transform:uppercase;

	margin-left:auto;

	margin-right:auto;	

	text-align:center;

	font-weight:bold;

	color:#00008b;

	margin-top:15px;	

	background:url('../images/sub_hdr_bg.jpg');

	border:1px solid #eea9b8

}



.information_content {

	width:510px;

	height:120px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:10px;	

	padding:5px;

	font-size:12px;

	border:1px solid #999;

}





#small_feature_frame {

	width: 500px;

	height:150px;

	padding-left:20px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:5px;

	border:0 dotted #8b0000;

}



.small_feature_container {

	width:160px;

	height:20px;

	border:0 solid #000;

	float:left;

}



.small_feature_hdr {

	width:154px;

	height:20px;

	text-transform:uppercase;

	font-weight:bold;

	color:#00008b;

	text-align:center;

	border:1px solid #eea9b8;

	background:url('../images/sub_hdr_bg.jpg') no-repeat;

}



.small_feature_bdy, #small_feature_img {

	width:150px;

	height:110px;

	padding:2px;

	border:1px solid #999;

}



#small_feature_img {

	width:130px;

	height:130px;

	padding:none;

}



#panel_left, #panel_right {

	width:350px;

	border:0 dotted #999

}



#panel_left {padding-top:5px; float:left;}

#panel_right {width:150px; margin-left:360px; text-align:center;}





#sponsor_boxx {

	width:520px;

	width:400px;

	height:52px;

	margin-top:80px;

	margin-left: auto;

	margin-right:auto;	

	text-align:center;

	font-size:1.2em;

	line-height:135%;

	color:#3b3b3b;

	padding-top:3px;

	padding-left:25px;

	padding-right:5px;

	border:2px solid #b0e0e6;

	background:#fff;

}



 #safekids_frame {

	width:442px;

	height:140px;

	text-align:center;

	margin-right:auto;

	margin-left:auto;

	border:1px solid #000;

}





/*********************************************** LACTATION SUPPORT HTM STYLES START *************************/



#mid_feature_frame {

	width: 500px;

	height:150px;

	padding-left:20px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:5px;

	border:0 dotted #8b0000;

}



.mid_feature_container {

	width:370px;

	height:20px;

	border:0 solid #000;

	float:left;

}







.mid_feature_hdr {

	width:370px;

	height:20px;

	text-transform:uppercase;

	font-weight:bold;

	color:#00008b;

	text-align:center;

	border:1px solid #eea9b8;

	background:url('../images/sub_hdr_bg.jpg');

}



.mid_feature_bdy, #mid_feature_img {

	width:366px;

	height:110px;

	padding:2px;

	border:1px solid #999;

}







#mid_feature_img {

	width:130px;

	height:133px;

	margin-left:372px;

	background:#fff;

	border-left:none;

	padding:none;

}









/*********************************************** LACTATION SUPPORT HTM STYLES END *************************/



.step_box {

height: 20px;

width:75px;

background: #3A5FCD; 

border:1px solid #9AC0CD;

margin-bottom:5px;

font:bold 10pt verdana, arial, verdana, sans-serif;

color:#F8F8FF;

text-align:center;

}



.step_header {

	color: #454545;

	font: bold 14px verdana, arial, sans-serif;

}



#left_sidebar {

	margin-left:5px;

	border:0 dotted #999;

	text-align:center;

	float:left;

}



.left_content  {

	width: 160px;

	margin: 10px 0 0 0;

	padding-left:4px;

	border:0 dotted #ff00ff;	

	position:absolute;

}





.left_content h1 {

	margin: 0 0 10px 0;

	padding: 0;

	color: #0000FF;

	font-family: Arial;

	font-size: 14px;	

}



.left_content h2 {

	margin: 10px 0 0 0;

	padding: 0;

	color: #B22222;

	font-family: Arial;

	font-size: 12px;	

}



.left_content p {

	margin: 5px 0 0 0;

	padding: 0 0 5px 0;

	color: #000;

	font-family: Arial;

	font-size: 11px;

	border-bottom: dotted 1px #000;

}





#right_col {		

	width: 561px;

	height:865px;

	margin-left:180px;

	margin-top:-20px;	

	padding-bottom:20px;

	padding-left:10px;

	padding-right:10px;

 	background: url('../images/pink_bg.jpg') repeat;

 	border:0 solid #00FF00;

}





.center_page_area {
	margin: 1px 0 0 0;
	padding-top:1px;
	border:0 solid #fff;
	text-align: left;

}



.center_page_area h1 {

	margin: 0 0 10px 0;

	padding: 0;

	color: #000080;

	font-family: Arial;

	font-size: 17px;

}



.center_page_area p {

	margin: 0 0 10px 0;

	line-height:1.7em;

	font-size:14px;

	padding: 0;

	color: #454545;

	font-family: Arial;

}



.center_page_area img {

	float: right;

	margin: 0 0 10px 10px;

	padding: 0;

}







/*

#mob_program_caption {

	margin-top:20px;

	width:100%;

	height:20px;

	text-align:center;

	font-size:12px;

	font-style:italic;

	color:#00008b;

}	



	

#mob_program_window {

	margin-top:2px;

	width:352px;

	height:235px;

	border:1px outset #b0e0e6;

	margin-left:auto;

	margin-right:auto;

}	

*/





.gallery_title {

	width: 540px;

	background: #0000FF;

	/*background: #177b2f;*/

	font-family: Arial;

	font-size: 13px;

	font-weight: bold;

	color: #fff;

	margin: 0;

	padding: 5px 0 5px 5px;

}



.gallery .tbf_picture {

	margin: 10px 0 0 0;

	padding: 0;

}



.tbf_picture .highslide-gallery img {

	float:left;

	margin: 0 15px 10px 0;

	padding: 0;

}







#content_area #footer{

	background-color: #f5989d;

	border: 2px solid #E76D71;

	color: #B22222

	font-family: Arial;

	font-size: 12px;

	text-align: center;

	margin: 10px 0;

	padding: 5px 0;

	top:800px;

	position:absolute;

}





#copyright {

	width:770px;

	font-family: Arial;	

	color: #b22222;	

	font-size: 12px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:20px;

	

	text-align: center;

	background-color: #f5989d;

	border: 1px solid #E76D71;

}



	

#copyright a {

	color: #000;

	text-decoration: underline;

	position:absolute;

}



#copyright a:hover {

	color: #990000;

	text-decoration: none;

}





#footer a {

	color: #000;

	text-decoration: underline;

}



#footer a:hover {

	color: #990000;

	text-decoration: none;

}





/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */





#horizontal_menu {

	

	width:756px;

	height:36px;

	margin-left:5px;

	margin-top:0;

	border:0 solid #00FFFF;

}





.droplinebar{

overflow: hidden;

}



.droplinebar ul{

margin: 0;

padding: 0;

float:left;

width: 100%;

height:36px;

background: #EEA2AD; /*default background of menu bar*/;

font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Arial

}



.droplinebar ul li{

display: inline;

}



.droplinebar ul li a{

float:left;

color: #0000FF;

padding: 3px 11px;

text-decoration: none;

}



.droplinebar ul li a:visited{

color: #0000FF;

}



.droplinebar ul li a:hover{

	background: color:#63B8FF;

	color:#FFFFFF;

}



.droplinebar ul li, .current {

	color:#B0E2FF;

}



.droplinebar ul li { /*background of main menu bar links onMouseover*/

color: white;

}



/* Sub level menus*/

.droplinebar ul li ul{

position: absolute;

z-index: 100;

left: 0;

top: 0;

background: #FFB6C1; /*sub menu background color */

visibility: hidden;

}



/* Sub level menu links style */

.droplinebar ul li ul li a{

font: normal 13px Verdana;

padding: 6px;

padding-right: 8px;

margin: 0;

height:22px;

border-bottom: 2px solid #CD8C95;

}



.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */

background: #63B8FF;

}







/************************************************** BOX OVER STYLES START *********************************/



 #gallery_container {

	width:540px;

	height:70px;

	margin-top:135px;

	margin-left:-11px;

	position:absolute;

	border:0 solid #000;

}





#mob_gallery_images {

	width:550px;

	height:81px;

 	text-align:left;

	border:0 dotted #FF0000;



}







 #gallery_container_index {

	width:540px;

	height:70px;

	margin-top:40px;

	margin-left:auto;

	margin-right:auto;

	border:0 solid #000;

}





#mob_gallery_images_index {

	width:550px;

	height:81px;

 	text-align:left;

	border:0 dotted #FF0000;



}





#box1, #box2, #box3, #box4, #box5, #box6,#box7, #box8, #box9 {

	width:85px;

	height:57px;

	margin-top:8px;

	font-size:.75em;

	border:1px solid #999;	

	float:left;

	text-align:center;



}



#box1 {margin-left:5px;}



/*#box1 {

	width:80px;

	height:110px;

	margin-left:1px;

	margin-top:-22px;

	font-size:.75em;

	border:1px solid #fff;	

	text-align:center;

}



#box2 {

	width:80px;

	height:110px;

	margin-left:-1px;

	margin-top:-22px;

	font-size:.75em;

	border:1px solid #fff;	

	text-align:center;

}*/









 

 .imghdr { 

    width:426px;

    background:#ECF1EF;

    border:1px solid #C4D5E3;

    font-weight:bold;

    color:#B22222;

    padding:10px;

    font-family:arial, verdana, sans-serif;

  	text-align:center;

  	

}



.imgbdy {

    width:426px;

    background:#FFFFFF;

    border-left:1px solid #C4D5E3;

    border-right:1px solid #C4D5E3;

    border-bottom:1px solid #C4D5E3;

    padding:10px;

    text-align:center;

 }



/************************************************** BOX OVER STYLES END *********************************/





.cleaner {

	clear: both;

	height: 0;

	margin: 0;

	padding: 0;

	border:0 solid #00ffff;

}



.clear {clear:both}

#sub_box_spacer {width:170px; height: 20px; margin-left:30px; 1px; border:1px solid #00008b; clear:right;}	



.clear_5	{width:100%; height: 5px; font-size: 1px;}								

.clear_10	{width:100%; height:10px; font-size: 1px;}

.clear_15   {width:100%; height:15px; font-size: 1px;} 

.clear_20	{width:100%; height:20px; font-size: 1px;}

.clear_30   {width:100%; height:30px; font-size: 1px;}

.clear_40   {width:100%; height:40px; font-size: 1px;}

.clear_50   {width:100%; height:50px; font-size: 1px;}





.spacer_05 { width: 100%; height:  5px; font-size: 1px; }

.spacer_10 { width: 100%; height: 10px; font-size: 1px; }

.spacer_20 { width: 100%; height: 20px; font-size: 1px; }

.spacer_30 { width: 100%; height: 30px; font-size: 1px; }

.spacer_40 { width: 100%; height: 40px; font-size: 1px; }

.spacer_50 { width: 100%; height: 50px; font-size: 1px; }