/* see brownbatterystudios.com; Candara family for Vista,
Lucida Sans Unicode/Grande for normal body text
Lucida Sans for bold and italic, additional fonts are backups for Mac etc. */
body {
font-size:87.5%;/*take IE6 from 16px to 14px */
font-family:"Candara","Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
color:rgb(60,50,35);
}
html>body {
font-size:14px;
}
/* italic things */
 h4, em, i, .aboutBody blockquote p, ul.introQuest, .email, #signupForm p, #signup .zemContactForm p, p.quotee, p.important,.ParaImportant {
font-family:"Candara Italic","Lucida Sans", "Trebuchet MS Italic", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-style:italic;
}
/* bold things */
h2, strong, cite, b, a[title]{
font-family:"Candara Bold","Lucida Sans", "Lucida Grande", "Trebuchet MS Bold", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-weight:bold;
}
/*bold and italic*/
.introQuest strong, #signup h3,.introQuestStrong{
font-family:"Candara Bold Italic","Lucida Sans", "Trebuchet MS Bold Italic", "Trebuchet MS", Helvetica, Arial, sans-serif;
color:rgb(130,35,50);
font-weight:bold;
font-style:italic;
}
/* P, BLOCKQUOTE ____________________________ */
p{
line-height:1.4286em; /* 20px */
margin:0 0 .7143em 0; /* 10px */
}
.homeBody p{
margin-right:222px;
}
blockquote{
margin-top:.7143em;
padding:0 6em;
line-height:1.4286em;
background:url("../images/quoteL.gif") 4em 0 no-repeat;
}
blockquote p{
padding-right:1.8em;
background:url("../images/quoteR.gif") 100% 100% no-repeat;
}
p.quotee {
text-align:right;
margin:0 8em .7143em 0;
}
p.important{
color:rgb(130,35,50);
}
/* HEADINGS ____________________________ */
h2{/*bold*/
clear:both;
font-size:1.2857em; /* 18px */
line-height:1.2222em; /*22px */
margin:0 0 .4444em -12px; /* 8px */
padding-left:12px;
color:rgb(255,253,239);
background:rgb(125,175,175) url("../images/h2Top.gif") left top no-repeat;
}
h2 span{
display:block;
margin-left:-12px;
padding-left:12px;
background:url("../images/h2Bot.gif") left bottom no-repeat;
}
h3{/*same size, not bold */
color:rgb(70,60,45);
font-size:1.2857em; /* 18px */
line-height:1.2222em; /*22px */
margin:1.2857em 0 .333em 0; /* 14px + 6px = 20px */
}
h4{/*smaller, italic */
font-size:1.1423em; /*16px*/
line-height:1.25em; /* 20px */
margin-bottom:.625em; /* 10px */
}
/* LINKS ______________________________ */
a{
text-decoration:underline;
color:rgb(130,35,50);
outline:none;
}
a:hover,
a:focus {
border-bottom:1px solid rgb(130,35,50);
}
#logo a:hover{
}
#footer a, #sidebar a{
text-decoration:none;
}
a:visited{
}
/* LISTS ____________________________ */
ul, ol{
margin-bottom:.7143em; /* 10px */
}
li,.listitem{
line-height:1.4286em; /* 20px */
padding-left:1em;
margin-left:-1em;
background:url("../images/bullet.gif") 2px .4em no-repeat;

margin-left:2px;
}
ol{
list-style-type:decimal;
padding-left:1.5em;
}
ul.calendar li{
padding-left:0;
margin-left:1.5em;
margin-bottom:.7143em; /*10px*/
text-indent:-1.5em;
background:none;
}
ul.zemError{
color:rgb(130,35,50);
}
ul#serviceList{
margin-bottom:.7143em;
}
dl.serviceDescrips{
margin-left:36px;
}
dt{
color:rgb(70,60,45);
font-size:1.2857em; /* 18px */
line-height:1.2222em; /*22px */
margin:1.2857em 0 .333em 0; /* 14px + 6px = 20px */
}
dl.Momentum-Building-Teleclasses dt{
clear:both;
font-size:1.2857em; /* 18px */
line-height:1.2222em; /*22px */
margin:1.2857em 0 .3333em -10px; /* 14px + 6px = 20px */
padding-left:10px;
color:rgb(70,60,45);
border-bottom:1px solid rgb(125,175,175);
}
/* CITE, EM, STRONG, SUP, SUB ____________________________ */
cite.short{
font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
font-style:normal;
}
em{
font-style:italic;
}
blockquote em, .DarkRed{
color:rgb(130,35,50);
}
sup{
vertical-align:super;
font-size:.7857em; /* 11px */
}
sub{
vertical-align:sub;
font-size:.7857em; /* 11px */
}
/* VCARDs ______________________________ */
.vcard{
line-height:1.5em; /* 18px */
}
.vcard p{
margin-left:0;
}
.org{
display:none;
}
.tel{
margin-bottom:.7143em;
}
#hcard-Christa-Wagner{
margin-bottom:.7143em;
}
/* FORMS _________________________________*/
form{
border:1px dotted rgb(125,175,175);
padding:.5em;
}
legend{
display:none;
}
form label, .spacer{
display:block;
float:left;
width:15em;
margin-right:5px;
padding-top:4px;
line-height:1.4286em;
text-align:right;
}
#signup form label{
width:auto;
text-align:left;
}
label.zemRequired, label.zemRequirederrorElement{
font-weight:bold;
}
label.zemRequirederrorElement{
color:rgb(130,35,50);
}
#previewSubmit label{
display:inline;
float:none;
}
fieldset div{
height:3.5715em;
}
fieldset ul{
margin-left:15em;
}
div.inputMsg{
height:9em;
}
input, textarea, select{
padding:4px;
border:1px solid rgb(70,60,45);
background-color:rgb(255,253,239);
font-family:helvetica,arial,clean,sans-serif;
font-size:1em;
}
input:focus, input:hover,
textarea:focus, textarea:hover,
select:focus, select:hover{
border:1px solid rgb(130,35,50);
background-color:white;
}
.zemSubmit,
input.button{
cursor:pointer;
padding:4px;
color:rgb(255,253,239);
background-color:rgb(70,60,45);
}
#signup input.button{
margin-top:.7143em;
}
.zemSubmit:hover, .zemSubmit:focus,
input.button:hover, input.button:focus{
background-color:rgb(130,35,50);
}
input.disabled, input.disabled:hover{
border:none;
background-color:rgb(150,150,150);
}
.zemThanks{
font-size:1.1667em;
line-height:1.2857em;
color:rgb(130,35,50);
}