/*
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$100 - Clearfix Styles
*/


/* undohtml.css 
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited {text-decoration:none}
ul {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img {border:none}
address {font-style:normal}


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:#084176 url(http://www.bocachild.com/images/interface/body-bg.png) repeat-x;
	font:12px arial, verdana, sans-serif;
	color:#333;
	}

body#index-body {
	background:#032F56 url(http://www.bocachild.com/images/interface/body-bg.png) repeat-x;
	font:12px arial, verdana, sans-serif;
	color:#333;
	}
	
img.read-more {behavior:url(http://www.bocachild.com/js/iepngfix.htc);}

#large-container {
		background:#D6FFFF url(http://www.bocachild.com/images/interface/large-container-bg.png) repeat-x;
	}
	
	#inside-container {background:url(http://www.bocachild.com/images/interface/body-bg.png) 50% top no-repeat;
		}
	
#container {
	width:900px;
	margin:0 auto;
	padding-bottom:20px;
	}


#header {height:126px;}

#content-container {
	width:900px;
	padding-top:10px;
	margin-bottom:30px;
	background:white url(http://www.bocachild.com/images/interface/content-top.png) no-repeat;
	}
	
	#content-container-middle {
		background: url(http://www.bocachild.com/images/interface/content-middle.png) repeat-y;
		}
	
	#content-container-inside {
		width:840px;
		padding:25px 30px;
		background: url(http://www.bocachild.com/images/interface/content-bottom.png) left bottom no-repeat;
		}

	
#sidebar-left {
	
	}
	
#main-content {
	float:left;
	width:634px;
	}

#main-content.full_width {
	float:left;
	width:100%;
	}
	
#sidebar-right {
	float:right;
	width:170px;
	margin-top: 40px;
	}

#footer {
	width:100%;
	background:url(http://www.bocachild.com/images/interface/footer-bg.png) repeat-x;
	padding:15px 0;
	text-align:center;
	height:100px;
	}
	
body#index-body #footer {
	width:100%;
	background:url(http://www.bocachild.com/images/interface/index-footer-bg.png) repeat-x;
	padding:15px 0;
	text-align:center;
	height:auto;
	}
	
	#index-footer-container {
			width:900px;
			margin:0 auto 20px auto;
			color:white;
			text-align:left;
		}
	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

#header-top {
	width:900px;
	height:70px;
	line-height:33px;
	text-align:right;
	}

h2#header-phone { /* Header Replacement */
		width:167px;
		float:right;
    padding:17px 0 0 0;
    margin:10px 10px 0 0;
    overflow:hidden;
    background:url(http://www.bocachild.com/images/interface/header-phone.png) no-repeat;
    
    height: 0px !important;
    height /**/:17px;
}

#header-sign-in {
		font-size:12px;
		float:right;
		text-align:left;
		display:inline-block;
		height:33px;
		width:auto;
		color:white;
		padding:0 0 0 14px;
		background:url(http://www.bocachild.com/images/interface/header-top-left-bg.png) no-repeat;
	}
	

#header-sign-in span {
		height:33px;
		display:inline-block;
		padding:0 14px 0 0;
		background:url(http://www.bocachild.com/images/interface/header-top-right-bg.png) top right no-repeat;
	}
	
	html>body #header-sign-in span {display:block;}

#header-sign-in li {
		float:left;
		display:inline-block;
		color:#FDFEFE;
		font-size:10px;
		padding:0 3px;
		white-space:nowrap;
	}
	
	#header-sign-in a {
		color:#FDFEFE;
		text-decoration:underline;
		white-space:nowrap;
	}
	
	#header-sign-in a:hover {text-decoration:none;}


#header-logo-nav {width:900px;}

div#header-logo {
		width:228px;
		float:left;
    padding:0 0 0 20px;
    
    height: 0px !important;
    height /**/:27px;
}

h1#header-logo { /* Header Replacement */
		width:228px;
		float:left;
    padding:27px 0 0 0;
    overflow:hidden;
    background:url(http://www.bocachild.com/images/interface/header-logo.gif) no-repeat;
    
    height: 0px !important;
    height /**/:27px;
}

/* Header Nav Styles ///////*/

