/* NORMALIZE MARGIN AND PADDING */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
/* NORMALIZE FONT SIZE */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/* REMOVE LIST STYLES */
ol, ul { list-style: none; }
/* NORMALIZE FONT STYLES and WEIGHTS */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal;	font-weight: normal; }
/* REMOVE BORDER FROM TABLES */
table { border-collapse: collapse; border-spacing: 0; }
/* REMOVE BORDER FROM FIELDSET AND IMG */
fieldset, img { border: 0; }
/* LEFT ALIGN TEXT IN CAPTION AND TH */
caption, th { text-align: left; }
/* REMOVE QUOTAION MARKS  */
q:before, q:after { content: ''; }
/* REMOVE UNDERLINE ON LINKS  */
a { text-decoration: none; }


/* SPECIFIC STYLES */
body { font-family: Ariel, Verdana, Tahoma, Geneva,  Helvetica, sans-serif; color: #333; font-size: 0.75em; background: #DADDC6; }
#wrap { width: 704px; margin: auto; position: relative; background: #FFF; }

#header { background: #FFF url(images/oaktree.gif) top right no-repeat; width: 704px; margin: 10px 0 0 0; }
#header div { padding: 120px 0 0 0;  background: url(images/kinatext.gif) 25px 25px no-repeat; }
#header h1 { display: none; }
#header h2 { display: none; }
#header ul { clear: both; padding: 5px 5px 6px 0; }
#header li { text-align: right; padding: 4px 0 0 0; color: #666; }
#header li#thispage { text-align: right; padding: 4px 0 0 0; color: #f00; }
#header a { font-family: "Courier New", Courier, monotype; }
#header a:link { color: #666; border-bottom: 1px solid #fff; }
#header a:hover { color: #333; border-bottom: 1px solid #333; }
#header a:active { color: #AAA; border-bottom: 1px solid #AAA; }

#welcome       div#banner { height: 192px; background: #7C9ECC url(images/rocks.jpg) top right no-repeat; }
#howiwork      div#banner { height: 192px; background: #7C9ECC url(images/redcherrytree.jpg) top right no-repeat; }
#psychotherapy div#banner { height: 192px; background: #7C9ECC url(images/blossombranch.jpg) top right no-repeat; }
#workshops     div#banner { height: 192px; background: #7C9ECC url(images/workshops.jpg) top right no-repeat; }
#background    div#banner { height: 192px; background: #7C9ECC url(images/fallpath.jpg) top right no-repeat; }
#contact       div#banner { height: 192px; background: #7C9ECC url(images/kina.jpg) top left no-repeat; }

#banner                   div { width: 192px; }
#contact       div#banner div { width: 512px; margin: 0 0 0 192px; }
#banner                   blockquote { padding: 40px 10px 10px 10px;  color: #FFF; }
#contact       div#banner blockquote { padding: 40px 10px 10px 10px;  color: #FFF; }
#quote { text-align: center; font-style: normal; font-family: cursive; font-size: 100%; }
#author { text-align: right; font-style: normal; padding: 10px 5px 0 0; font-size: 85%; }

#nav { clear: both; float: left; width: 192px; background: #FFF; }
#nav li { height: 4em; font-size: 90%; background: #AE95AA; border: 1px solid #FFF; border-right: none; border-bottom: none; padding: 0; font-variant: small-caps; }
#nav li:hover { background: #A62B25; }
#nav a         { float: left; padding: 10px 10px 12px 10px; text-decoration: none; color: #fff; }
#nav a:visited { float: left; padding: 10px 10px 12px 10px; text-decoration: none; color: #fff; }
#nav a:hover   { float: left; padding: 10px 10px 12px 10px; text-decoration: underline; color: #fff; }
#nav a:active  { float: left; padding: 10px 10px 12px 10px; text-decoration: underline; color: #fff; }
#nav strong { font-weight: bold; }

#content { float: left; width: 512px;  background: #FFF; font-size: 90%; }
#content div { padding: 10px 15px; }
#content h3 { margin: 10px 0 15px 0; font-size: 125%; color: #A62B25; text-transform: uppercase; }
#content h4 { margin: 8px 0 8px 0; font-size: 115%; color: #A62B25; }
#content p { margin: 0 0 10px 0; line-height: 150%; }
#content em { font-style: italic; }
#content strong { font-weight: bold; }

#content a { color: #A62B25; font-weight: bold; }
#content a:link { color: #A62B25; border-bottom: 1px solid #A62B25; }
#content a:hover { color: #701D18; border-bottom: 1px solid #701D18; }
#content a:active { color: #AAA; border-bottom: 1px solid #AAA; }

#content a#email { font-family: "Courier New", Courier, monotype; font-size: 125%; }
#content a#email:link { color: #666; border-bottom: 1px solid #fff; }
#content a#email:hover { color: #333; border-bottom: 1px solid #333; }
#content a#email:active { color: #AAA; border-bottom: 1px solid #AAA; }

#content ul { padding: 0 0 10px 0; }
#content li {  }

#footer { clear: both; width: 704px; background: #FFF; margin: 0 0 10px 0; padding: 10px 0 0 0; font-size: 90%; }
#footer div { padding: 5px; height: 1.5em; border-top: 1px dotted #ccc; }
#footer ul { font-variant: small-caps; color: #999; }
#footer li#copy { float: left; }
#footer li#date { float: right; }