/* STYLES FOR SEATTLE ENERGY MEDICINE WEB SITE */

/*
	Includes advanced styles - positioning, layers, etc. - as supported by latest browsers
*/

/* GLOBAL DECLARATIONS */

html, body {margin: 0; padding: 0}

body {
	/* border: 2px dotted silver; */
	padding: 15px 15px 30px 15px;
	color: #300; background-color: #fff;
	font: 12px/16px verdana, arial, helvetica, sans-serif;
	text-align: center;
	/* font-family: verdana, arial, helvetica, sans-serif; */
}

img {border: 0}

#skipnav {display: none}

/* 
#logo			{border: 1px solid purple}
#nav 			{border: 1px solid black}
#bodywrap	{border: 2px solid green}
h1				{border: 1px dotted red}
#intro		{border: 1px solid blue}
#main			{border: 1px solid purple}
 */
a:link		{text-decoration: underline}
a:hover		{text-decoration: none}

#bodywrap {
	border: 1px solid #e53;
	text-align: left;
	margin: 0 auto;
	width: 840px;
	background: url('images/bg_hand.gif') fixed #fff 0 100% no-repeat;
}

#masthead {
	position: relative;
}

#logo {
	position: relative;
	z-index: 100;
	width: 190px;
}

#logo h1 { margin: 0; /* border: 1px solid red; */ width: 189px}

/* IE 4 & 5 will not read styles *after* voice-family lines */
#nav {
	width: 840px;
	voice-family: "\"}\"";	/* values for IE 4 & 5 are before */ 
	voice-family:inherit;	/* values for IE 6 & later are after */
	width: 640px;
} 

#nav {
	position: absolute;
	top: 37px; left: 0;
	padding: 20px 0 20px 200px;
	height: 155px;
	background: url('images/photo_panel.jpg') #e53 100% 100% no-repeat;
}

/* IE6 and earlier will *not* read this style */
html>body #nav {
	top: 37px; left: 0;
	height: 35px;
	padding: 0 0 160px 200px;
}

#nav ul {
	/* border: 1px dotted blue; */
	overflow: hidden;
	margin: 0px 0 100px 0; padding: 0;
	list-style: none;
	text-align: center; white-space: nowrap;
	height: 20px;
}

/* IE6 and earlier will *not* read this style */
html>body #nav ul  {
	margin: 22px 0 0 0;
}

#nav li {
	/* border: 1px solid black; */
	border-right: 1px solid #681;
	float: left;
	margin: 0; padding: 0 9px;
}

#nav li#nav-resources {
	border: 0;
}

#nav li a {
	/* border: 1px dotted black; */
	display: block;
	/* width: 100%; */
	/* height: 100%; */
	/* margin: 0; padding: 0 12px; */
	color: #fff; background-color: #e53;
	font: bold 12px/1 arial, helvetica, sans-serif;
	text-decoration: none;
}

#nav li a {
	font: normal 13px/1 georgia, "times new roman", "times roman", times, serif;
	padding: 2px 6px 4px 6px;
}

#nav li.thispage a, #nav li.thispage a:hover, #nav li.thishome a:link, #nav li a:hover {
	background-color: #681;
	border-bottom: 1px solid #681;
}

#nav li a:hover {
	border-bottom: 1px solid #fff;
}

#nav li a img {
	display: block;
}

#main {
	padding: 0 15px 45px 315px;
	background: url('images/quote_gandhi.gif') 125px 99% no-repeat;
}

#main .para-wrap {
	position: relative;
}

#footerwrap {
	text-align: center;
}

#footer {
	text-align: left;
	width: 840px;
	margin: 0 auto;
	padding-top: 8px;
	font: normal 11px/1 verdana, arial, helvetica, sans-serif;
	/* letter-spacing: 1px; */
	color: #300;
}

#footer ul {
	text-align: left;
	margin: 4px;
	/* width: 600px; */
	/* border: 1px dotted blue; */
	padding: 0;
	list-style: none;
}

#footer ul#footer-block-copy {
	margin-left: 300px;
}

#footer ul#footer-block-details {
	margin-left: 100px;
}

#footer li {
	/* border: 1px solid black; */
	border-right: 1px solid #300;
	float: left;
	margin: 0; padding: 0 9px;
}

#footer li#footer-copy {
	border: 0;
	float: none;
}

#footer li#footer-address {
	border: 0;
}

#footer li a {
	/* border: 1px dotted green; */
	/* margin: 0; padding: 0 12px; */
	color: #300;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
	font: normal 13px georgia, "times new roman", "times roman", times, serif;
	color: #b21;
	margin: 8px 0 4px 0;
}

h1, #deck h2 {
	/* padding-left: 200px; */
	width: 475px;
	font-size: 16px;
	text-transform: uppercase;
}

#main .para-wrap h2 {
	position: absolute;
	top: 0; left: -200px;
	margin: 0;
	text-transform: lowercase;
}

h2, #deck h1 {
	color: #b21;
}

#deck h1 {
	font-size: 11px;
	letter-spacing: 1px;
	margin-bottom: 6px;
}

#deck h2 {
	/* margin: 0; */
}

h2:before {
	content: "{ ";
}

h2:after {
	content: " }";
}

#deck h2:before {
	content: "";
}

#deck h2:after {
	content: "";
}

/* BLOCK ELEMENTS & LISTS */

p, dl, dd, ul, ol {margin: 0 0 12px 0}

dt {
	font-weight: bold;
}

body.faq dt {
	text-transform: uppercase;
}

dd p {
	margin: 0;
	text-indent: 14px;
}

dd p:first-child {
	/* color: red; */
	text-indent: 0;
}

dl.inline {
	float: left;
	width: 97%;		/* width must be specified */
	padding: 1%; padding-right: 2%;
	margin-left: 0;
}

dl.inline dt {
	float: left; clear: left;
	text-align: right;
	padding-right: 10px;
	width: 13%;
	margin: 0 -1px 2px 0;
}

dl.inline dd {
	float: left;
	width: 77%;
	margin: 0 -1px 2px 0;
	/* clear: right; */
}

#main ul {
	margin-left: 12px;
	padding-left: 12px;
}

#main ul.flush, body.resources #main ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

body.resources #main li {
	margin-bottom: 2px;
}

p.first		{margin-bottom: 0px}
p.middle		{margin-bottom: 0px; text-indent: 16px;}
p.last		{text-indent: 16px;}

.nowrap, .phone {white-space: nowrap}

/* LINKS */

#main a:link		{color: #a10}
#main a:visited	{color: #e64}
#main a:hover		{text-decoration: none}

/* MISC STYLES */

div.imgright, div.calloutright {
	/* border: 1px solid red; */
	width: 100px;
	float: right;
	margin: 6px 0 0 16px;
	/* margin: 0.5em 0 0 1em; */
}

div.imgleft, div.calloutleft {
	width: 100px;
	float: left;
	/* border: 1px solid red; */
	margin: 0.5em 1em 0.25em 0;
}

div.calloutright, div.calloutleft {
	/* background: url('images/bg_shadow_top_01.gif') #F7FAF5 0 0 repeat-x; */
	width: 125px; padding: 0.5em 0.5em 0.75em 0.75em;
}

div.calloutright ul, div.calloutleft ul {
	/* border: 1px dotted blue; */
	/* list-style: none; */
	margin: 0.5em; margin-left: 1em; padding: 0;
/* 	margin-left: 1.5em; */
}