/* CSS Document for Psychotherapy Institute / Ultimate Life Coach */ * html #headerphoto { margin-left: 229px; /* fixes 3 pixel jog problem in IE */ } * html #logolink { margin-right: -3px; /* fixes 3 pixel jog problem in IE */ } * html #main { margin-left: 229px; /* fixes 3 pixel jog problem in IE */ } * html #main #column2 { padding-top: 20px; } * html #sidebar { margin-right: -3px; /* fixes 3 pixel jog problem in IE */ } * html #sidebar #sidebarphoto { top: 145px; } a { color: #386892; } a:visited { color: #A0522D; } a:hover { color: #CC6600; } a.aboutus { background-image: url(../images/nav_aboutus.gif); background-repeat: no-repeat; display: block; height: 40px; width: 70px; } a.aboutus:hover{ background-image: url(../images/nav_aboutus_on.gif); background-repeat: no-repeat; } a.contactus { background-image: url(../images/nav_contactus.gif); background-repeat: no-repeat; display: block; height: 40px; width: 86px; } a.contactus:hover{ background-image: url(../images/nav_contactus_on.gif); background-repeat: no-repeat; } a.ourservices { background-image: url(../images/nav_ourservices.gif); background-repeat: no-repeat; display: block; height: 40px; width: 98px; } a.ourservices:hover{ background-image: url(../images/nav_ourservices_on.gif); background-repeat: no-repeat; } a.psychotherapy { background-image: url(../images/nav_psychotherapy.gif); background-repeat: no-repeat; display: block; height: 40px; width: 104px; } a.psychotherapy:hover{ background-image: url(../images/nav_psychotherapy_on.gif); background-repeat: no-repeat; } a.questions { background-image: url(../images/nav_questions.gif); background-repeat: no-repeat; display: block; height: 40px; width: 75px; } a.questions:hover{ background-image: url(../images/nav_questions_on.gif); background-repeat: no-repeat; } a.resources { background-image: url(../images/nav_resources.gif); background-repeat: no-repeat; display: block; height: 40px; width: 75px; } a.resources:hover{ background-image: url(../images/nav_resources_on.gif); background-repeat: no-repeat; } a.whoweare { background-image: url(../images/nav_whoarewe.gif); background-repeat: no-repeat; display: block; height: 40px; width: 232px; } a.whoweare:hover{ background-image: url(../images/nav_whoarewe_on.gif); background-repeat: no-repeat; } acronym { border-bottom: dotted 1px #ABB1B7; cursor: help; font-style: normal; } body { background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 76%; margin: 0; margin-top: 2px; min-width: 740px; padding: 0; } blockquote { margin-right:0; padding:0; } dd { margin-bottom: 1em; } dt { font-weight: bold; } /* Text styles */ h1 { color: #3FA4A1; font-family: "Times New Roman", Times, serif; font-size: 2em; text-align: left; } h2 { color: #336633; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; margin-bottom: 0.1em; margin-top: 2em; } h3 { color: #336633; font-size: 1.1em; font-weight: bold; } h3.rule { border-bottom: 2px double; } ul { margin-left: 0; padding-left: 15px; } .clear { clear: both; height: 0; } .hide { position: absolute; top: -850px; } #slogan { background-image: url(../images/footer_slogan.gif); background-repeat: no-repeat; width: 625px; height: 18px; margin-bottom: -5px; text-align: center; display: block; } #column1 { padding-right: 20px; padding-top: 60px; text-align: left; overflow: hidden; width: 200px; /* this width prevents main body text from dropping below side nav if user increases font size */ } #column1home { padding-right: 20px; padding-top: 110px; } #column2 { padding-left: 20px; padding-top: 60px; } #column2 dd, #column2 p { /*fixes issues with italicized text in IE. */ overflow: visible; height: 1%; } #column1 ul { margin: 0; padding: 0; list-style: none; } #column1 li { margin-bottom: 0.7em; } #copyright { float: left; position: relative; top: -10px; } #footer { font-size: 0.9em; } #footer { clear: both; padding-bottom: 10px; padding-top: 10px; } #footer hr { border: 3px solid #96B35A; } #footer li { display: inline; list-style: none; margin: 0; padding: 0; padding-right: 13px; } #footer ul { text-align: left; } #footer ul { margin: 0; padding: 0; } #headerphoto { background-image: url(../images/stockphoto.jpg); height: 114px; margin-left: 232px; } /* Header styles */ #logolink { background-image: url(../images/psychotherapyinstitute_logo.gif); background-repeat: no-repeat; display: block; float: left; height: 114px; width: 232px; } #main { font-size: 1.2em; line-height: 1.5em; text-align: justify; } #main { background-color: #FFFFFF; margin-left: 232px; width: 508px; } /* Primary Nav styles */ #nav { } #nav li{ display: inline; float: left; list-style: none; margin: 0; padding: 0; } #nav ul{ margin: 0; padding: 0; } #sidebar { font-size: 1em; line-height: 1.5em; text-align: justify; } /* Main content styles */ #sidebar { background-color: #FFFFFF; background-image: url(../images/nav_bottomcurve.gif); background-position: top left; background-repeat: no-repeat; float: left; width: 232px; text-align: left; } #sidebarphoto { padding-left: 12px; position: absolute; top: 160px; } #staff { list-style-type: none; margin-left: 0; padding-left: 0; } #wrap { background: #FFFFFF; margin: 0 auto; width: 740px; } /*li { list-style-type: square; } */