ul#header-nav-ul {
	float:right;
	width:446px; /* 530 with podcast button */
  margin: 0;
  padding:3px 0 0 0;
  height:28px;
  overflow: hidden;
  list-style: none;
}

ul#header-nav-ul li {
  margin:0 6px 0 0;
  padding:0;
  list-style: none;
 float:left;
}

ul#header-nav-ul a {
  float: left;
  padding: 28px 0 0 0;
  overflow: hidden;
  height: 0px !important; 
}

ul#header-nav-ul a:hover {
  background-position: 0 -28px;
}

ul#header-nav-ul a:active, ul#header-nav-ul a.selected {
  background-position: 0 -28px;
}

#nav-about a {
  width:86px;
  background:url(http://www.bocachild.com/images/interface/nav-about.png) no-repeat;
} 

#nav-articles a {
  width: 82px;
  background: url(http://www.bocachild.com/images/interface/nav-articles.png) no-repeat;
}

#nav-faqs a {
  width:49px;
  background: url(http://www.bocachild.com/images/interface/nav-faqs.png) no-repeat;
}

#nav-podcasts a {
  width:84px;
  background: url(http://www.bocachild.com/images/interface/nav-podcasts.png) no-repeat;
}

#nav-resources a {
  width:94px;
  background: url(http://www.bocachild.com/images/interface/nav-resources.png) no-repeat;
}

#nav-contacts a {
  width:96px;
  background: url(http://www.bocachild.com/images/interface/nav-contacts.png) no-repeat;
}
	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

#sidebar-right ul {margin-bottom:20px;}
	
	#sidebar-right li {margin-bottom:15px;}
		
		#sidebar-right li a {
			font:bold 14px arial;
			color:#DE147C;
			padding-left:8px;
			border-left:2px solid white;
			text-decoration: underline;
		}

		#sidebar-right li a:hover {
			color:#666666;
			padding-left:8px;
			text-decoration: none;
		}		
		#sidebar-right li#active a {
			color:#666666;
			padding-left:8px;
			border-left:2px solid #FF76E0;
			text-decoration: none;
		}
	#sidebar-right p {
		line-height: 18px;
	}	
	
/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

.the-sun {
		position:absolute;
		top:0;
		left:0;
	}

a,
a:link,
a:visited {

	}

a:hover {
 
	}


h1,h2,h3,h4,h5,h6 {
	
	}
	
#main-content h2 {color: #333333; font-size: 18px; margin: 15px 0 5px 0;}
#main-content h3 {color: #333333; font-size: 16px; margin: 15px 0 5px 0;}
	
h1.title {
	font:bold 24px arial;
	color:#666666;
	padding-bottom:8px;
	border-bottom:1px solid #D8D8D8;
	margin-bottom:20px;
	text-transform: capitalize;
	}


#main-content p {
	text-shadow: none;
	margin-bottom:10px;
	line-height:1.5;
	}

ol {
		padding-left:30px;
		font:20px georgia;
	}
	
	ol li {
		margin-bottom:12px;
		padding:0;
	}
	
	ol li p {
		margin-bottom:0;
		font:12px arial;
	}

ol#faq {

	margin: 0;
	padding: 0 0 0 25px;
	font:bold 14px arial, verdana;
}

	ol#faq li {
		margin-bottom:15px;
		padding:0;
	}
	
	ol#faq dl dd{
		margin:10px 0 20px 0;
	}
	
	ol#faq dl dd p {
		line-height: 18px;
	}

	
#main-content ul {
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
}

	#main-content ul li{
	margin: 5px 0 5px 0;
	padding: 0;
}	

#main-content a {
	color: #DE147C;
	text-decoration: underline;
}

#main-content a:hover {
	color: #DE147C;
	text-decoration: none;
}

img {border:none;}


form dl, form dt, form dd {
	padding: 0;
	margin: 0;
}

form dt {
	margin-bottom: .5em;
}

form dd {
	margin-bottom: 1em;
}

form label {
	font-weight: bold
}

form em {
	font-weight: bold;
	color: #CC0000;
}

form input {
	width: 250px;
	padding: 2px;
	color: #444;
}

form input.button {
	width: auto;
	padding: 0;
}

