/* Default Stylesheet */
@import url(reset.css);

body {
	background: rgb(240,240,240);
	font: 13px/15px 'Lucida Grande', 'Lucida Unicode', verdana, helvetica, arial, sans-serif;
	color: rgb(30,30,30);	
}

h2, h3, h4, h5, ul, ol, dl, form, p {
	margin: 15px 0;
}

#jump {
	display: none;
}

/*-- Page --*/
#page {
	width: 780px;
	margin: 30px auto;	
	padding: 0 15px; /* total width should be: 810px */
	border: 1px solid rgb(220,220,220);
	background: white;
}

/*-- Header --*/
#header {
	
}

h1 {
	width: 100%;
	height: 45px;
	margin: 15px 0;
	background: white url(../i/h1_bg.png) no-repeat left top;
	text-indent: -10000px;
}

/*-- Banner --*/
#banner {
	margin-left: -15px;
	width: 810px;
	height: 225px;
	border-top: 1px solid rgb(220,220,220);	
	background: rgb(245,245,245) url(../i/banner.jpg) no-repeat left bottom;
}

/*-- Nav todo: needs to work in FF (and probably IE 6) --*/
#nav {
	width: 810px;
	height: 30px;
	margin: 0 0 0 -15px;
	border-bottom: 1px solid rgb(220,220,220);
	background: rgb(240,240,240);
}

#nav li {
	display: inline;
	float: left;
}

#nav li a {
	display: inline-block;
	padding: 10px 15px;
	border-right: 1px solid rgb(220,220,220);
	line-height: 10px;
	text-decoration: none;
	color: black;
}

#nav a:hover {
	background: none;
	text-decoration: underline;
}

#home #home,
#counselling #counselling,
#healing #healing {
	text-decoration: underline;
}

/*-- Main --*/
#main {
	float: left;	
	width: 540px;
	margin: 15px 15px 0 0;
}

h2 {
	float: left;
	height: 45px;
	margin: 5px 30px 0 0;
	background-color: white;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000px;
}

h2#welcome {
	width: 183px;
	background-image: url(../i/h2/welcome.png);
}

h2#counselling {
	width: 260px;
	background-image: url(../i/h2/counselling.png);	
}

h2#healing {
	width: 168px;
	height: 60px;
	background-image: url(../i/h2/healing.png);	
}

h2#counselling_in_depth {
	width: 450px;
	height: 60px;
	background-image: url(../i/h2/counselling_in_depth.png);		
}

h3 {
	clear: left;
	font: bold 15px/27px helvetica, arial, sans-serif;
}

#sidebar h3 {
	padding-left: 25px;
	border-bottom: 1px solid rgb(220,220,220);	
}

h3#contact {
	background: url(../i/bullet_email.png) no-repeat left 50%;
}

h3#location {
	background: url(../i/bullet_map.png) no-repeat left 50%;
}

h3#links {
	background: url(../i/bullet_link.png) no-repeat left 50%;
}

strong {

}

em {
	font-style: normal;	
	font-weight: bold;
}

ul {
	margin-left: 30px;
}

blockquote {
	padding: 0 30px 0 15px;
	font-size: 12px;
	color: rgb(100,100,100);
}

cite {
	padding-left: 15px;
	font-size: 12px;
}

#home #main li {
	padding: 10px 0 10px 25px;
	background: url(../i/bullet_pointer.png) no-repeat left 50%;
	line-height: 10px;
}

/*-- Sidebar --*/
#sidebar {
	float: left;
	width: 225px;
	font-size: 11px;
}

#map {
	width: 100%;
	border: 1px solid rgb(220,220,220);
}

#sidebar ul {
	list-style: disc;
}

/*-- Misc --*/
.subtle {
	color: rgb(100,100,100);
}

.img-box {
	float: left;
	width: 195px;
	margin: 0 15px 15px 0;
}

.img-box.right {
	float: right;
	margin: 0 0 15px 15px;
}

.img-box img {
	width: 191px;
	padding: 1px;
	border: 1px solid rgb(220,220,220);
}

.img-box p {
	margin: 0;
	font-size: 10px;
	color: rgb(100,100,100);
}

.img-box.right p {
	text-align: right;
}

/*-- Links --*/
a:link,
a:active,
a:visited,
a:hover {
	color: rgb(50,100,250);
}

a:visited {
	color: rgb(0,50,150);
}

a:hover {
	background: rgb(50,100,250);
	color: white;
}

a.img:hover {
	background: none;
}

/*-- Footer --*/
#footer {
	clear: both;
	padding: 10px 0;
	border-top: 1px solid rgb(230,230,230);
	text-align: center;
	line-height: 10px;
	font-size: 11px;
	color: rgb(100,100,100);
}

#footer a {
	color: rgb(80,80,80);
}

#footer a:hover {
	
}