/*yui-reset: thank you, Yahoo!*/
html,body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{
	margin:0; 
	padding:0; 
} 
table {
	border-collapse:collapse;
	border-spacing:0; 
} 
.content table{
	border: 1px dotted;
}
.content table td,
.content table th{
	padding: 5px;
}
.t-30 th{
	width: 30%;
}


fieldset,img {
	border:0; 
} 
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal; 
} 

ol,ul {
	padding:0 20px;
	margin:0;
} 
ol{
	list-style-type: decimal;
}
li{
	margin:.75em 0;
}
caption,th {
	text-align:left; 
} 
th {
	font-weight: bold;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Times New Roman, serif;
	font-weight:normal; 
	margin-top:21px;
	color: #990033;/*mulberry #ce1825;/* cherry2 #ce1825;/*(cherry).. #b43508(orangey terra cotta);*/
} 
q:before,q:after {
	content:''; 
} 
abbr,acronym { 
	border:0; 
} 

/*end reset, begin style */
html, body{
	height: 100%;
}

body{
	background: #104208 url(../images/bgpattern3.jpg) fixed repeat;/*deep green /* clay  #675028 /* burgundy #4a0838;/*plum #6b0400;/* cherry #4a2201;/*brown #104208;/*original green #1d210d; /* dark green with pattern tile */
	font-family: Lucida Grande, Verdana, Arial, sans;
	font-size: 16px;
	line-height: 1.3125em; /*21 px*/
	color:#663300;/*#675028;/* clay #7a7965; /* grey */
}

h1{font-size: 2em; /*32px*/
	line-height: 1.5em; /*48px */
}

h2{font-size:2em;
	line-height: 1.5em; /*48px */
}
h3{font-size: 1.5em;
	line-height: 2em;/*48px */
	}
h4{font-size: 1.5em;}
h5{font-size: 1em;}
h6{font-size: 1em;}


ul,ol,p,table{
	font-size: .875em;
	line-height: 1.5em;
	margin: 1em 0;/*very close to 10px */
	display: block;
}

a {
	text-decoration: none;
	color:#104208;
}

a:visited{
	color:#1d210d;
}
a:hover{
	color:#cc6600;
}
.content p a{
	border-bottom: 1px dotted;	
}
/*layout*/
.clear{clear:both;}
.centre{/* centers all content and constrains to 960px*/
	border-left: 10px solid #1d210d;/*#a19159; /*#655915;*/
	border-right: 10px solid #1d210d;/*#a19159; /*#655915;*/
	width: 720px;
	margin: 0 auto; /* this is what centers the middle area on the screen - only works because of the explicit width*/
	min-height: 100%;
	background: #fff url(../images/tree-720.png) top left no-repeat;
	padding:0;
}
.outer{
	background: transparent url(../images/jericho_720.png) bottom right no-repeat;/**/
	padding:0;
}
.inner{
	background: transparent url(../images/textured_BG_720.png) repeat-y;/* url(../images/spanishbanks.png) bottom right no-repeat;*/
	padding-top: 30px;
}
.header, .content, .footer{

	margin-right: 40px;
}

.header{
	height: 280px;
	background: green;
	position: relative;
}
.content{
	min-height: 300px;
	margin-left: 240px;
	margin-top: 300px;
	margin-bottom:0px;
	padding:0;
	padding-left: 40px;
	border-left: 1px dotted #663300;
	position: relative;
}

.footer{
	/*margin-left: 250px; pulls the left end to overlap with the edge of the black bg column */
	/*margin-right: 10px; pulls the right edge to do the same */
	background: transparent;
	min-height: 340px; /*add to ieheadache! */
	/*position: relative; /*required for the address to alwasy be bottom left */
}
.left{
	position: absolute;
	top: 0px;
	left: -220px;
	width: 180px;
}

/*content */

#vancouver_therapist{
	clear:both;
	text-align: right;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
}

