/*talk-therapy main style sheet*/ * { margin: 0px; padding: 0px; } body, html { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 86%; color: black; background-image: url(images/band2.gif); background-position: top; background-repeat: repeat-x; } p { font-size: 1em; margin-top: 25px; } .p1 { font-size: 1.3em; } .p2 { font-size: 1em; } .p3 { font-size: .9em; } h1 { font-size: 1.8em; font-weight: normal; padding: 0; margin: 0; } h2 { font-size: 1.5em; font-weight: normal; padding: 0; margin: 0; } h3 { font-size: 1.4em; font-weight: normal; padding: 0; margin: 0; } h4 { font-size: 1em; font-weight: bold; padding: 0; margin: 0; } a:link { color: black; text-decoration: none; } a:visited { color: black;text-decoration: none; } a:hover, a:active { text-decoration: underline; color: gray; } #container { position: absolute; top: 0px; left: 20px; width: 750px; height: 100%; padding-bottom: 20px; background: transparent; } #pageHeader { position: absolute; top: -10px; left: 10px; width: 400px; height: 122px; padding: 5px; color: Black; background-color: transparent; background-image: url(images/title2.jpg); background-position: left; background-repeat: no-repeat; } #pageHeader h1 { font-family: "Times New Roman", Times, serif; font-size: 2.8em; font-weight: normal; display: none; padding: 0; margin: 0; } #pageHeader h1 span { font-size: .7em; color: gray; } #pageHeader h2 { } #pageHeader h2 span { display: none; } #pageHeader h3 { font-size: .7em; padding: 0; margin: 0; } #logo { position: relative; left: 400px; top: 12px; height: 100px; width: 100px; background-image: url(images/logo.gif); } #quickSummary { position: relative; left: 10px; top: 70px; } #preamble { } #textArea { position: relative; top: 155px; left: 10px; background-color: white; width: 700px; padding: 10px; margin-bottom: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; border: 7px solid #E4FFCA; } #textArea h2 { font-size: 1.4em; font-weight: bold; margin: 0; padding-top: .5em; padding-bottom: .2em; } #textArea p { font-size: 1em; margin: 0; padding-top: .75em; padding-bottom: 0; } #content1 { position: relative; left: 0px; top: 0px; } #content1 H1 { font-size: 1.75em; margin: 0; padding-bottom: 1em; } #content1 H2 { font-size: 1.45em; margin: 0; padding-top: .25em; padding-bottom: 0; } #content1 p { line-height: 1em; margin: 0; padding-top: 1em; } #content1 li { line-height: 20px; } #content2 { } #content3 { } #footer { position: relative; top: 80px; left: 15px; width: 720px; padding-bottom: 10px; margin: 0; text-align: center; } #rightBox { position: absolute; top: 75px; left: 670px; width: 102px; padding: 0; margin: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; } #rightBox ul { list-style: none; padding: 0; margin: 0; border: 1px solid black; background-image: url(images/background.jpg); background-repeat: repeat-x; } #rightBox li { border: 0; padding: 5 0 20 0; } ul { margin-top: 10px; margin-bottom: 10px; margin-left: 40px; } li { padding: 5px; } #nav { position: absolute; left: 0px; top: 120px; height: 20px; margin: 0; padding: 5px; list-style-type: none; width: 500px; float: left; } #nav li { margin: 0; padding: 0; float: left; } #nav a { float: left; width: 90px; color: Black; text-decoration: none; line-height: 2em; text-align: center; border-right: 1px solid #f5fff1; background: url(images/nav.gif) no-repeat; } #nav a:hover { background-color: Gray; background-position: -90px 0; color: white; } /* #div_home etc is the identification for each page on the tag, eg: */ #div_home #nav_home a, #div_symptoms #nav_symptoms a, #div_about #nav_about a, #div_contact #nav_contact a { background-color: Silver; background-position: -180px 0; color: white; } .dataTable { font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1em; border: 1px solid gray; border: none; margin-top: 10px; } #about_textArea { position: relative; top: 155px; left: 10px; background-color: white; width: 485px; padding: 10px; margin-bottom: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; border: 7px solid #E4FFCA; } #about_rightBox { position: absolute; top: -7px; left: 515px; background-color: white; width: 200px; padding: 10px; margin-bottom: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; border: 7px solid #E4FFCA; } #about_rightBox ul { position: relative; left: -43px; } #about_rightBox li { list-style: none; xline-height: 1em; } #about_rightBox li p {margin:3px 0 5px 0;} #popUp { position: absolute; top: 10px; left: 20px; height: 500px; width: 400px; line-height: 1.5em; font-size: 1em; } #popUp_title { background-image: url(images/title_small.jpg); width: 275px; height: 78px; background-position: left; background-repeat: no-repeat; } #popUp_logo { position: relative; left: 320px; top: 0; height: 70px; width: 70px; background-image: url(images/logo_small.gif); background-repeat: no-repeat; } #popUp_textArea { position: absolute; left: 0; top: 70px; } #popUp h1 { font-size: 1.3em; padding: 0; margin: 0; } #popUp h4 { font-size: 1em; font-weight: bold; padding-top: .5em; margin: 0; } #popUp p { line-height: 1.5em; } #popUp ul { position: relative; left: -43px; } #popUp li { list-style: none; line-height: 1em; } #closeWindow { position: relative; left: 0px; } #closeWindow a, #closeWindow a:visited { color: red; font-weight: bold; text-decoration: none; } #closeWindow a:hover { color: gray; text-decoration: underline; } .top { text-align: right; color: red; } .top a:link { color: red; text-decoration: none; } .top a:visited { text-decoration: none; color: red; } .top a:hover, a:active { text-decoration: none; color: Gray; }