/* GLOBAL */
html,body {margin: 0px; padding: 0px; height: 100%; /* needed for container min-height */ background: #989898;}
img {border: 0px;}

#homeContainer, #interiorContainer, #vatsContainer, #surgeonContainer {position: relative; /* needed for footer positioning*/ margin: 0px auto 0px auto; /* center, not in IE5 */ width: 960px; height: auto !important; /* real browsers */ height: 100%; /* IE6: treaded as min-height*/ min-height: 100%; /* real browsers */ border-left: 2px solid #fff; border-right: 2px solid #fff;}
#homeContainer {background: url('../images/homeContainer.jpg');}

#interiorContainer {background: url('../images/interiorContainer.jpg');}

#vatsContainer {background: url('../images/vatsContainer.jpg');}
#surgeonContainer {background: url('../images/surgeonContainer.jpg');}

/* HEADER */
#globalHeader {border-bottom: 2px solid #fff; height: 120px; margin: 0px auto 0px auto; background: #047391; padding: 0px 25px 0px 25px;}
#logoNJTSA {width: 410px; height: 90px; margin: 15px 0px 0px 0px; float: left;}
#logoNJTSA img {width: 410px; height: 90px;}

#buttonVATS {width: 205px; height: 50px; margin: 35px 0px 0px 0px; float: right;}
#buttonVATS img {width: 205px; height: 50px;}

/* PRIMARY UPPER NAV */
#homeUpperNav, #interiorUpperNav, #vatsUpperNav {border-bottom: 2px solid #fff; border-top: 0px; margin: 0px auto 0px auto;}

#homeUpperNav {height: 222px;}

#homeNavBlank1 {width: 460px; height: 171px; float: left;}
#homeNavLinks {width: 500px; height: 171px; float: left;}
#homeNavHome {width: 106px; height: 87px; float: left;}
#homeNavSurgeons {width: 134px; height: 87px; float: left;}
#homeNavResearch {width: 129px; height: 87px; float: left;}
#homeNavTechnology {width: 131px; height: 87px; float: left;}
#homeNavBlank2 {width: 45px; height: 84px; float: left;}
#homeNavLung {width: 138px; height: 84px; float: left;}
#homeNavEsophagus {width: 141px; height: 84px; float: left;}
#homeNavContact {width: 110px; height: 84px; float: left;}
#homeNavBlank3 {width: 66px; height: 84px; float: left;}
#homeNavBlank4 {width: 960px; height: 51px; float: left;}

#interiorUpperNav, #vatsUpperNav {height: 171px;}

#interiorNavBlank1, #vatsNavBlank1 {width: 460px; height: 171px; float: left;}
#interiorNavLinks, #vatsNavLinks {width: 500px; height: 171px; float: left;}
#interiorNavHome, #vatsNavHome {width: 106px; height: 87px; float: left;}
#interiorNavSurgeons, #vatsNavSurgeons {width: 134px; height: 87px; float: left;}
#interiorNavResearch, #vatsNavResearch {width: 129px; height: 87px; float: left;}
#interiorNavTechnology, #vatsNavTechnology {width: 131px; height: 87px; float: left;}
#interiorNavBlank2, #vatsNavBlank2 {width: 45px; height: 84px; float: left;}
#interiorNavLung, #vatsNavLung {width: 138px; height: 84px; float: left;}
#interiorNavEsophagus, #vatsNavEsophagus {width: 141px; height: 84px; float: left;}
#interiorNavContact, #vatsNavContact {width: 110px; height: 84px; float: left;}
#interiorNavBlank3, #vatsNavBlank3 {width: 66px; height: 84px; float: left;}


/* BODY */
#homeBody, #interiorBody {margin: 0px auto 0px auto; z-index: 0;}
#homeBody {background: url('../images/homeBody.jpg') top left no-repeat; padding: 30px 15px 50px 20px; /* bottom padding for footer */}
#homeBodyLeft {width: 545px; float: left;}

#homeBodyRight {width: 345px; height: auto; float: right; font: 14px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000;}
#homeBodyRight a, #interiorBodyRight a {color: #036f9e; text-decoration: none;}
#homeBodyRight a:hover, #interiorBodyRight a:hover {text-decoration: underline;}

#interiorBody {background: url('../images/interiorBody.jpg') top left no-repeat; padding: 30px 15px 50px 20px; /* bottom padding for footer */}
#interiorBodyLeft {width: 380px; height: auto; float: left;}
#interiorBodyRight {width: 490px; height: auto; float: right; font: 13px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000;}


#vatsBody {background: url('../images/vatsBody.jpg') top left no-repeat; padding: 30px 15px 50px 20px; /* bottom padding for footer */}
#vatsBodyLeft {width: 378px; height: auto; float: left;}
#vatsBodyRight {width: 490px; height: auto; float: right; font: 13px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000;}



#surgeonBody {background: url('../images/surgeonBody.jpg') top left no-repeat; padding: 30px 15px 50px 20px; /* bottom padding for footer */}
#surgeonBodyLeft {width: 400px; height: auto; float: left;}
#surgeonBodyRight {width: 490px; height: auto; float: right; font: 13px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000;}

span.title {font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif; color: #000;}

/* FOOTER */
#globalFooter {border-top: 2px solid #fff; position: absolute; width: 910px; height: 85px; margin: 0px auto 0px auto;  background: #047391; z-index: 1; bottom: 0; /* stick to bottom */ padding: 0px 25px 0px 25px;}
#buttonForms {width: 225px; height: 30px; margin: 27px 0px 0px 0px; float: left;}
#buttonForms img {border: 0px; height: 30px; width: 225px;}

#globalFooterNav {width: 575px; height: 50px; margin: 17px 0px 0px 0px; float: right; font: 11px/25px Verdana, sans-serif; color: #a6a6a6; text-align: right;}
#globalFooterNav a {color: #a6a6a6; text-decoration: none;}
#globalFooterNav a:hover {color: #fff; text-decoration: none;}

/* HOME PAGE */
#homeWelcome {border-bottom: 2px solid #fff; height: 67px; margin: 0px auto 0px auto; padding: 0px 25px 0px 0px; background: url('../images/homeWelcome.jpg');}

#homeTeam {width: 540px; font: 12px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #6c6b6b;}
#homeMDW, #homeFAS, #homeWDW, #homeLRT {width: 125px; height: 140px; float: left; margin: 15px 12px 0px 0px;}
#homeLRT {margin: 15px 0px 0px 0px;}
#homeTeam img {width: 125px; height: 140px;}
#labelTopDoctor {width: 540px; height: 28px; margin-top: 10px;}


/* CONTACT */
#interiorBodyLeftContact {width: 350px; height: auto; float: left; border: 0px solid #000; background: #fff; padding: 15px; font: 13px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000;}

.error {font-style: italic; color: #ff0000;}
sup.error {font-style: normal; font-weight: bold;}

table.contactForm {width: 350px; margin: 10px 0px 0px 0px; border: 0px;}
td.label {width: 150px; line-height: 18px; padding: 3px 3px 6px 3px;}
td.label span {color: #555;}
td.labelTop {width: 150px; line-height: 18px; vertical-align: top; padding: 3px 3px 6px 3px;}
td.field {width: 200px; vertical-align: top; padding: 3px 3px 6px 3px;}
input.textField {width: 195px; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000;}
input.button {width: 80px; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000; background: #ddd5c8;}

#buttonPrint {margin: -5px 10px 0px 0px; float: right; height: 45px; width: 70px;}
#buttonFormsContact {width: 225px; height: 34px; float: right;}
#buttonFormsContact img {border: 0px; height: 34px; width: 225px;}



/* SURGEON INDEX */
div.surgeon {width: 425px; height: auto; margin: 0px 0px 25px 20px;}
div.surgeon img {width: 150px; height: 130px; float: left; margin: 0px 15px 0px 0px;}
div.surgeonName {width: 250px; height: auto; float: left; margin: 0px 0px 0px 0px; color: #666;}
div.surgeonName a {font-weight: bold; color: #036f9e; text-decoration: none;}
div.surgeonName a:hover {text-decoration: underline;}

/* SURGEON BIO */
div.surgeonBio {width: 425px; height: auto;}
div.surgeonBio img {width: 230px; height: 260px; float: left; margin: 0px 12px 0px 0px;}
div.surgeonBioLabel {width: 155px; height: auto; float: left; margin: 24px 0px 0px 0px; color: #666; font: bold 13px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666;}

/* RESEARCH */
div.researchLeftLinks {width: 175px; height: auto; font: 14px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 30px 0px 0px 100px;}
div.researchLeftLinks p {margin: 0px 0px 5px 0px;}
div.researchLeftLinks a {color: #666; text-decoration: none;}
div.researchLeftLinks a:hover {text-decoration: underline;}

/* LUNG */
div.lungDiagram {width: 385px; height: auto; font: 14px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 35px 0px 0px 0px;}
div.lungDiagramText {width: 130px; height: auto; float: right; font: 13px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666;}
div.lungDiagram p {margin: 0px 0px 10px 0px;}
div.lungDiagram a {color: #666; text-decoration: none;}
div.lungDiagram a:hover {text-decoration: underline;}

div.lungLinks {width: 385px; height: auto; font: 13px/20px Verdana, Arial, Helvetica, sans-serif; color: #000;}
div.lungLinks p {margin: 0px 0px 10px 0px;}
div.lungLinks a {color: #036f9e; text-decoration: none;}
div.lungLinks a:hover {text-decoration: underline;}

div.stents {width: 387px; height: 130px; position: absolute; bottom: 110px; background: url('../images/stentPhoto.jpg') no-repeat;}


/* ESOPHAGUS */
div.esophagusDiagram {width: 385px; height: auto; font: 14px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 35px 0px 0px 0px;}
div.esophagusDiagramText {width: 145px; height: auto; float: right; font: 13px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666;}
div.esophagusDiagram p {margin: 0px 0px 10px 0px;}

div.esophagusDiagram a {color: #666; text-decoration: none;}
div.esophagusDiagram a:hover {text-decoration: underline;}

