@charset "utf-8";
/* CSS Document

	Harbor Wellbeing, Gig Harbor, WA
	Design: Anupama, satnam.anupama@gmail.com
	Website: Tina Martinez, tina@dharmainternet.com www.dharmainternet.com
	
*/

body {margin-top: 20px; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background: #FFFFCC; color: #FFFFCC;}
a {color: #FFFFCC; text-decoration: none;}
.clear {clear: both;}
h1, h2, h3 {color: #CCFFFF; font-weight: normal;}
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}


/* Layout Divs */

#header, #main, #footer {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
}
#headerCalendar, #mainCalendar, #footerCalendar {width: 848px; margin-left: auto; margin-right: auto; margin-bottom: 2px;}
#leftNav {width: 150px; float: left; font-size: 1.1em;}
#contentHome, #content {width: 497px; float: right;}
#contentCalendar {width: 697px; float: right;}

#phone {width: 200px; float:left;}
#address {width: 375px; float: right; text-align: right;}
#bioID {width:128px; padding:12px;}


/* Layout Div Style */

#header {height: 140px; background: url(../images/bg-header.gif) top left no-repeat;}
#headerCalendar {height: 140px; background: url(../images/bg-header-calendar.gif) top left no-repeat;}
#header img, #headerCalendar img{margin-top: 104px;}
#main, #mainCalendar {
	background: url(../images/bg-content.gif) repeat-y;
	color: #FAE4BB;
}
#footer, #footerCalendar {background-color: #630D0D;}
#footer p, #footerCalendar p {margin: 0;}
#phone, #address {padding: 12px; font-size: 1.1em;}
#address {font-size: .85em; letter-spacing: 1px;}


/* Content Backgrounds */

#contentHome {height: 342px; background: url(../images/bg-home-page.jpg) top left no-repeat;}
#content, #contentCalendar {background: url(../images/watermark.gif) bottom right no-repeat;}

/* Text Colors */
.ltBlue {
	color: #CCFFFF;
}
.dkRed {color: #660000;}
.green {color: #339999;}
.yellow {color:#FFFFCC;}

/* Text Styles */
.italic {font-style:italic;}


/*  */

ul {list-style: none; margin: 0; padding: 0; margin: 15px;}
li {line-height: 160%;}
ul ul{margin: 0; padding: 0; margin-left: 15px;}
ul li ul li a{color: #CCCCFF;}

.bioPhoto {background-color: #FFFFCC; height: 205px;}
.bioCopy {padding: 15px; font-size: 1.1em; line-height: 130%;}
.bioLink {
	font-size: 1.1em;
	color: #FC0;
}

.bioID {padding: 10px; font-size: 1.1em; line-height: 130%; background-color: #FFFFCC;}
.bioName{ color: #660000; font-size: 1.25em; font-weight: bold;}
td {vertical-align: top;}
td.content {padding: 15px; font-size: 1.1em; line-height: 130%;}
#contentHome p {
	margin: 100px 170px 0 54px;
	font-size: 1.4em;
	color: #FFFFCC;
}
.bioPhotos img {border: 1px solid #FFFFCC;}

/* calendar table styles */

#calendar {background: #FFFFFF; color: #660000; padding: 5px; font-weight: bold; font-size: 14px;}
#calendarTable {width: 100% padding: 6px; background: #C3D9FF; padding-bottom: 18px;}
.rowDays {color: #0000FF; font-size: 10px; text-align: center;}
.rowNumbers {background: #E8EEF7; color: #333333; border-top: 1px solid #C3D9FF; font-size: 10px; text-align: right;}
.rowClasses {background: #FFFFFF; font-size: 10px; vertical-align: top; color: #660000;}
.Dates {border-right: 1px solid #C3D9FF; border-top: 1px solid #C3D9FF;}
.Classes {border-right: 1px solid #C3D9FF; width: 90px;}
.Classes a {color: #660000; text-decoration: underline; font-weight: bold;}
#main #content table tr .content h1 {
	border-top-style: 2em;
}