@charset "utf-8";
/* CSS Document */


/* --- Main ---------------------------------------------------------------------------------------------------------------------------------------------------- */
body{margin:0; padding:0; font:14px Helvetica, Arial, sans-serif; color:#272525; background:#fff url(../_images/bkgd.jpg) repeat-x;}
.hiddenImage{position:absolute; top:0; left:0; width:200px; height:100px;}
#clear, .clear{clear:both; height:0; margin:0; padding:0;}
#left, .left{float:left; margin:5px 15px 45px 0;}
#right, .right{float:right;}
h1, h2, h3, h4, h5{margin:0; padding:0;}
h1{color:#535353; font:36px Georgia, "Times New Roman", Times, serif; line-height:36px; font-style:italic;}
h2{color:#24258a; font-size:18px; padding:35px 0 0 0;}
h3{color:#A71C31; font-size:18px; text-align:center; margin:30px 0 15px 0;}
h4{color:#00467f; font-size:24px; line-height:26px;}
h5, h5 a{color:#fff; font-size:13px; margin:9px 0 2px 0; font-weight:bold; text-decoration:underline;}
a{color:#24258a; font-weight:bold;}
a:hover{color:#EE2543;}
.validator{color:red;}
img{border:0;}
.line{clear:both; background:#333; height:1px; width:100%; margin:25px 0;}
.announcement{color:#292B81; font-size:18px;}
.announcement a{color:#EE2543; font-size:15px;}
.announcement a:hover{color:#880F22;}
.caption{font-weight:bold; font-size:12px; text-align:center;}
.bioImg{padding:3px 15px 15px 3px; float:left; margin:3px 8px 0px 0; background:url(../_images/bio-bkgd.jpg) no-repeat;}
.bioImgLarge{clear:both; padding:3px 15px 15px 3px; margin:25px 8px 0px 0; background:url(../_images/bio-bkgd-large.jpg)}
.callToAction{font-weight:bold; clear:both;}
.hiddenAlt{position:absolute; height:15px; width:300px;}


/* --- Layout -------------------------------------------------------------------------------------------------------------------------------------------------- */
#container{position:relative; margin:0 auto 10px auto; width:960px;}
#content{position:relative; line-height:20px; margin:0; padding:0;;}

#columnLeft{float:left; width:490px; padding:20px 40px;}
#columnRight{float:right; width:390px; text-align:center;}

#fact{margin:50px auto 15px auto; background:url(../_images/fact-tuberculosis.jpg) no-repeat; height:305px; width:160px; padding:45px 95px 0 25px; font-weight:bold; text-align:left; color:#5E5E5E;}
#testimonials{margin:10px auto; background:url(../_images/testimonials-bkgd.jpg) no-repeat; height:100px; width:302px; padding:35px 20px 0 10px; color:#fff; font-style:italic; line-height:14px; font-size:14px;}

#officeLocations{margin-top:20px; font-weight:bold;}
#officeLocations img, .maps{float:left; background:url(../_images/bkgd-location.png) no-repeat; padding:10px 7px; margin:-5px 15px 0 0; height:103px; width:150px;}
.maps{margin:10px 15px 50px 0;}
#iframeMaps{background:url(../_images/bkgd-offices.jpg) no-repeat; width:513px; height:393px; padding:7px 0 9px 10px; margin-top:25px;}
#iframeMaps a:hover{color:#EE2543;}
iframe{margin-bottom:15px;}


/* --- Header and Menu ----------------------------------------------------------------------------------------------------------------------------------------- */
#header{height:243px;}
#phoneNumber{position:absolute; color:#1f2277; text-align:center; font:bold 15px Helvetica, Arial, sans-serif; top:170px; left:370px;}
.phoneNumberLarge{font-size:32px;}

#menu{margin:6px auto 25px auto; text-align:center;} 
#menu ul{list-style:none; display:inline-block; margin:0; padding:0; font-size:14px; font-weight:bold; text-transform:uppercase;}
#menu ul li{display:inline-block; padding:0; float:left;}
#menu ul li a{color:#2b2c88; padding:6px 12px 7px 12px; border-left:2px solid #808080; text-decoration:none;}
#menu ul li a:hover{color:#fff; background:#93030C url(../_images/menu-rollover.jpg) repeat-x;}
#menu ul li a.lastMenuItem{border-right:2px solid #808080;}

#dropAbout, #dropFAQ, #dropContact{list-style:none; position:absolute; width:155px; z-index:20; margin:0; padding:0; top:272px; background:#D9D9D9; display:block; font-size:12px; font-weight:bold; visibility:hidden;}
#dropAbout{left:228px;}
#dropFAQ{left:306px;}
#dropContact{left:502px;}
#dropAbout li, #dropFAQ li, #dropContact li{display:block; margin:0; padding:0; border-bottom:1px solid #fff;}
#dropAbout a, #dropFAQ a, #dropContact a{display:block; padding:5px 7px; color:#2b2c88; text-decoration:none;}
#dropAbout a:hover, #dropFAQ a:hover, #dropContact a:hover{display:block; color:#fff; background:#BD2237;}
.first{border-top:1px solid #fff;}


/* --- Form ---------------------------------------------------------------------------------------------------------------------------------------------------- */
form{width:380px;}
.formTitle{float:left; width:150px; font-weight:bold; padding:1px 0; margin:4px 0;}
.formInput, .formSubmit{float:left; vertical-align:top; padding:4px; margin:4px 0;}
.formSubmit{clear:both; margin:10px 0 15px 150px; width:80px; background:#D9D9D9; font-weight:bold;}
textarea, input, select{border:1px solid #999999; margin:0; padding:2px; color:#666666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


/* --- Footer -------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer{clear:both; background:#313131 url(../_images/bkgd-footer.jpg) repeat-x top; height:414px; font-size:12px; margin-top:50px;}
#footerBox{position:relative; margin:0 auto; width:880px;}

#footerLocations{float:left; background:url(../_images/bkgd-location.png) no-repeat; text-align:center; width:164px; padding:10px 0; color:#fff; margin-right:15px;}
#footerLocations.first{margin-left:130px;}
#footerLocations.last{margin-right:0;}

#footerText{clear:both; margin:0 auto; padding:10px 0 25px 0; text-align:center;} 
#footerText ul{list-style:none; display:inline-block; margin:0; padding:0; text-transform:uppercase;}
#footerText ul li{display:inline-block; padding:0; float:left;}
#footerText ul li a{color:#fff; padding:0 10px; text-decoration:none;}
#footerText ul li a:hover{color:#EE2543;}

.susprod{text-decoration:none; color:#848484; font-size:11px;}


/* --- Tabbed Panel -------------------------------------------------------------------------------------------------------------------------------------------- */
.TabbedPanels{margin:0; padding:0; float:left; width:982px;}
.TabbedPanelsTabGroup{margin:0 5px; padding:0;}

.TabbedPanelsTab, .TabbedPanelsTabLonger{position:relative; float:left; color:#fff; margin:0; text-align:center; font-size:15px; list-style:none; cursor:pointer;
	background:url(../images/tabs-bkgs-normal.jpg) no-repeat; -moz-user-select:none; -khtml-user-select:none; height:27px; width:160px; padding-top:10px;}
.TabbedPanelsTabLonger{font-size:12px;}
.TabbedPanelsTabHover, .TabbedPanelsTabSelected{background:url(../images/tabs-bkgd-rollover.jpg) no-repeat; height:27px; width:160px; padding-top:10px;}

.TabbedPanelsContentGroup{clear:both; background:url(../images/tabs-bkgd-mid.jpg) repeat-y;}
.TabbedPanelsContentTop{background:url(../images/tabs-bkgd-top.jpg) no-repeat top left; height:5px; width:982px;}
.TabbedPanelsContentBot{clear:both; background:url(../images/tabs-bkgd-bot.jpg) no-repeat bottom left; height:6px; width:982px;}
.TabbedPanelsContentMid{padding:18px;}


/* --- Lightbox ------------------------------------------------------------------------------------------------------------------------------------------------ */
#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{width:auto; height:auto;}
#lightbox a img{border:none;}

#outerImageContainer{position:relative; background:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}

#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}
#prevLink{left:0; float:left;}
#nextLink{right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover{background:url(../lightbox/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url(../lightbox/images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}

#imageData{padding:0 10px; color:#666;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em; outline:none;}	 	

#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background:#000;}