/*talk-therapy main style sheet*/ * { margin: 0px; padding: 0px; } body, html { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 86%; color: #000; 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, a:visited {color: #008200;text-decoration: none; } a:hover, a:active { text-decoration: underline; color: gray; } .clear {clear:both; } #container { margin:0 20px; padding: 0 0 20px 0; background: transparent; } #pageHeader { position: absolute; top: -10px; left: 3%; 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 { margin: 155px 0 0 2%; background-color: white; width: 93%; padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; line-height:1.5em; border: 7px solid #E4FFCA; } #textArea h2 { font-size: 1.4em; font-weight: bold; margin: 0; padding-top: .5em; padding-bottom: .2em; } #textArea h3 { font-size: 1.3em; font-weight: bold; margin: 0; padding-top: .5em; padding-bottom: .2em; } #textArea p { font-size: 1em; margin: 1.5em 0; padding: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; } .symptoms ul {} .symptoms li {list-style:none; } .symptoms li li {list-style-type:disc;} #content2 { } #content3 { } #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 { height: 20px; margin: 0; padding: 5px; list-style-type: none; width: 700px; float: left; font-size:.9em; } #nav li { margin: 20px 0 0 0; padding: 0; float: left; } #nav a { float: left; width: 90px; color: Black; text-decoration: none; line-height: 2.5em; 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, #div_hypnotherapy #nav_hypnotherapy a, #div_workplace #nav_workplace 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 { float:left; width:65%; margin:155px 0 0 2%; padding: 10px; background-color: white; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; border: 7px solid #E4FFCA; } #about_rightBox { float:right; margin:135px 20px 0 0; width: 200px; padding: 10px; background-color: white; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; border: 7px solid #E4FFCA; } #about_rightBox ul {margin:0;width:180px;} #about_rightBox li {list-style: none;} #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_contact.png); 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: 60px; } #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; } #footer { width: 720px; height:20px; margin:0 0 20px 5%; padding-bottom: 10px; }