﻿/* Bariatric Styles */

#mainContent {
	position: relative;
}
#mainContent .content {
	background: url(/images/family-place/bkgd-family-place.gif) 0 0 no-repeat;
	padding: 90px 25px;
}
#mainContent h2
{
	color: #003366;
	margin: 10px 0 5px 0;
}
#mainContent h3
{
	margin-bottom: 5px;
}

#mainContent .content .content 
{
	background-image: none;
}

.bariatricHome 
{
	position: relative;
}

.bariatricHome .mainBg 
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

.bariatricHome #infoLinks
{
	position: absolute;
	left: 25px;
	top: 288px;
	width: 393px;
	padding: 17px;
	border: solid #336633 1px;
	background-color: #eaefea;
	z-index: 600;
}

.bariatricHome #infoLinks ul
{
	float: left;
	width: 45%;
	margin-top: 5px;
}

.bariatricHome #infoLinks h3
{
	font-size: 18px;
	color: #003366;
	margin-bottom: 10px;
}

.bariatricHome #infoLinks a
{
	font-size: 14px;
	color: #336633;
}

.bariatricHome #infoLinks li 
{
	background-image: url(/images/bariatric/arrow-dk-green.gif);
	background-position: 0 3px;
	line-height: normal;
}

#ctaLinks
{
	width: 201px;
	padding: 16px;
	border: solid #336633 1px;
	background-color: #eaefea;
}

#ctaLinks a
{
	font-size: 14px;
	color: #003366;
}

.bariatricHome #ctaLinks
{
	width: 250px;
	float: right;
	padding: 0;
	border: none;
	background-color: #fff;
}

.bariatricHome #ctaLinks a
{
	font-size: 17px;
}

#ctaLinks li 
{
	background-image: url(/images/bariatric/arrow-dk-blue.gif);
	background-position: 0 3px;
	line-height: normal;
}

#ctaLinks h3
{
	color: #336633;
	font-size: 24px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1.1em;
	margin:0 0 0.5em;
}

.bariatricHome #featureSection 
{
	position: absolute;
	top: 85px;
	left: 25px;
	z-index: 400;
	padding: 0;
}

.bariatricHome #featureSection .content 
{
	width: 428px;
	margin: 0;
}

.bariatricHome #featureSection h2 
{
	font-weight: normal;
	margin-top: 5px;
}

.bariatricHome #featureSection h2 em 
{
	background: url(/images/bariatric/brush-stroke.gif) right 26px no-repeat;
	overflow: visible;
}

.bariatricHome #featureSection h3 
{
	color: #336633;
}

.bariatricHome #featureSection .content p
{
	line-height: 1.6em;
}

#bariatricHeader {
	height: 72px;
	width: 700px;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 25px;
	z-index: 500;
	zoom: 1;
}

.bariatricHome #bariatricHeader {
	height: 270px;
	width: 646px;
	padding: 20px 25px 0 25px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 500;
}

#bariatricHeader h1 {
	font-size: 34px;
	letter-spacing: -2px;
	color: #003366;
	line-height: normal;
	padding-bottom: 7px;
	border-bottom: solid 1px #bbcbdd;
	zoom: 1;
}

#bariatricHeader h1 a{
	color: #003366;
	text-decoration: none;
}

#bariatricHeader h1 a:hover {
	text-decoration: none;
	border-bottom: solid 1px #003366;
}

.bariatricHome #bariatricHeader h1 {
	width: 428px;
}

#bariatricNavWrap {
	position: absolute;
	top: 16px;
	right: 0;
	width: 380px;
	z-index: 800;
}

#bariatricNavWrap li {
	background: none;
	padding: 0;
}

#bariatricNavWrap li a{
	background: url(/images/bariatric/arrow-pink.gif) left 5px no-repeat;
	padding: 3px 0 3px 0;
	margin-left: 15px;
}

#bariatricNavWrap li li {
	background-image: none;
	padding: 0;
}

#bariatricNavWrap li li a {
	background-image: none;
	padding: 3px 0 3px 12px;
	margin-left: 20px;
}

#bariatricNavWrap li.first a {
	margin-left: 0;
}

#bariatricNavWrap ul ul {
    float: none;
    padding-left: 0;
    background-image: none;
    background: #fff;
}

#bariatricNavWrap ul ul { border-color: #ccc; padding-left: 0;}
#bariatricNavWrap li.dd a {
    background: url(/images/arrow-down.gif) 0 2px no-repeat;
    padding-left: 12px;
}

#bariatricNavWrap li.dd li a {
    background-image: none;
}

#bariatricNavWrap li ul
{
	border: solid #6693d1 1px;
	background-color: #fff;
	width: 162px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}

#bariatricNavWrap .bgiframe
{
	border: solid #6693d1 1px;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

#bariatricNavWrap .bgiframe body {
    margin: 0;
    padding: 0;
}

#bariatricNavWrap li li {
    padding: 0;
    border-left: none;
}

#bariatricNavWrap li li a { 
    border-left: none; 
    border-bottom: solid #fff 1px; /* keeps IE6 from displaying submenu items with excess space below. */ }

#bariatricNavWrap li ul li a
{
	text-align: left;
	background-color: #fff;
	padding: 2px 10px;
	margin: 0;
	width: 140px;	 /* Any changes to these need to be reflect in (.nav li ul ul) and (.nav li ul) */
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
}

#bariatricNavWrap li ul li a:hover
{
	border-top: solid #AADAED 1px;
	border-bottom: solid #AADAED 1px;
}
#bariatricNavWrap li:hover li:hover,
#bariatricNavWrap li.sfhover li.sfhover {
background: #EFF5F8 url(/images/item_bg.gif) left bottom repeat-x;
}

#bariatricNavWrap li li a.sf-with-ul{
background: url(/images/arrow.gif) 140px 3px no-repeat;
}

sup a {
	text-decoration: none;
	border-bottom: double #86AEEB 3px;
}

#bariatricNavWrap a.sf-with-ul {
	background: url(/images/arrow.gif) right 3px no-repeat;
	padding-right: 15px;
}

#references {
	display: none;
}

.infoDisplay {
	width: auto;
}

#conditionsImprove {
	margin-top: 20px;
}

.videoPlayer {
	float: right;
	margin: 0 0 20px 20px;
}

.staffListings {
	width: 436px;
}