/* CSS Document */

/* GLOBAL STYLES */
	
html { height: 100%; }
body { height: 100%; margin:0; padding:0; font-family: "Trebuchet MS", sans-serif; color: #333; font-size: 11px; behavior: url(incl/csshover2.htc); background: url(../i/general/bkrdTile.jpg) top left repeat; }
a { text-decoration: none; }
img { border: 0; }
form { display: inline; margin: 0; padding: 0; }
.clear { clear: both; }
.shell { width: 1000px; margin: 0px auto; padding: 0; text-align: left; clear: both; position: relative; } 

.supernavOuterShell { width: 100%; margin: 0px auto; padding: 0; position: absolute; top: 0; left: 0; z-index: 2; } 
.supernavInnerShell { width: 1000px; margin: 0px auto; padding: 0; text-align: left; clear: both; position: relative; } 
.headerShell { background: url(../i/general/bkrdHead.png) 0 0 repeat-x; width: 100%; margin: 40px auto 0 auto; padding: 0; text-align: left; clear: both; position: relative; height:102px; } 
.mainnavShell { background: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; margin: 0px auto; padding: 0; text-align: left; clear: both; position: relative; } 
.bannerShell { background: url(../i/general/bkrdBanner.png) 0 0 repeat; width: 100%; margin: 0px auto; padding: 0; text-align: left; clear: both; position: relative; } 
.colMainShell { background: #fff; width: 100%; margin: 0px auto; padding: 0; text-align: left; clear: both; position: relative; } 
.footerShell { background: url(../i/general/footerBkrd.png) 0 0 repeat-x; width: 100%; margin: 0px auto; padding: 0; text-align: left; clear: both; position: relative; } 

/*Tanya: changed h2 to h1 as h1 was not displaying on the page and was giving compilation error.
h1 { display: none; }
*/
h1 { font-size: 15px; line-height: 15px; color: #0067c5; font-weight: bold; margin: 0; padding: 0; }
h2 {font-size: 13px; line-height: 15px; color: #0067c5; font-weight: bold; margin: 0; padding: 0;}
h3 { font-size: 15px; line-height: 15px; color: #0067c5; font-weight: bold; margin: 0; padding-bottom: 3px; }
h4 {}
h5 {}
h6 {}
/*Put background color as text could not be visible in Ektron*/
p{ background-color: #d7e4f8; }

/* supernav Nav STYLES */
.supernav { width: 900px; height: 28px; position: absolute; top: 20px; right: 10px; }
.supernav .snav1 { width: 161px; height: 28px; background: url(../i/general/supernav-1.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }
.supernav .snav2 { width: 126px; height: 28px; background: url(../i/general/bariatric.gif) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }
/*.supernav .snav3 { width: 117px; height: 28px; background: url(../i/general/supernav-3.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }*/
.supernav .snav3 { width: 87px; height: 28px; background: url(../i/general/Sleep_center.gif) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }
.supernav .snav4 { width: 150px; height: 28px; background: url(../i/general/supernav-4.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }
.supernav .snav5 { width: 161px; height: 28px; background: url(../i/general/supernav-5.gif) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }

.supernav .snav1:hover { width: 161px; height: 28px; background: url(../i/general/supernav-1hov.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); cursor: pointer; }
.supernav .snav2:hover { width: 126px; height: 28px; background: url(../i/general/bariatric-hov.gif) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); cursor: pointer; }
/*.supernav .snav3:hover { width: 117px; height: 28px; background: url(../i/general/supernav-3hov.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); cursor: pointer; }*/
.supernav .snav3:hover { width: 87px; height: 28px; background: url(../i/general/Sleep_center_hov.gif) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); cursor: pointer; }
.supernav .snav4:hover { width: 150px; height: 28px; background: url(../i/general/supernav-4hov.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); cursor: pointer; }
.supernav .snav5:hover { width: 161px; height: 28px; background: url(../i/general/supernav-5hov.gif) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); cursor: pointer; }

.supernav .snav1#on1 { width: 161px; height: 28px; background: url(../i/general/supernav-1hov.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }
.supernav .snav2#on1 { width: 126px; height: 28px; background: url(../i/general/supernav-2hov.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }
/*.supernav .snav3#on1 { width: 117px; height: 28px; background: url(../i/general/supernav-3hov.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }*/
.supernav .snav3#on1 { width: 87px; height: 28px; background: url(../i/general/Sleep_center_hov.gif) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }
.supernav .snav4#on1 { width: 150px; height: 28px; background: url(../i/general/supernav-4hov.png) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }
.supernav .snav5#on1 { width: 161px; height: 28px; background: url(../i/general/supernav-5hov.gif) 0 0 no-repeat; float: left; display: block; padding: 0 0 0 1px; behavior: url(incl/iepngfix.htc); }

/* logo & search STYLES */
.header { width: 960px; clear: both; margin: 0px auto; padding: 23px 20px 7px 20px;  }
.header .txt { width: 255px; float: right; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; }
.header .txt .add { font-size: 12px; }
.header .txt .phone { font-size: 24px; }

.logo { width: 277px; height: 62px; float: left; }
.logo a, .logo a:focus, .logo a:hover, .logo a:active{ width: 277px; height: 62px; display:block; }
.logo a span { display:none; }

.header form { width: 260px; float: right; display: block; margin: 10px 0 5px 0; padding: 0; }
.header form label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; float: left; margin: 4px 10px 0 0; }
.header form .text { width: 150px; height: 14px; float: left; margin: 0 10px 0 0; padding: 0 0 0 5px; }
.header form image { width: 19px; height: 18px; cursor: pointer; float: left; }
.header form #go_button{ width: 19px; height: 18px; cursor: pointer;float: left; }

/* main nav STYLES */
.mainnav { width: 960px; clear: both; margin: 0px auto; padding: 10px 20px 5px 20px; }

.mainnav .mnav1 { width: 105px; height: 17px; background: url(../i/general/mnav-1.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav2 { width: 64px; height: 17px; background: url(../i/general/mnav-2.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav3 { width: 99px; height: 17px; background: url(../i/general/mnav-3.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav4 { width: 117px; height: 17px; background: url(../i/general/mnav-4.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav5 { width: 148px; height: 17px; background: url(../i/general/mnav-5.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
/*.mainnav .mnav6 { width: 159px; height: 17px; background: url(../i/general/mnav-6.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }*/
.mainnav .mnav7 { width: 57px; height: 17px; background: url(../i/general/mnav-7.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav8 { width: 75px; height: 17px; background: url(../i/general/mnav-8.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }

.mainnav .mnav1:hover { width: 105px; height: 17px; background: url(../i/general/mnav-1hov.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav2:hover { width: 64px; height: 17px; background: url(../i/general/mnav-2hov.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav3:hover { width: 99px; height: 17px; background: url(../i/general/mnav-3hov.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav4:hover { width: 117px; height: 17px; background: url(../i/general/mnav-4hov.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav5:hover { width: 148px; height: 17px; background: url(../i/general/mnav-5hov.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav6:hover { width: 159px; height: 17px; background: url(../i/general/mnav-6hov.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav7:hover { width: 57px; height: 17px; background: url(../i/general/mnav-7hov.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav8:hover { width: 75px; height: 17px; background: url(../i/general/mnav-8hov.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
/*removed # before on2 as it is easier to apply a style programmatically*/
.mainnav .mnav1on2 { width: 105px; height: 17px; background: url(../i/general/mnav-1on.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav2on2 { width: 64px; height: 17px; background: url(../i/general/mnav-2on.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav3on2 { width: 99px; height: 17px; background: url(../i/general/mnav-3on.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav4on2 { width: 117px; height: 17px; background: url(../i/general/mnav-4on.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav5on2 { width: 148px; height: 17px; background: url(../i/general/mnav-5on.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav6on2 { width: 159px; height: 17px; background: url(../i/general/mnav-6on.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav7on2 { width: 57px; height: 17px; background: url(../i/general/mnav-7on.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }
.mainnav .mnav8on2 { width: 75px; height: 17px; background: url(../i/general/mnav-8on.jpg) 0 0 no-repeat; float: left; margin: 0 40px 0 0px; }

/* banner STYLES */
.banner1 { width: 1000px; background: url(../i/general/banner-1.png) 0 0 no-repeat; margin: 0px auto; height: 274px; }
.banner1 .txt { width: 320px; float: left; margin: 115px 0 0 643px; font-family: Times, sans-serif; color: #fff; font-size: 15px; line-height: 26px; font-style: italic; }
.banner1 .txt span { font-size: 18px; line-height: 24px; font-style: normal; font-family: "Trebuchet MS", sans-serif; }
.banner1 .txt .body2 { font-size: 15px; font-style: italic; font-family: Times, sans-serif; line-height: 34px; }



/* banner STYLES */
.banner1a { width: 1000px; background: url(../i/general/banner-1a.png) center center no-repeat; margin: 0px auto; height: 274px; }
.banner1a .txt { width: 320px; float: left; margin: 115px 0 0 643px; font-family: Times, sans-serif; color: #fff; font-size: 15px; line-height: 26px; font-style: italic; }
.banner1a .txt span { font-size: 18px; line-height: 24px; font-style: normal; font-family: "Trebuchet MS", sans-serif; }
.banner1a .txt .body2 { font-size: 15px; font-style: italic; font-family: Times, sans-serif; line-height: 34px; }
/*.banner1a .map {FONT-SIZE: 15px; FLOAT: right; Padding-right: 65px; Margin: 155px 130px 0px 0px; WIDTH: 200px; COLOR: #fff; FONT-FAMILY: Times, sans-serif; height:43px; cursor:pointer;}*/
.banner1a .map {
 WIDTH: 320px;
 height:43px;
 width:264px;
 cursor:pointer;
 top: 160px;
 right: 120px;
 position: relative;
 z-index:1;
 float:right;
}


.banner2 { width: 1000px; margin: 0px auto; }
.button {background-color: #0063c2; width:111; color:#FFFFFF; font-weight:bold; float: left;  border: 1px solid #00446D;text-align:center;font-size:10pt}
.banner2 img { float: left; padding: 0 0 0 20px; }
.banner2 .txt { width: 320px; float: left; margin: 20px 0 0 30px; font-family: Times, sans-serif; color: #fff; font-size: 15px; line-height: 26px; font-style: italic; }
.banner2 .txt span { font-size: 18px; line-height: 24px; font-style: normal; font-family: "Trebuchet MS", sans-serif; }
.banner2 .txt .body2 { font-size: 15px; font-style: italic; font-family: Times, sans-serif; line-height: 34px; }

/* main column STYLES */
.colMain { width: 960px; clear: both; margin: 0px auto; padding: 20px 20px 30px 20px; background: #fff; }
.colMain .noBorder { border: none; padding: 0 0 0 10px; }

/* left column STYLES */
.colLeft { width: 200px; float: left; }
.colLeft img { float: left; margin: 0 10px 0 0; }
.colLeft .blk { width: 180px; padding: 0 0 7px 0; margin: 0 20px 7px 0; border-bottom: 1px dotted #66ccff; line-height: 14px; font-weight: bold; }
/*Tanya: changed h2 to h3 below, adjusted html coding accordingly*/
.colLeft .blk h3 { line-height: 16px; }
.colLeft .blk a { color: #333; }
.colLeft .blk a:hover { color: #4c99da; }
.colLeft .blk .arw { float: none; margin: 0 0 0 5px; }
.colLeft .noBorder { border: none; }

/* mid column STYLES */
.colMid { width: 750px; float: left; padding: 0 0 0 9px; border-left: 1px solid #cce0f3; }
.colMid .colA { width: 380px; float: left; margin: 0 10px 0 0; padding: 0 10px 0 10px; }
.colMid .colB { width: 340px; float: left; }
.colMid .colC { width: 750px; }

/* index column STYLES */
.colA a { font-size: 12px; font-weight: bold; color: #00344d; }
.colA a:hover { color: #4c99da; }
.colA .blk { width: 380px; padding: 10px 0 10px 0; border-bottom: 1px dotted #66ccff; }
.colA .blk span { font-size: 12px; font-weight: bold; color: #00344d; }
.colA .blk a { font-size: 11px; color: #00436e; }
.colA .blk a:hover { color: #4c99da; }
.colA .arw { float: none; margin: 0 0 0 5px; }
.colA .btmMargin { margin: 0 0 10px 0; }

.colB img { float: left; margin: 0 15px 0 0; }
.colB .blk { width: 340px; padding: 0 0 15px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #66ccff; line-height: 13px; color: #00344d; }
/*Tanya: changed h2 to h3 below, adjusted html coding accordingly*/
.colB .blk h3 { line-height: 15px; margin: 0 0 5px 0; }
.colB .blk a { font-weight: bold; line-height: 13px; color: #00344d; }
.colB .blk a:hover { color: #4c99da; }
.colB .arw { float: none; margin: 0 0 0 5px; }
.colB .noBorder { border: none; }

/* general column STYLES */
/*Tanya: changed h2 to h1 below as it should be h1 on the inside pages*/
.colC h1 { padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #0063c2; }
.colC .blk { width: 730px; padding: 10px 10px 20px 10px; font-size: 12px; background: #d7e4f8; }
.colC .blk2 { width: 630px; padding: 10px 110px 20px 10px; font-size: 12px; background: #d7e4f8; }

/* find form STYLES */
.colC .blk2 form { width: 630px; display: block; margin: 10px 0 0 0; padding: 0; clear: both; }
.colC .blk2 form label { width: 70px; margin: 3px 0 0 0; padding: 0; display: block; float: left; }
.colC .blk2 form input { width: 155px; margin: 0 0 10px 0; padding: 0 0 0 5px; display: block; float: left; font-size: 10px; line-height: 16px; color: #0d2d40; }
.colC .blk2 form select { width: 155px; margin: 0 0 10px 0; padding: 0 0 0 5px; display: block; float: left; font-size: 10px; line-height: 16px; color: #0d2d40; }

.colC .blk2 form .fblk { width: 300px; margin: 0 0 10px 0; padding: 0; display: block; clear: both; }
.colC .blk2 form .lside { width: 300px; float: left; }
.colC .blk2 form .rside { width: 300px; float: right; }
.colC .blk2 form .w175 { width: 175px; }
.colC .blk2 form .button { width: 100px; text-align: center; margin: 0 10px 10px 0; padding: 5px 8px 5px 8px; color: #fff; font-weight: bold; font-size: 6pt; background: #0063c2; float: left; cursor: pointer; }
.colC .blk2 form .margin5 { margin: 0 5px 10px 0; }
.colC .blk2 form .newlside { width: 600px; float: left; }

.colC .blk2 form a { display: block; float: left; margin: 4px 0 0 0; color: #00344e; }
.colC .blk2 form a:hover { color: #4c99da; }

/*html .contact form .button1 { width: 40px; margin: 5px 5px 20px 55px; padding: 1px 10px 0 10px; color: #fff; font-family: "Trebuchet MS", sans-serif; font-weight: bold; background: #52aad7; float: left; cursor: pointer; }
*/

/* spotlight STYLES */
.spot { width: 730px; margin: 0 0 20px 0; clear: both; display: block; background: #fff;}
.spot img { float: left; border: 0; }
.spot .head { font-weight: bold; font-size: 12px; color: #fff; padding: 5px 0 5px 5px; background: #96bde8; }
.spot .txt { width: 294px; line-height: 14px; float: left; padding: 15px 20px 15px 25px; background: #fff; }
.spot .txtacross {  line-height: 14px; float: left; padding: 15px 20px 15px 25px; background: #fff; }
.spot .blk { width: 100%; padding: 10px 0 10px 0; border-bottom: 1px dotted #66ccff; background: #fff;}
.spot .blk span { font-size: 12px; font-weight: bold; color: #00344d; }
.spot .blk a { font-size: 11px; color: #00436e; }
.spot .blk a:hover { color: #4c99da; }
.spot .arw { float: none; margin: 0 0 0 5px; }
.spot .btmMargin { margin: 0 0 10px 0; }

/* programs & services STYLES */
.colC .blkPS { width: 237px; padding: 25px 10px 0 0; float: left; }
.colMid .blkPSMod { width: 236px; padding: 25px 0 0 0; float: left; }
.colC .blkPS a { font-weight: bold; font-size: 12px; color: #00344e; display: block; margin: 0 0 13px; }
.colC .blkPS a:hover { color: #4c99da; }

/* footer STYLES */
.footer { width: 970px; margin: 0px auto; padding: 0 10px 18px 20px; font-family: Arial, Helvetica, sans-serif; color: #868f98; }
.footer a { font-family: Arial, Helvetica, sans-serif; color: #868f98; font-weight: normal; }
.footer a:hover { color: #4c99da; }
.footer .lside { float: left; }
.footer .rside { float: right; }

.colC .blkRN { width: 570px; float:left; }

/* Right Nav */
.rightCol { width: 150px; margin: 0 0 0 10px; padding: 0; float: right; }
.rightCol .rNav2 { width: 150px; float:left; border: 1px solid #0063c2; background-color: #fff; margin: 0; padding: 0; font-weight: bold; }
.rightCol .rNav2 ul { width: 150px; margin: 0; padding: 0; list-style: none; }
.rightCol .rNav2 li { height: 100%; margin: 0; padding: 0; }
.rightCol .rNav2 a { width: 110px; display: block; margin: 0; padding: 5px 20px 5px 20px; font-size: 15px; font-weight: bold; color: #fff; background-color: #0063c2; }
.rightCol .rNav2 ul ul a { font-size: 11px; font-weight: normal; color: #000; background-color: #fff; }
.rightCol .rNav2 ul ul a:hover { color: #fff; background-color: #0063c2; }

.red{color:#FF0000; font-weight:bold}
.centerhead{text-align:center;font-weight:bold;border-top:1px solid #00344e; border-bottom:1px solid #00344e; color: #00344e}
.apptable td{border-bottom:1px solid #FFFFFF; border-right:1px dotted #FFFFFF;height:35px;}
.apptable th{border-bottom:1px solid #00344e;color: #00344e; background-color:#0063c2; font-weight:bold;color:#FFFFFF;padding:10px}
iframe.health {overflow-x: hidden;overflow-y: scroll;}