/* CSS Document */

/* Core HTML setup */

html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	margin: 0;
	background-color: #d2c2c0; /* Added 12/11 */
	background-color: #ccc7c4; /* Added 12/11 */
	min-height: 100%;
}

h1, h2 {
	font-size: 1.2em;
	margin: .2em;
	color:#990000;
}

.directions {
	color:#660000;
	font-size: .8em;
	text-decoration: none;
}

.directions:hover {
	text-decoration: underline;
}

.mapImage {
	border: 1px solid #CCCCCC;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}

/* Main Layout Components */

.page_bg {
	padding-top: 1em;
	margin-bottom: .6em;
	zoom: 1;
	min-height: 100%;
}


div.center {
  	text-align: center;
}

div#outerWrapper {
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;	
}

div#innerWrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 40.5em;

	background-image: url(../tmp/pink_bg_3.gif);	
	background-repeat:no-repeat;
	min-height: 100%;
}

/* Top Navigation Styles */

#navTop {
	float:right;
	width: 39.8em;
	padding-left: em;
}

#businessTitleBox {
	float: left;
}

#topRightSideNavBox {
	float: left;
	margin: 0;
	margin-left: -1px;
}

#mtPilchuckBox {
	margin: 0;
}

#topNavButtonsBox {
	margin: 0;
	padding: 0;
}

/* Bread Crumb related styles */

#breadCrumbBox {
	margin-left: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	width: 39.5em;
	text-align: left;
	clear: both;
}

#breadCrumbs {
	font-size: .7em;
}

#breadCrumbs a {
	text-decoration:none;
	color:#CC3300 !important;
}

#breadCrumbs a:visited {
	text-decoration:none;
	color: #666666;
}

#breadCrumbs a:hover {
	text-decoration:underline;
}

/* Left Column Styles */

#leftColumn {
	float: left;
	width: 14.7em;
	width: 14.8em;
	min-height: 100%;
	text-align: left;
}

.leftColumnMemberBox {
	margin-top: .5em;
	margin-bottom: 1em;
	width: 14em;
	text-align: center !important;
}

.leftColumnMemmberBox h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
}

.leftColumnCityBox h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
}

.leftColumnCityBox ul li {
	list-style-type: square;
}

.leftColumnCityBox a {
	color:#660000;
	font-size: .8em;
	text-decoration: none;
}
.leftColumnMemmberBox a {
	color:#660000;
	font-size: .8em;
	text-decoration: none;
}

.leftColumnCityBox a:hover {
	text-decoration: underline;
}
.leftColumnMemmberBox a:hover {
	text-decoration: underline;
}
.leftColumnContactBox {
	margin-top: .5em;
	margin-bottom: 1em;
	width: 14em;
	height: 7em;
	background-image:url(../tmp/contactBg.gif);
	background-position: top center;
	background-repeat:no-repeat;
}

.leftColumnContactBox ul.headings {
	float: left;
	margin: 0;
	padding-left: 0em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: .3em;
	width: 4.2em;
	list-style: none;
	text-align: right;
	line-height: 1.5em;
}

.leftColumnContactBox ul.headings li {
	text-align: right;
	color:#990000;
	font-size: .6em;
	font-weight: bold;
}

.leftColumnContactBox ul.content {
	float: left;
	margin: 0;
	padding: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	list-style: none;
	width: 8em;
	line-height: 1.5em;
}

.leftColumnContactBox ul.content li {
	text-align: left;
	color:#000000;
}

.leftColumnContactBox ul.content li.phone {
	font-weight: bold;
	font-size: 1.1em;
	text-align: left;
	color:#333333;
}

.leftColumnContactBox ul.content li.email {
	font-size: .9em;
	text-align: left;
	color:#000000;
}

.leftColumnContactBox ul.content li.address {
	padding-top: .4em;
	text-align: left;
	font-size: .8em;
	line-height: 1.1em !important;
}

.leftColumnNavBox {
	border: 1px solid #CCCCCC;
	width: 14em;
	background-image:url(../tmp/leftNavBoxBgImg.jpg);
	background-repeat:repeat;
	line-height: 1.5em;
}

.leftColumnNavBox ul {
	margin: 0;
	padding: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	list-style: none;
}

.leftColumnNavBox ul li.long{
	color:#660000;
	text-decoration: none;
	line-height: 1em;
}


.leftColumnNavBox ul li a{
	color:#660000;
	font-size: .8em;
	text-decoration: none;
}


