/* @override http://www.peaceofmindorganizing.com/css/main.css */

/* GENERAL
______________________ */
html, html body{
margin:0;
padding:0;
height:100%;
}
body {
background-image:url("../images/ltBlSquare.gif");
}
.popupBody,
html .popupBody{
height:auto;
background-image:none;
}
/* LAYOUT DIVs
______________________ */
#wrapper{
height:100%;/* for IE6 - expands for content anyway */
background:transparent url("../images/orangeBGNew.gif") left top repeat-y;
}
html>body #wrapper{ /* for good browsers - expand for content w/ min of 100% */
height:auto; 
min-height:100%;
}
.popupBody #wrapper,
.popupBody html>body #wrapper{
height:auto;
min-height:none;
background:none;
}
#content{
position:relative;
padding-top:120px;
padding-bottom:4em;
margin:0 260px 0 200px;
z-index:0;
}
.popupBody #content{
margin:0;
padding:0;
}
#band{
position:absolute;
top:26px;
left:0;
width:100%;
height:74px;
background:url("../images/smBlSq.gif");
}
h1#logo{
position:absolute;
top:6px;
right:40px;
z-index:10;
}
h1#logo a{
display:block;
height:120px;
width:235px;
text-indent:-9999px;
background:transparent url("../images/smLogo.png") right top no-repeat;
}
#slogan{
position:absolute;
top:104px;
right:262px;
font-style:italic;
_font-size:14px;
}
#footer {
text-align:center;
border-top:1px dotted rgb(254,196,108);
font-size:.7857em; /* 11px */
line-height:1.8182em; /* 20px */
margin:4.5454em 260px 0 230px; /* 50px */
padding-bottom:100px;
}
#sidebar{
position:absolute;
top:120px;
right:0;
width:240px;
}
#sidebar .h2Clone{
background:transparent url("../images/sidebarBorder.gif") left bottom no-repeat;
}
#sidebar *{
margin-left:0;
}
#sidebar form, #sidebar h3, #sidebar p{
padding-left:16px;
}
#sidebar p{
font-size:.8571em;
line-height:1.667em;
}
/* IMAGES ______________________ */
.imgR{
float:right;
margin:5px 0 7px 10px;
}
.imgC{
margin:5px 0 7px 0;
text-align:center;
}
.notBlog .imgC{
width:  80%;
max-width:650px; 
}
.imgL{
float:left;
margin:5px 10px 7px 30px;
text-align:center;
}
.imgR p, .imgC p, .imgL p{ width: auto; margin-left:0 }
.about_janineBody .imgR, .contactBody .imgR, .press_roomBody .imgR, .speakingBody .imgR, .faqBody .imgR{
border-radius:15px;
padding:2px;
background-color:white;
border:1px solid rgb(105,98,81);
}
.about_janineBody .imgR img, .contactBody .imgR img, .press_roomBody .imgR img, .speakingBody .imgR img, .faqBody .imgR img{
border-radius:15px;
}
/*resizing image with css -- sorry! */
.contactBody img {
	width:100px;
	height:150px;
	}
