/* styles.css written by
   SureCann web development for
   Marilyn’s Make Up Magic
   Last edited: 4/9/2009
   copyright Marilyn’s Make Up Magic 2009
*/

/* *************************** heading ******************************** */
.anew {
  clear:both;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}
.input{
  border-bottom: 1px solid purple;
  background-color:#c8c;  /*  */
  color:black;
}
#med_form{
  margin: 1em 0 0 0;
}
#med_form label{
  margin: 0 .25em;
  text-align:left;
}
#med_form input{
  margin: 0 .25em;
  text-align:left;
}
#heading {
  background-color:#5c0302;  /*  */
  color:white;
  width:100%;
  height:175px;
  margin:0;
  padding:0;
  background-image: url("/images/heading_background2.jpg");
  background-position: center;
  background-repeat:no-repeat;
  text-align:right;
}
#headingjoke {
/*  background-color:#7d0101;
  color:white; */
  text-align:center;
  font-style: italic;
  padding: 1em 0 0 1em;
  float:left;
  width:11em;
  font-family:'Comic Sans MS', cursive;
}
#topheading {
  background-color:transparent;
  color:#fdfd5f; /**/
  font-size: 100%;
  margin:0;
  padding:1em 0 .5em 0;
  text-align:center;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
}
#secondheading {
  background-color:transparent;
  color:#f5f5ff; /**/
  margin:0;
  padding:0;
  text-align:center;
  font-size: 150%;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
}
#centerheading {
  background-color:transparent;
  color:#f5f5ff; /**/
  font-size: 150%;
  margin:0;
  padding:0;
  text-align:center;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
}
#bottomheading {
  background-color:transparent;
  color:#fdfd5f; /**/
  font-size: 150%;
  margin:0;
  padding:.5em 0 .5em 0;
  text-align:center;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
}

/* *************************** nav ******************************** */

/* **************************** footing **************************** */
#footing {
  clear: both;
  background-color:#7d0101;  /*  */
  color:white;
  margin:0;
  width:100%;
  text-align:center;
}
#footingphone {
  font-size: 175%;
  border-top:medium solid black;
  border-bottom:medium solid black;
  padding:.25em 0;
}
#associates {
  clear: both;
  font:120% "Times New Roman", serif;
  text-align:center;
}
#copy {
  clear: both;
  font-size: 80%;
  text-align:center;
}
#developer {
  clear: both;
  font: 100% 'Brush Script MT', cursive;
  text-align:center;
}
#developer a:link, #associates a:link {
  color:#9999ff;
  background-color:#7d0101;
  white-space:nowrap;
}
#developer a:visited, #associates a:visited  {
  color:ffeeff;
  background-color:#7d0101;
  white-space:nowrap;
}
#developer a:hover, #associates a:hover  {
  background-color:white;
  color:#7d0101;
  white-space:nowrap;
  }
#developer a:active, #associates a:active  {
  padding:0;
  background-color:#debae6;
  color:#7d0101;
  white-space:nowrap;
  }



#addressinput {
  width:70%;
  text-align:left;
  float:left;
}
#addressprompt {
  margin:0 1em;
  width:20%;
  text-align:right;
  float:left;
}
#aiiconline_link {
  text-align:center;
  border-bottom:medium solid #c184d7;
  border-top:thick solid #c184d7;
  margin:3em 0 0 0;
  padding:1em 0 1em 0;
}
#alliance_pic {
  padding:3em 0 0 0;
  clear: both;
  text-align:center;
}
#announcement {
  margin:1em auto;
  padding:1em;
  width:90%;
  border:medium double #c184d7;
}
#announcement h2 {
  text-align:center;
}
#apprenticementoring {
  float:left;
  width:10em;
  border: thin solid red;
}
#brochure_head_pic1 {
  float:left;
}
#brochure_pages {
  clear:both; /**/
  width:90%;
  text-align:left;
  margin:0 auto;
  padding:0 2em;
}