.therapist {
	font-size: 2.625em;/*42px*/
	line-height: 1em;
	width: 100%;
	margin:0;
	color: #990033;
	padding:0;

}
.credentials {
	font-size: 1em;
	line-height: 1.3125em;
	font-weight: normal;
	font-style: italic;
	margin:0;
	color:#442c10;
	margin-right:10px;
}
.inner_page #vancouver_therapist{
	position: absolute;
	top: -200px;
	right: 0px;
	text-align:right;
	font-weight: normal;
	font-family: inherit;
}
.inner_page .therapist{
	font-size: 1.5em;
	margin-bottom:0;
}

#mission {
	display: block;
	margin:21px 10px 0 0;
	padding:0;
	list-style-type: none;

}
#mission li{
	margin:0;
	padding:0;
	color:#675028;
}
#locations{
	display: block;
	margin:21px 10px 0 0;
	padding:0;
	list-style-type: disc;
	color:#675028;
}
#locations li{
	padding:0;
	margin:0;
	margin-left:10px;
	list-style-position:inside;
	list-style-type:disc;
	float: right;
}
#locations li.first{
	list-style-type: none;
}

.contact{
	text-align: right;
	font-size: .75em;
	float:right;
	line-height: 1.1666em;
	font-style: italic;
	margin-top: 20px;
}
.phone, .email {
	display: inline-block;
	font-style: normal;
	font-weight: bold;
	border: none;
}
.contact .phone,
.contact .email{
	display: block;
}

#sitenav{
	margin: 45px 0 0 0; /* 42px top to align nav with bullets on first page */
	font-size: .875em;
	line-height: 1.5em;
	padding:0;
	text-align: right;
	padding-bottom: 1.5em;
	list-style-type:none;
color: #104208;/* original green #675028; /* olive #6b0400;/*dark red #d7f59d;/* lime #fcf0b6;/*(pale terra cotta) #fcf5cc;/*(cream) #104208; /* dark green */
	font-weight: bold;
}
#sitenav ul{
	margin:0;
	padding: 0;
}
#sitenav li{
	list-style-type: none;
	list-style-image: none;
}
.nav{
	display: block;
	margin:0;
	padding:0;
	font-weight: bold;
	line-height: 1em;
	font-size: 14px;
	padding: 0;
	margin:0;
	color:inherit;
}
.has-children .nav{
	cursor: pointer;
}
.has-children .submenu{
	display: none;
	height:1;
}
.has-children.orange{
	color: #cc6600;
}
#sitenav ul.submenu{
	margin-top: 6px;
	padding: 2px 12px 2px 0;
	border-bottom: 1px dotted #663300;
	border-top: 1px dotted #663300;
}
a.nav:visited{
	color: #104208;
}
a.nav:hover{
	color: #cc6600;/*#ff4800;/*#ffae00; /* light orange #ffd200;/* dark orange #ff4800;/orange *#ce1825;/*#a0a423; /* light highlight green from tree */
}
a.nav.current{
	color: #cc6600; /*hover colour*/
}
.ui-state-active{
	color: #cc6600 !important;
}
ul.resource_list{
	list-style-type:none;
	margin: 1
}
ul.resource_list li{
	margin:0;
	padding:0;
}

/* sIFR screen styles */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	/* border: 1px solid pink; /* uncomment to see flash object area*/
}

.sIFR-replaced {
	visibility: hidden !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly 
with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
negative-letter spacing can be used used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in some cases
are so much narrower... your own settings may vary... any weird sizing 
issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1,
.sIFR-hasFlash h2,
.sIFR-hasFlash h3,
.sIFR-hasFlash h4,
.sIFR-hasFlash h5,
.sIFR-hasFlash h6
 {
	visibility: hidden;
	height: 1.2em; 
	/*make the height of the element equal to the font-size
	of the original so that the sIFR text is equivalent.*/
}

.sIFR-hasFlash #sitenav{
	padding-top:5px;
}
.sIFR-hasFlash .inner_page #sitenav{

}
.sIFR-flash{
	margin:0;
	padding:0;
	border:none;
}