.imgR p, .imgL p{
margin:0;
padding:0;
text-align:right;
font-size:.7857em;
font-style:italic;
width:auto;
}
.prodImg{
float:left;
margin:0 10px 0 30px;
border:1px solid rgb(105,98,81);
}
.clearBoth {
clear:both;
}
/* before and after pics table styles */
.before_afterBody table {
border-collapse:collapse;
border-spacing:0;
margin:0 0 0 30px;
padding:0;
}
.before_afterBody td {
text-align:center;
padding:15px;
border-bottom:2px solid rgb(105,98,81);
}
.before_afterBody td a:hover{
border:0;
}
/* before and after popup styles */
.popupBody table {
border-collapse:collapse;
border-spacing:0;
position:absolute;
top:5px;
}
.horizontal td{
padding:5px 10px;
}
.vertical td{
padding:5px 10px;
}
td#captionL{
text-align:right;
padding-top:5px;
padding-right:20px;
border-top:2px solid rgb(105,98,81);
}
td#captionL span{
padding-left:250px;
padding-right:15px;
font-size:1.286em;
}
td#captionR {
text-align:left;
padding-top:5px;
padding-left:20px;
border-top:2px solid rgb(105,98,81);
}
td#captionR span{
padding-left:15px;
padding-right:250px;
font-size:1.286em;
}
/* FORMS ______________________ */
input, textarea{
font-size:1em;
color:rgb(105,98,81);
font-family:inherit;
padding:2px;
border:1px solid rgb(105,98,81);
}
input:hover, input:focus,
textarea:hover, textarea:focus{
border-color:rgb(254,196,108);
}
.submit input{
cursor:pointer;
padding:2px;
color:white;
background-color:rgb(105,98,81);
}
.submit input:hover, .submit input:focus{
background-color:rgb(254,196,108);
}
legend{
display:none;
}
.signup,
#contactForm,
#eventSignupForm{
margin-left:30px;
line-height:1.5em;
clear:both;
}
#contactForm,
#eventSignupForm{
margin-top:1.4286em;
border:1px dotted rgb(254,196,108);
background:url("../images/whiteBG.png") 0 0 repeat;
}
#eventSignupForm span{
padding-left:5px;
}
label{
display:block;
float:left;
width:5em;
text-align:right;
margin-right:.5em;
}
.mailbuild label, #contactForm label{
width:14em;
}
.checkbox, .submit{
padding-left:5.5em;
}
.mailbuild .submit, #contactForm .submit, #contactForm .checkbox{
padding-left:14.5em;
}
.checkbox label{
width:auto;
float:none;
text-align:left;
}
.checkbox label{
display:inline;
}
label.zemRequired, label.required{
font-weight:bold;
}
.zemError,
.zemRequirederrorElement{
color:rgb(210,94,100);
}
ul.zemError li{
margin-left:0;
list-style-image:none;
list-style-type:none;
}
fieldset div{
margin:.75em 0;
}
/* form in sidebar - labels over inputs */
#sidebar input{ display: block; clear: left;padding:5px 5px 5px 5px; }
#sidebar form div { position: relative; float: left; margin-right: 3px; height:1.2em}
#sidebar label.over { color: #ccc; position: absolute; left:5px;top:2px;width:auto}
#sidebar .submit {clear:both;padding-left:0;}
/* NAV  ______________________ */
ul#primNavDefault {
padding-top:10px;
position:absolute;
top:117px;
left:0;
width:185px;
text-indent:0;
background:white url("../images/URCorner.gif") right top no-repeat;
}
ul#primNavDefault li {
list-style-image:none;
list-style:none;
margin:0;
padding:0;
}
#primNavDefault li#contact{
background:transparent url("../images/LRCorner.gif") right bottom no-repeat;
}
#primNavDefault a{
display:block;
width:160px;
height:37px;
text-indent:-9999px;
border:0;
text-decoration:none;
}
#services a{
background: url("../images/buttons/services-2.gif") 0 -78px no-repeat;
}
#products a{
background: url("../images/buttons/products.gif") 0 -78px no-repeat;
}
#speaking a{
background: url("../images/buttons/speaking.gif") 0 -78px no-repeat;
}
#events a{
background: url("../images/buttons/events.gif") 0 -78px no-repeat;
}
#policies a{
background: url("../images/buttons/policies.gif") 0 -78px no-repeat;
}
#aboutJanine a{
background: url("../images/buttons/aboutJanine.gif") 0 -78px no-repeat;
}
#aboutDisorg a{
background: url("../images/buttons/aboutDisorg.gif") 0 -78px no-repeat;
}
#successes a{
background: url("../images/buttons/successes.gif") 0 -78px no-repeat;
}
#faq a{
background: url("../images/buttons/faq.gif") 0 -78px no-repeat;
}
#pressRoom a{
background: url("../images/buttons/press_room.gif") 0 -78px no-repeat;
}
#blog a{
background: url("../images/buttons/blog.gif") 0 -78px no-repeat;
}
#newsletter a{
background: url("../images/buttons/newsletter.gif") 0 -78px no-repeat;
}
#contact a{
background: url("../images/buttons/contact.gif") 0 -78px no-repeat;
}
#primNavDefault a:visited{
background-position: 0 0;
}
.servicesBody #services a,
.productsBody #products a,
.speakingBody #speaking a,
.eventsBody #events a,
.policiesBody #policies a,
.about_janineBody #aboutJanine a,
.about_disorgBody #aboutDisorg a,
.testimBody #successes a,
.before_afterBody #successes a,
.faqBody #faq a,
.press_roomBody #pressRoom a,
.newsletterBody #newsletter a,
.contactBody #contact a{
background-position: 0 -39px;
}
#primNavDefault a:hover,
#primNavDefault a:focus{
border:0;
background-position: 0 -39px;
}
ul.subNav{
font-size:.7857em; /*11px*/
background-color:white;
margin:0;
padding:0 0 10px 0;
width:auto;
}
ul.subNav li{
line-height:1.8181em;
}
#wrapper #primNavDefault .subNav a{
display:block;
width:auto;
height:auto;
padding-left:32px;
text-indent:0;
color:rgb(105,98,81);
background:none;
}
#wrapper #primNavDefault .subNav a:visited{
background:url("../images/buttons/checks.gif") 15px -52px no-repeat;
}
#wrapper #primNavDefault .subNav a:hover,
#wrapper #primNavDefault .subNav a:focus,
#wrapper #primNavDefault .subNav .curArt a,
.testimBody #wrapper #primNavDefault #successes #testim a,
.before_afterBody #wrapper #primNavDefault #successes #befAft a{
background:url("../images/buttons/checks.gif") 15px -2px no-repeat;
}