#inventive {
  border-top:thin solid #c184d7;
}
#inventive h2 {
  text-align:center;
}
#recession_obsession {
  padding:1em 2em;
}
.ro1 {
  margin:0 1em 1em 1em;
  background-color:#f6edd6;
  color:#c00;
}
#recession_obsession ul {
  list-style:outside;
  padding:1em 2em;
  background-color:#f6edd6;
  color:black;
}
#recession_obsession h2 {
  text-align:left;
  font-size: 200%;
}
#recession_obsession h3 {
  text-align:left;
  font-size: 110%;
}
#recession_obsession span {
  padding:0;
  background-color:#f6edd6;
  color:#c00;
}
#notation {
  margin:0 11em;
  background-color:#f6edd6;
  color:#c00;
}
#marilynheader {
  margin:.5em 0 0 0;
  text-align:center;
  float:left;
  width:141px;
}
#headingnote {
  margin:3em 0 1em 0;
  padding:0 4em;
  clear: both;
}
#navdiv ul {
  clear: both;
  margin:.5em 0 .5em 0;
  list-style: none;
  text-align:center;
}
#navdiv li {
  text-align:center;
  display:inline;
  padding: 0 .25em;
}
#reinforcement {
  margin:1em auto;
  padding:1em;
  width:78%;
  border:medium double #c184d7;
  text-align:left;
}
#resume {
  padding:0 2em 2em 2em;
  text-align:right;
  vertical-align:top;
  font-weight:700;
}
#resume p {
  padding:0 2em 2em 2em;
  text-align:left;
  font-weight:200;
}
#resume td {
  padding:0 0 2em 0;
  text-align:right;
  vertical-align:top;
  font-weight:700;
}
#resume td + td {
  vertical-align:top;
  text-align:left;
  font-weight:200;
}
#resume td + td p {
  padding:0;
  margin:0 0 .5em 1em;
  vertical-align:top;
  text-align:left;
  font-weight:200;
}
/*#brochure_page1 h2{
  text-align:center;
  font-size: 140%;
  font-weight:700;
  margin:0;
}
#brochure_page1 h3{
  text-align:center;
  font-size: 160%;
  font-weight:700;
  margin:0;
}
#brochure_page1 h4{
  text-align:center;
  font-size: 120%;
  font-weight:700;
}
.col1 {
  clear: both;
  float:left;
  width:45%;
  padding:0 1em;
}
.col2 {
  float:right;
  width:45%;
  padding:0 1em;
  text-align:left;
}
 .col2 p {
  float:left;
  padding:1em 0;
  text-align:left;
  border: thin solid red; */
}
#minreq {
  clear:left;
}
#brochure_head_2_pic1 {
  float:left;
}
#joke {
  text-align:right;
  font-style: italic;
  padding: 2em 1em;
  float:left;
  width:10em;
}
#sandi_expo {
  width:150px;
  text-align:center;
  padding: 0;
  float:right;
  height:187px;
  border: thin solid red;
}
#brochure_page3 {
  clear: both;
}
#mentoring {
  text-align:left;
  padding: 0 1em;
  float:left;
  width:27em;
}
/*#brochure_page3 h3{
  text-align:left;
  font-size: 140%;
  font-weight:700;
  padding: 0;
  margin:0;
}
#brochure_page3 h4{
  clear: both;
  text-align:left;
  font-size: 140%;
  padding: 2em 1em 0 1em;
  font-weight:700;
  margin:3em 0 0 0;
} */
/* #brochure_page3 .col2 {
  float:left;
  width:7em;
  padding:1em 4em 0 2em;
  font-size: 120%;
  font-weight:400;
  font-style: italic;
} */
#marilyn_contact {
  margin:2em 0 2em 0;
  font-size: 80%;
}
#marilyn_contact_info {
  margin:0 0 2em 0;
  font-size: 80%;
}
#time_study {
  border-bottom:thin solid #c184d7;
}
#bio {
  border-top:thin solid #c184d7;
}
#who {
  border-top:thin solid #c184d7;
}
.stress {
  color:#ff8888;
  background-color:#white;
  font-weight: 900;
}
#nameprompt {
  margin:0 1em;
  width:20%;
  text-align:right;
  float:left;
}
#nameinput {
  width:70%;
  text-align:left;
  float:left;
}
#cityprompt {
  margin:0 1em;
  width:20%;
  text-align:right;
  float:left;
}
#cityinput {
  width:70%;
  text-align:left;
  float:left;
}
#stateprompt {
  margin:0 1em;
  width:20%;
  text-align:right;
  float:left;
}
#stateinput {
  width:10%;
  text-align:left;
  float:left;
}
#zipprompt {
  margin:0 1em;
  width:10%;
  text-align:right;
  float:left;
}
#zipinput {
  width:10%;
  text-align:left;
  float:left;
}
#emailprompt {
  margin:0 1em;
  width:20%;
  text-align:right;
  float:left;
}
#emailinput {
  width:70%;
  text-align:left;
  float:left;
}
#phoneprompt {
  margin:0 1em;
  width:20%;
  text-align:right;
  float:left;
}
#phoneinput {
  width:15%;
  text-align:left;
  float:left;
}
#cellphoneprompt {
  margin:0 1em;
  width:18%;
  text-align:right;
  float:left;
}
#cellphoneinput {
  width:20%;
  text-align:left;
  float:left;
}
#otherphoneprompt {
  margin:0 1em;
  width:20%;
  text-align:right;
  float:left;
}
#otherphoneinput {
  width:70%;
  text-align:left;
  float:left;
}
#backgroundprompt {
  margin:0 1em;
  height:5em;
  width:20%;
  text-align:left;
  float:left;
}
#backgroundinput {
  width:70%;
  height:9em;
  text-align:left;
  float:left;
}
#experienceprompt {
  margin:0 1em;
  width:20%;
  text-align:left;
  float:left;
}
#experiencenoinput {
  width:8%;
  height:4em;
  text-align:left;
  float:left;
}
#experienceyesinput {
  margin:0 1em;
  width:8%;
  height:4em;
  text-align:left;
  float:left;
}
#trainingprompt {
  margin:0 1em;
  width:20%;
  text-align:left;
  float:left;
}
#traininginput {
  width:70%;
  height:5em;
  text-align:left;
  float:left;
}
#proceduresprompt {
  margin:0 1em;
  width:20%;
  text-align:left;
  float:left;
}
#proceduresinput {
  width:70%;
  height:5em;
  text-align:left;
  float:left;
}
#employedprompt {
  margin:0 1em;
  width:20%;
  text-align:left;
  float:left;
}
#employedinput {
  width:70%;
  height:5em;
  text-align:left;
  float:left;
}
#submitbutton {
  width:95%;
  height:5em;
  text-align:center;
  float:left;
}
#invasive, #invitation, #seminar_invitation {
  text-align:left;
  padding:1em 2em;
}
#seminar_invitation ol h3{
  text-align:left;
}#mentoringreginfo h5 {
  font-size: 100%;
  margin:1em 0 0 0;
  border-bottom:thin solid #c184d7;
  font-weight: 900;
}
#mentoringreginfo p {
  margin:0;
}

