/*
SCREEN style sheet for BarbaraDuncanOrganizer.com
created 11/25/07
*/


body { 
	background-color: #FFC099; 
	margin: 20px; 
	padding: 0px;
	text-align: center;  /* IE hack to center pg on screen in IE only */
}
#page { 
	margin: 0px auto; /* centers pg on screen in Moz/Opera */
	border: 2px solid #FF9A5C;
	padding: 10px;
	width: 760px;
	font: 100% Verdana, Geneva, sans-serif;
	text-align: left;  /* IE hack counteract */
}
/* margin + border + pad + width = total page width */
/* auto + 2 + 2 + 10 + 10 + 760 = 784 min-width */

/* HEADER -------------------------------------------- BEGIN */
#header { 
	background-color: #FFFFFF;
	display: block;
	clear: both;
	margin: 0px;
	border-left: 2px solid #FF9A5C;
	border-right: 2px solid #FF9A5C; 
	padding: 0px;
	width: 756px;
	height: 174px;  /* IE hack - extra 2px w/o it */
	overflow: hidden; /* height won't take w/o overflow attribute */
}
/* margin + border + pad + width = 760 */
/* 0 + 2 + 2 + 0 + 756 = 760 */

#header a:link, #header a:visited, #header a:hover { 
	font-size: .7em;
	color: #F26739;
	text-decoration: none;
	border: none;
	background-color: transparent;
}
/* so nav bar doesn't adopt txt link attributes */
#header-left { 
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 395px;
	float: left;
}
#header-left img {
	margin: 0px;
	padding: 0px;
	float: left;
}
#header-right {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 361px;
	float: left;
}
.row1 img {
	display: block;
	margin: 0px;
	padding: 0px;
}
.row2 {
	height: 43px;
	overflow: hidden;
}
.row2 img {
	margin: 0px;
	padding: 0px 0px 0px 21px;
	vertical-align: top;
	float: left;
}
.row2 img.end {
	padding-right: 31px;
}
.row3 img {
	margin: 0px;
	padding: 0px;
	float: left;
}
/* HEADER -------------------------------------------- END */


/* MAIN --------------------------------------------- BEGIN */
#main { 
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;  /* multi-column bgcolor  */
	clear: both;
	margin: 10px 0px 0px;
	border: 2px solid #FF9A5C;
	padding: 0px;
	width: 756px;
	word-spacing: .2em;
	text-align: justify;
}
/* margin + border + pad + width = 760 */
/* 0 + 2 + 2 + 0 + 756 = 760 */


#column1 { 
	background-color: #FFFFFF;
	margin: 0px;
	padding: 100px 0px 0px;
	width: 140px;
	text-align: right;
	float: left;
}
#column2 {
	background-color: #FFFFFF;
	margin: 0px -140px 0px 0px;	/* multi-column bgcolor  */
	border-right: 140px solid #FFFFFF;  /* multi-column bgcolor  */
	padding: 55px 55px 75px 24px;
	width: 537px;
	float: left;
}
/* columns 1 + 2 =  755 */
/* (0 + 0 + 140) + (140 + -140 + 55 + 24 + 537) =  756 */

h1 { 
	margin: 0px;
	padding: 0px;
}
/* sitewide h1 contains img tags, not text */
/* hmpg has a separate h1 tag */
h2 {
	margin: 0px 0px 25px;
	padding: 0px;
	font-size: .9em;
}
h3 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: .9em;
}
p, ul, blockquote { 
	margin: 0px 0px 20px;
	font-size: .7em;
	line-height: 1.8em;
}
blockquote {
	padding: 0px 40px;
	text-align: justify;
}
blockquote.services {
	text-align: center;
}
a:link, a:visited { 
	color: #F26739; 
	text-decoration: none; 
	border-bottom: 1px dashed #F26739; 
}
a:hover { 
	color: #F26739; 
	text-decoration: none; 
	border-bottom: none; 
}
table {
	margin: 20px 0px 0px;
	border: 0px;
	padding: 0px;
	font-size: .7em;
	line-height: 1.8em;
}
td {
	vertical-align: top;
}
ul { 
	padding: 0px 0px 0px 30px;
	text-align: left;
}
li { 
	padding: 3px 0px;
	line-height: 1.4em;
	list-style-type: square;
}
#subnav ul { 
	margin: 0px 6px;
	padding: 0px;
}
#subnav ul li { 
	padding: 0px;
	line-height: 1.8em;
	list-style-type: none;
	text-align: right;
}
#subnav ul li a:link, #subnav ul li a:visited {
	color: #682C7D; 
	text-decoration: none; 
	border-bottom: none;
}
#subnav ul li a:hover {
	color: #682C7D; 
	text-decoration: none; 
	border-bottom: 1px dashed #682C7D;
}
img.about {
	padding: 20px 15px 15px 40px;
	float: right;
}
img.napo {
	padding: 7px 15px 0px 0px;
	float: right;
}
sup {
	font-size: .7em;
}
.center {
	text-align: center;
}
.b2t { 
	padding: 10px 0 20px;
	text-align: right; 
}
/* MAIN --------------------------------------------- END*/