form textarea {
	width: 400px;
	height: 150px;
	font-family: inherit;
	color: #444;
}




/* Index Banner styles //*/

#index-banner-block {
		height:268px;
		background:url(http://www.bocachild.com/images/interface/index-banner-bg.png) right top no-repeat;
		overflow:hidden;
	}
	

	.index-banner-img {
			float:left;
			width:599px;
		}
	
	.index-banner-content {
		float:right;
		position:relative;
		width:251px;
		padding:20px 25px 0 25px;
		color:white;
	}

	.index-banner-content a {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	
	.index-banner-content a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.index-banner-content h2 {
			text-shadow: 0px 1px 0px #063764;
			color: white;
			font:bold 16px arial, verdana;
			margin: 0 0 5px 0;
		}
	
	.index-banner-content p {
			font:normal 12px arial, verdana;
			margin:0;
			padding: 0;
			line-height: 18px;
		}
		
		.input-float {margin-bottom:10px;}
		
		select {width:200px;}
		
		.index-banner-content ul {
				list-style:disc;
				padding-left:15px;
		}
		
		.pediatric-web {
				position:absolute;
				bottom:0;
				right:20px;
			}


/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/

#footer a {
	color:white;
	text-decoration:underline;
}

#footer a:hover {
	color:white;
	text-decoration:none;
}

#footer-left {
		float:left;
		width:280px;
		margin-right:20px;
	}

#footer-middle {
		float:left;
		width:280px;
	}

#footer-right {
		float:right;
		width:280px;
		/* background:url(http://www.bocachild.com/images/interface/podcasts-bg.jpg) bottom right no-repeat; */
	}
	
	#footer-right p.desc {
			margin-bottom:30px;
			padding-right:105px;
		}
		
	#footer-right li {margin-bottom:5px;}
	
	#footer-right h3 {
			text-shadow: 0px 1px 0px #063764;
			font-size: 16px;
			margin-bottom:10px;
		}
	#footer-right h4 {
			text-shadow: 0px 1px 0px #063764;
			font-size: 14px;
			margin-bottom: 4px;
	}	
	
	#footer-right h1 {
			text-shadow: 0px 1px 0px #063764;
			font:bold 14px arial;
			margin-bottom:10px;
		}
		
	#footer-right p {
		margin: 10px 0;
	}	
	
	#footer-right a {
		color:white;
		text-decoration:underline;
	}
	
	#footer-right a:hover {
		color:white;
		text-decoration:none;
	}

h2.header-location { /* Header Replacement */
    padding:26px 0 0 0;
    overflow:hidden;
    background:url(http://www.bocachild.com/images/interface/header-location.png) no-repeat;
    margin-bottom:10px;
    height: 0px !important;
    height /**/:20px;
    border-bottom:1px solid white;
}


h2.header-sick { /* Header Replacement */
    padding:26px 0 0 0;
    overflow:hidden;
    background:url(http://www.bocachild.com/images/interface/header-sick.png) no-repeat;
    margin-bottom:10px;
    height: 0px !important;
    height /**/:20px;
    border-bottom:1px solid white;
}


h2.header-faqs { /* Header Replacement */
    padding:26px 0 0 0;
    overflow:hidden;
    background:url(http://www.bocachild.com/images/interface/header-faqs.png) no-repeat;
    margin-bottom:10px;
    height: 0px !important;
    height /**/:20px;
    border-bottom:1px solid white;
}


h2.header-podcasts { /* Header Replacement */
    padding:26px 0 0 0;
    overflow:hidden;
    background:url(http://www.bocachild.com/images/interface/header-podcasts.png) no-repeat;
    margin-bottom:10px;
    height: 0px !important;
    height /**/:20px;
    border-bottom:1px solid white;
}

.footer-copy {
		font-size: 11px;
		text-align:center;
	}
	
	.footer-copy {
		width:900px;
		margin:15px auto 10px auto;
		color:#c8f9ff;
	}
	
	.footer-copy a {
		color:#c8f9ff;
		text-decoration:underline;
	}
	
	.footer-copy a:hover {text-decoration:none;}
	
	.read-more {
			margin: 10px 0 0 140px;
		}

/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;display:inline-block;}
/* End hide from IE-mac */