#header { text-align:center;padding-bottom:1em; }
#photo{ float:right; width:200px; height:300px; margin-right:2em;font-size: 90%; }
#menu{text-align:center;font-size:115%; font-style:oblique;margin:.5em}
.hmenu{font-size:110%;text-align:center;margin:0}
#hmenu li{display:inline;padding:0 1em}
#col1{padding:0 1%;width:30%;float:left}
#col2{padding:0 1%;width:30%;float:right;}
#col3{padding:0 1%;width:30%;margin:0 auto}
#col4{padding:0 1%;width:45%;float:left}
.two_col{padding:0 1%;width:45%;float:left}
.three_col{padding:0 1%;width:30%;float:left}
#col5{padding:1em 1% 0 1%;width:40%;float:right}
#safety{background-color:#fbd;color:#606;border:none}
.ex1{height:83px}
.ex1 img{float:right}
.ex1 p{float:left;width:7em}
.ex2{height:100px}
.ex2 p{float:right;width:7em}
.ex2 img{float:left}
.ex3{height:100px}
.ex3 img{float:right}
.ex3 p{float:left;width:7em}
.ex4{height:83px}
.ex4 p{float:right;width:7em}
.ex4 img{float:left}
#credit{clear:both}
#cartoon{float:left}
#cartoon img{padding:.5em 1.5em}
#exclaim{font-style:oblique;font-size:larger}
.column{width:30%;float:left;padding:.2em .5em}
#footer{width:45%;margin:0 auto}
#sidemenu{width:25%;float:left}
#sidemenu h4{margin:.5em 0}
#tl{float:left;margin:0}
#tr, #br{float:right;margin:0}
#tl, #bl{float:left;margin:0}
#row,#line{clear:both}
.row {clear:both}
#bl h3,#tr h3,#tl h3,#br h3{font:normal 110% "Times New Roman", serif}
#col2 img{float:left;}
#col2 img + img{float:right;}
#col2 h5 {margin:0 0 1.5em 0;float:left;}
#col2 h5 + h5 {margin:0 0 1em 0;float:right;}
.pics2 {clear:both;}
.pics3 {clear:both;}
.pics4 {clear:both;}
.emphasis{text-decoration:underline;font-size:larger;padding:0 0 0 2em}