/* Enlightened Therapies Sept 2006 /* Design and Code by Guy Jeffrey /* url www.enlightenedtherapies.com /* Sol Design www.sol.com.au /* Last modified: Sept 12, 2006 /* basics ----------------------------------------------- */ html, body, form, fieldset { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 76%; color: black; text-align: left; background-color: #feffff; background-image: url(../images/et-shadow-tile.png); background-repeat: repeat-y; background-position: center 50%; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } .standardsAlert { display: none; } .clearleft { clear: left; } img { display: inline; } div.clearer {clear: both; line-height: 0; height: 0;} /* typography ----------------------------------------------- */ h1 { color: #f90; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 30px 20px 1em 0; } p { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding-top: 10px; } /* basic links ----------------------------------------------- */ /* layout ----------------------------------------------- */ #tempwrapper { color: #fff; background-position: center 0; width: 700px; margin: 0 auto; text-align: left; height: 700px; } #wrapper { background-color: #c8b7c4; background-position: center 0; width: 900px; margin: 0 auto; padding: 0; text-align: left; } #contentwrapper { background-color: #fff; background-image: url(../images/et-tile.gif); background-repeat: repeat-y; margin: 0 auto; width: 900px; } #masthead { background-image: url(../images/banner.png); background-repeat: no-repeat; background-position: 50% top; margin: 0 auto; width: 900px; height: 200px; padding: 0; } #leftcolumn { text-align: left; display: inline; width: 650px; float: left; overflow: visible; margin: 0; padding: 0 0 2em; } #enarcol { text-align: center; display: inline; margin: 0; padding: 30px 0 2em; position: relative; width: 250px; float: left; overflow: visible; } #rightcolumn { width: 250px; float: left; display: inline; overflow: visible; position: relative; margin: 0; padding: 5px 0 2em; } #footer { background-color: #3e163b; background-position: center 0; width: 900px; margin: 0 auto; text-align: center; order-bottom-style: solid; order-right-style: solid; } /* Nav */ #nav { background-color: #c8b7c4; background-image: none; margin: 0 auto; width: 900px; height: 25px ; } #nav ul {margin: 0; padding: 0; list-style-type: none; text-align: center;} #nav ul li { float: left; } #nav ul li a { width: 112px; font-size: 12px; font-weight: normal; height: 25px; line-height: 2.2em; text-align: center; color: #4f2248; font-style: normal; text-decoration: none; display: block; } #nav ul li a.larger { width: 116px; } #nav a:hover { color: #4f2248; background-color: #fff; } #nav a.here { color: #fff; font-weight: bold; background-color: #4f2248; } #nav ul li a.largerhere { width: 101px; color: #fff; font-weight: bold; } /* SubNav */ #subnav { background-color: #f7c2b4; margin: 0 auto; width: 780px; height: 18px ; padding: 4px 0 2px; border-bottom: 1px solid #fff; } #subnav ul { list-style-type: none; overflow: hidden; margin: 0; padding: 0; } #subnav ul li { float: left; } #subnav ul li a { font-size: 1em; color: #fff; font-weight: normal; text-align: center; text-decoration: none; padding: 0 15px; border-bottom: medium none; border-right: 1px solid #fce6e0; } #subnav ul li a.last { border-right: none; } #subnav a:hover { color: #d5005e; } #subnav a:active { color: #dc8a6f; } #subnav #here a { color: #d5005e; font-weight: normal; } /* Forms & Tables ----------------------------------------------- */ #leftcolumn table { background-color: #fff; margin-top: 10px; margin-left: 20px; border: solid 1px #ccc; } #leftcolumn #producttable { font-weight: normal; font-style: normal; vertical-align: top; margin: 0; padding: 0; border-style: none; } #leftcolumn #producttable td { font-size: 1em; font-weight: normal; font-style: normal; text-align: left; vertical-align: top; width: 50%; margin: 0; padding: 0; } #phone { font-weight: normal; font-style: normal; vertical-align: top; padding: 0; } #phone td { color: #f00; font-size: 1em; font-weight: normal; font-style: normal; text-align: left; padding: 0; } #orderform, #leaflet { padding-top: 5px; padding-bottom: 5px; } #leaflet td { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1; text-align: left; padding-top: 0; padding-bottom: 0; padding-left: 20px; } #orderform td { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; text-align: left; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; } #basic { margin-bottom: 20px; margin-left: 20px; border: solid 1px #c8b7c4; } #basic td { color: #4f2248; padding: 5px; border: solid 1px #c8b7c4; white-space: nowrap; } #basic td.right { color: #4f2248; text-align: right; padding: 5px; border: solid 1px #c8b7c4; white-space: nowrap; } #basic td.highlight { color: #4f2248; font-weight: bold; white-space: nowrap; padding: 5px; border: solid 1px #c8b7c4; } #dates { margin-bottom: 20px; margin-left: 20px; border: solid 1px #c8b7c4; } #dates td { color: #4f2248; padding: 5px; border: solid 1px #c8b7c4; white-space: nowrap; } #dates td.highlight { color: #4f2248; font-weight: bold; white-space: nowrap; padding: 5px; border: solid 1px #c8b7c4; } #dates td.lvl2 { color: #4f2248; font-weight: bold; white-space: nowrap; padding: 5px; border: solid 1px #c8b7c4; } #dates td.lvl3 { color: #d1005d; font-weight: bold; white-space: nowrap; padding: 5px; border: solid 1px #c8b7c4; } #dates td.shade { background-color: #c8b7c4; } /* Left Column ----------------------------------------------- */ #leftcolumn p { color: #4f2248; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.8; text-align: left; padding-right: 15px; padding-bottom: 10px; padding-left: 20px; } #leftcolumn p.caption { color: #4f2248; font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.5; text-align: left; padding-right: 15px; padding-bottom: 10px; padding-left: 20px; } #leftcolumn p.small { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3; text-align: left; padding-bottom: 10px; padding-left: 20px; } #leftcolumn p.intro { font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 2; text-align: left; padding-bottom: 15px; } #leftcolumn h1 { color: #4f2248; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 40px 20px 1em; } #leftcolumn h1.home { color: #4f2248; font-size: 2.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 15px 20px 0.5em; } #leftcolumn h2.alt { color: #00b1c3; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 0 20px 0.8em; } #leftcolumn h2 { color: #794b74; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.8em; } #leftcolumn h3 { color: #4f2248; font-size: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 1.5; padding: 10px 20px; } #leftcolumn h4 { color: #794b74; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.5em; } #leftcolumn h5 { color: #794b74; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 1em 20px 0; } #leftcolumn ol { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 40px; list-style-type: decimal; } #leftcolumn ol li { color: #003b78; font-size: 1.1em; padding-top: 7px; padding-bottom: 7px; } #leftcolumn ul { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 22px; list-style-type: disc; list-style-image: none; } #leftcolumn ul.home { font-size: 1.3em; font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; width: 320px; margin-top: 10px; margin-bottom: 25px; padding: 10px 20px 10px 40px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; list-style-type: disc; list-style-image: url(../images/bigdot.gif); } #leftcolumn ul li.level0 { font-size: 1.5em; line-height: 1.5; margin-left: 10px; padding-top: 10px; padding-bottom: 0.1em; list-style-type: none; } #leftcolumn ul li.level1 { font-size: 1.1em; font-weight: bold; line-height: 1.5; margin-left: 10px; padding-bottom: 0.1em; padding-left: 10px; list-style-type: none; } #leftcolumn ul li.level2 { line-height: 1.5; margin-left: 10px; padding-bottom: 0.1em; padding-left: 20px; list-style-type: none; } #leftcolumn ul li.pdf { color: #4f2248; font-size: 1.1em; background-image: url(../images/pdf-icon-small.png); background-repeat: no-repeat; background-position: left 50%; list-style-type: none; list-style-image: none; padding-top: 7px; padding-bottom: 7px; padding-left: 25px; } #leftcolumn ul li { color: #4f2248; font-size: 1.1em; background-image: url(../images/bigdot.gif); background-repeat: no-repeat; background-position: 5px 50%; padding-top: 7px; padding-bottom: 7px; padding-left: 25px; list-style-type: none; } #leftcolumn a:link { color: #4f2248; font-weight: bold; text-decoration: none; } #leftcolumn a:visited { color: #4f2248; font-weight: bold; text-decoration: none; } #leftcolumn a:hover { color: #794b74; text-decoration: none; } #leftcolumn a:active { text-decoration: none; } /* Right Column ----------------------------------------------- */ #rightcolumn p { color: #003b78; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7; padding: 0.5em 19px 0.5em 15px; } #rightcolumn p.line { color: #60677d; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7; margin-bottom: 10px; padding: 0.5em 19px 10px 15px; border-bottom: 1px dashed #ccc; } #rightcolumn p.quote { color: #0042a9; font-size: 1em; line-height: 2em; padding: 0.5em 19px 0.5em 15px; } #rightcolumn h1 { color: #003b78; font-size: 1.4em; font-weight: bold; line-height: 1.3; padding: 20px 15px 1em; } #rightcolumn h2 { color: #00b1c3; font-size: 1.2em; font-weight: bold; line-height: 1.3; padding: 20px 15px 5px; } #rightcolumn h2.line { color: #00006a; font-size: 1em; font-weight: bold; line-height: 1.3em; padding-top: 30px; padding-bottom: 0.8em; padding-left: 15px; } #rightcolumn h3 { color: #60677d; font-size: 1em; font-weight: bold; line-height: 1; padding: 20px 15px 0; } #rightcolumn h4 { color: #0042a9; font-size: 1em; font-weight: bold; text-align: left; padding: 5px 20px 0.3em 15px; } #rightcolumn h5 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; font-weight: bold; color: #141414; line-height: 1.5em; padding: 5px 20px 0.3em 0; } #rightcolumn strong { font-weight: bold; } #rightcolumn em { color: red; font-weight: bold; font-style: normal; } #rightcolumn ul { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; list-style-type: disc; padding: 5px 20px 10px; } #rightcolumn li { line-height: 2; list-style-type: none; } #rightcolumn a:link { color: #d5005e; } #rightcolumn a:visited { color: #d5005e; } #rightcolumn a:hover { color: #f8c7ba; } #rightcolumn a:active { color: #c2d833; } /* ENAR Column ----------------------------------------------- */ #enarcol p { color: #4f2248; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; text-align: center; padding: 0 15px 5px; } #enarcol h1 { color: #003b78; font-size: 1.4em; font-weight: bold; line-height: 1.3; padding: 20px 15px 1em; } #enarcol h2 { color: #4f2248; font-size: 1.2em; font-weight: bold; line-height: 1.3; padding: 15px 15px 0; } #rightcolumn strong { font-weight: bold; } #rightcolumn em { color: red; font-weight: bold; font-style: normal; } #rightcolumn ul { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; list-style-type: disc; padding: 5px 20px 10px; } #rightcolumn li { line-height: 2; list-style-type: none; } #enarcol a:link { color: #4f2248; text-decoration: none; } #enarcol a:visited { color: #4f2248; text-decoration: none; } #enarcol a:hover { color: #c8b7c4; text-decoration: none; } #enarcol a:active { color: #794b74; text-decoration: none; } /* rightnav ----------------------------------------------- */ #rightnav { font-family: Arial, Verdana, Helvetica; font-size: 1em; font-weight: bold; line-height: 1.8em; } #rightnav ul { list-style-type: none; overflow: hidden; } #rightnav ul li { } #rightnav ul li a { color: #00006a; text-align: center; text-decoration: none; padding: 0 0 0 15px; } #rightnav ul li a.last { border-right: none; } #rightnav a:hover { color: #ec8f17; font-weight: bold; background-color: transparent; border-color: transparent; border-style: none; } #rightnav a:active { color: #0f4dae; font-weight: bold; } #rightnav #here a { color: #0f4dae; font-weight: bold; } /* Images ----------------------------------------------- */ img.left { float: left; margin-top: 3px; margin-right: 15px; border: 0; } img.icon { vertical-align: baseline; margin-right: 15px; float: left; border: 0; } img.right { display: block; margin: 0; float: right; padding-top: 3px; padding-left: 15px; } img.digpic { display: block; float: right; padding-right: 20px; padding-left: 0; } img.illustration { display: block; margin: 0 10px 0 15px; float: right; } img.b-left { display: block; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #c8b7c4 } img.b-right { display: block; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #c8b7c4; } img.mainimage { margin: 0 5px 0 20px; padding: 4px; border: solid 1px #c8b7c4; } img.logos { margin: 10px 0; } img.acrobat { margin-top: 15px; padding: 0; display: block; } img.covers { display: block; margin-top: 10px; margin-left: 15px; padding: 0; border: solid 1px #999; } img.border { margin-top: 10px; margin-bottom: 10px; display: block; padding: 0; border: solid 1px #999; } .thumb { float: left; display: inline; padding: 2px; border: solid 1px #c8b7c4; margin: 5px 5px 5px 20px; } /* footer ----------------------------------------------- */ #footer p { color: #feffff; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2; text-align: center; padding: 10px; } #footer a:link { color: #c8b7c4; text-decoration: none; border: none; } #footer a:visited { color: #c8b7c4; text-decoration: none; border: none; } #footer a:hover { color: #fff; text-decoration: none; border: none; }