.leftColumnNavBox ul li a:hover {
	text-decoration: underline;
}

.leftColumnNavBox ul ul{

	margin: 0;
	margin-top: -.5em;
	padding-left: 1em;
	color: #990000;
	list-style: square;
	line-height: 1em;
}
.leftColumnNavBox ul ul li a{
	color:#333333;
	font-size: .8em;
	text-decoration: none;
}

.leftColumnNavBox ul ul li a:hover {
	text-decoration: underline;
}

.navlist {
	list-style: none;
	margin: 0;
	margin-right:0;
	padding: 0;
	padding-left: 1.5em;
	font-size: .8em;
	color: #990000;
	text-align: left;
	height: 17em;
}

.navlist a {
	color: #990000;
	text-decoration: none;
}

.navlist a:hover {
	text-decoration: underline;
}

/* Main Column Styles */

#mainColumn {
	width: 25.65em;
	float: left;
	padding-bottom: 2em;
		min-height: 100%;
}

.mainColumnContentBox {
	clear: both;
	width: 100%;
	padding-left: 1em;
}

.mainColumnContentBox p {
	margin: 0;
	margin-top: .5em;
	margin-left: .7em;
	color: #333333;
	font-size: .8em;
	letter-spacing: .03em;
	word-spacing: .1em;
	line-height: 1.35em;
}

.mainColumnContentBox a {
	text-decoration: none;
	color: #990000;
}

.mainColumnContentBox a:hover {
	text-decoration: underline;
	color: #990000;
}

.mainColumnContentBox ul {
	clear: both;
	margin: 0;
	margin-top: .5em;
	margin-left: 0em;
	padding-left: 2em;
	color: #333333;
	letter-spacing: .03em;
	word-spacing: .1em;
	line-height: 1em;
	list-style-type: square;
}

.mainColumnContentBox ul li {
	font-size: .8em;
	padding-bottom: .5em;;
}

.mainColumnContentBox ul ul li {
	font-size: .9em;
}

.mainColumnContentBox ol {
	clear: both;
	margin: 0;
	margin-top: .5em;
	margin-left: 1em;
	padding-left: 2em;
	color: #333333;
	letter-spacing: .03em;
	word-spacing: .1em;
	line-height: 1em;
	font-size: .8em;	
}

.mainColumnContentBox ol li {
	padding-bottom: .5em;;
}

.mainColumnContentBox ol ol li {
	font-size: 1.3em;
}


/* Footer Styles */

#footer {
	border-top: 1px solid #CCCCCC;
	padding-top: .5em;
	clear: both;
	text-align: center;
	font-size: .7em;
}

#footer a {
	color: #993300;
	text-decoration: none;
}

#footer ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	display: inline;
}

#footer ul li.footerText {
	text-align: center;
	margin-top: 0px;
	border: 0;
	margin-right: 0px;
	padding-right: 0em;
}	

#footer div.disclaim {
	color: #999999;
}	

/* img styles */

img.navButtonsTmp {
	border: 0;
	margin: 0;

	width: 25.38em;
	height: 3.38em;
}

img.mtPilchuck {
	border: 0;
	margin: 0;
	width: 25.38em;
	height: 3.13em;
}

img.businessTitle {
	border: 0;
	margin: 0;
	width: 14.44em;
	height: 6.50em;
}

img.mainColumnBusinessTitle {
}

img.photoMicheleOloane {
	width: 22.81em;
	height: 16.00em;
}

img.photoMicheleOloaneSmall {
	width: 18.75em;
	height: 13.13em;
}

img.my_philosophy {
	padding-left: .3em;
	width: 9.44em;
	height: 1.69em;
}

img.family_law_process {
	float: left;
	width: 10.75em;
	height: 3.38em;
}

img.credentials {
	float: left;
	width: 6.88em;
	height: 3.38em;
}

img.practice_areas {
	float: left;
	width: 7.75em;
	height: 3.38em;
	margin: 0;
	padding: 0;
	border: 0;
}

img.contactMicheleOloane {
	width: 13.63em;
	height: 1.31em;
}

/* generic styles */

.txt_align_left {
	text-align: left;
}

.no_margin {
	margin: 0;
}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:350px; border:1px solid #c4c4c4; margin:5px 0; padding:5px 2px; height:15px; background:#ededed;}
#contactform textarea { width:350px; border:1px solid #c4c4c4; margin:10px 0; padding:2px; background:#ededed; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}