/* HOMEPAGE --------------------------------------------- BEGIN */
#column-hmpg {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 55px 70px 75px;
	width: 616px;
}
#column-hmpg h1 { 
	margin: 0px 0px 25px;
	padding: 0px 0px 5px;
	font-weight: bold;
	font-size: 1em;
	color: #682C7D;
	text-align: center;
}
#column-hmpg h2 {
	padding-top: 10px;
	color: #682C7D;
	text-align: center;
}
p.definition {
	padding: 0px 65px;
	text-align: justify;
}
p.question {
	font-size: .75em;
	text-align: center;
}
table.homepage {
	margin: 0px auto;
	font-size: 100%;
	text-align: left;
	word-spacing: .1em;
}
table.homepage td.puzzle {
	background: #FFFFFF url(./images/bg-hmlist1.gif) no-repeat scroll 0px 0px;
	padding: 7px 10px 5px;
	width: 215px;
	height: 366px;
	overflow: visible;
	color: #682C7D;
}
table.homepage td.clutter {
	background: #FFFFFF url(./images/bg-hmlist2.gif) no-repeat scroll 0px 0px;
	padding: 7px 10px 5px;
	width: 215px;
	height: 366px;
	overflow: visible;
	color: #F26739;
}
table.homepage td.space {
	width: 60px;
}
table.homepage p.title {
	margin: 0px;
	text-align: center;
}
table.homepage td.puzzle ul, table.homepage td.clutter ul  {
	margin:0px 0px 5px -15px;
}
table.homepage li {
	padding-bottom: 13px; /* this was 15px */
}
table.homepage p.result{
	line-height: 1.5em;
}
img.napo-hmpg {
	margin-right: -10px;
	margin-top: -10px;
	margin-left: 30px;
	float: right;
}
/* HOMEPAGE --------------------------------------------- END */



/* PG-SOLUTIONS --------------------------------------------- BEGIN */
#summary {
	padding: 10px 30px 25px;
	text-align: center;
}
.before {
	padding: 0px 43px 15px 0px;
	float: left;
}
.after {
	padding: 0px 0px 15px 43px;
	float: left;
}
.testimonial {
	padding: 0px 0px 0px;
	text-align: justify;
}
.name {
	padding-left: 95px;
	line-height: 1.6em;
}
table.solutions td.number {
	padding: 0px 7px 0px 0px;
	vertical-align: top;
}
table.solutions td.text {
	vertical-align: top;
}
table.solutions td.images {
	padding: 0px 0px 40px 40px;
	vertical-align: top;
}
/* PG-SOLUTIONS --------------------------------------------- END*/



/* CONTACT FORM --------------------------------------------- BEGIN*/
table.contact td.text {
	font-weight: bold;
	vertical-align: top;
}
table.contact td.field {
	padding: 5px;
	vertical-align: top;
}
input, textarea {
	font: 100% Verdana, Geneva, sans-serif;
}
/* CONTACT FORM --------------------------------------------- END*/



/* FOOTER --------------------------------------------- BEGIN */
#footer { 
	margin: 10px auto 0px; /* centers in Moz/Opera */
	padding: 10px;
	width: 760px;
	font: .8em Verdana, sans-serif;
	text-align: center; /* centers in IE */
}
#footer p { 
	margin: 15px 0px 0px;
	color: #661B02;
	line-height: normal;
}
#footer .links {
	color: #F26739;
}
#footer a:link, #footer a:visited { 
	color: #661B02;
	text-decoration: none; 
	border-bottom: 1px dashed #661B02; 
}
#footer a:hover { 
	color: #F26739;
	text-decoration: none; 
	border-bottom: none;
	background-color: #FFFFFF;
}
/* FOOTER --------------------------------------------- END */