/* stylesheet for menopauseandthedogpro */

/* Set default margin and padding areas. */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,img,input,textarea,blockquote,th,td { margin : 0 ; padding : 0 }
ul,ol { margin: 0; padding: 0 20px 0 20px }
li { margin:10px 5px 10px 5px; padding: 0 }

/* Turn off table borders. */
table { border-collapse : collapse ; border-spacing : 0 }

/* Turn off other borders. */
fieldset,img,abbr,acronym {  border : 0 }

/* Set default style for text  */
address,caption,cite,code,dfn,strong,th,var { font-style : normal ; font-weight : bold } 
h1,h2,h3,h4,h5,h6 { font-weight : bold }
p, li { font-weight : normal }
a {font-weight: inherit}
em { font-style : italic } 
strong { color: black;  font-weight : bold }

/* Default for list markers. */	
ol { list-style : decimal }
ul { list-style : disc }

/* Center align caption and cell text. */
caption,th,td { text-align : center }

/* Default Vertical Align for cell content */
td { vertical-align:top }

/* Default font-family and line height */
p,li { font-family:  Arial,"sans serif"; line-height:1.3 }
h1,h2,h3,h4,h5 { font-family: Arial,"sans serif"; line-height:1.5 }
h6 { font-family: Arial,"sans serif"; line-height:1.0 }

/* Default color */
p,li,h1,h2,h3,h4,h5,h6  { color:  rgb(42,42,42) }

a  { font-family: inherit; color: navy; line-height: inherit }

/* Default font-size */
h1 { font-size:  16pt }
h2 { font-size:  16pt }
h3 { font-size:  16pt }
h4 { font-size:  16pt }
h5 { font-size:  14pt }
h6 { font-size:  14pt }
p,li  { font-size:  14pt }
a {font-size:  inherit}

img {max-width:100%}

/* Links */
a { text-decoration:none }
a:focus   { background:rgb(201,201,201) }
a:visited {background: inherit}
a:hover   { background:rgb(201,201,201) }
a:active  { background:rgb(201,201,201) }

a.nobg { text-decoration:none; background:inherit }
a.nobg:focus { text-decoration:none; background:inherit }
a.nobg:visited { text-decoration:none; background:inherit }
a.nobg:hover { text-decoration:none; background:inherit }
a.nobg:active { text-decoration:none; background:inherit }

a.inh { text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }
a.inh:focus {  text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }
a.inh:visited {  text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }
a.inh:hover {  text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }
a.inh:active {  text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }

a.thispage { font-weight:bold }
a.thispage:focus   { background:rgb(201,201,201) }
a.thispage:visited {background: inherit}
a.thispage:hover   { background:rgb(201,201,201) }
a.thispage:active  { background: inherit }

a.afooter { font-weight:normal; font-size: 12pt }

/* Background colors */
.overall { background: white }

/* Other */
.block {display:block}

.nodec {text-decoration:none}
.uldec {text-decoration:underline;}
.norm {font-weight:normal}
.bold  {font-weight:bold}

hr {width:95%; border: solid 1px rgb(180,180,180); }

.white   {color: white }
.black   {color: black }
.red     {color: red }
.green   {color: green }
.grey    {color: rgb(90,90,90) }
.lgrey    {color: rgb(81,81,81) }
.dgrey  {color: rgb(33,33,33) }
.blue    {color:rgb(0,0,255) }
.navy    {color: navy }
.yellow  {color: rgb(255,255,0) }
.purple  {color: rgb(111,48,159) }

.col1 {color:  rgb(63,150,54) } /* default text color */
.bg1 { background-color:  rgb(63,150,54) }

.col2 {color: rgb(221,255,201) } /* very light version of col1 */
.bg2 { background-color: rgb(221,255,201) }

.bgwhite  {background: white;}
.bggrey  {background: rgb(222,222,222);}
.bgblack  {background: black;}
.bgyell {background: rgb(255,255,153);}
.bglyell {background: rgb(255,255,204);}

.pad00   {padding: 0px;}
.pad03   {padding: 3px;}
.pad05   {padding: 5px;}
.pad10   {padding: 10px;}
.pad15   {padding: 15px;}
.pad20   {padding: 20px;}
.pad30   {padding: 30px;}

.padlr05 {padding-left:5px; padding-right:5px;}
.padlr10 {padding-left:10px; padding-right:10px;}
.padlr20 {padding-left:20px; padding-right:20px;}
.padlr30 {padding-left:30px; padding-right:30px;}

.mgnlr05 {margin-left:5px; margin-right:5px;}
.mgnlr10 {margin-left:10px; margin-right:10px;}
.mgnlr20 {margin-left:20px; margin-right:20px;}
.mgnlr30 {margin-left:30px; margin-right:30px;}
.mgnlr40 {margin-left:40px; margin-right:40px;}
.mgnlr50 {margin-left:50px; margin-right:50px;}

.mgn00   {margin: 0px;}
.mgn01   {margin: 1px;}
.mgn02   {margin: 2px;}
.mgn03   {margin: 3px;}
.mgn04   {margin: 4px;}
.mgn05   {margin: 5px;}
.mgn10   {margin: 10px;}
.mgn15   {margin: 15px;}
.mgn20   {margin: 20px;}
.mgn30   {margin: 30px;}

.tbord01 {border-collapse:separate; border-spacing:1px;}
.tbord02 {border-collapse:separate; border-spacing:2px;}
.tbord03 {border-collapse:separate; border-spacing:3px;}

.bord01 {border:solid black 1px}
.bord02 {border:solid black 2px}

.bordg01 {border:solid rgb(42,42,42) 1px}
.bordg02 {border:solid rgb(42,42,42) 2px}

.nobord  {border: 0px; }

.hidden {visibility:hidden}

.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.just {text-align:justify}

.autoab { position: absolute; margin:0 auto; }
.auto { margin:0 auto; }

.floatleft {float:left; }
.floatright {float:right; }
.clearleft {clear:left;}
.clearright {clear:right;}
.clear {clear:both;}

.top {vertical-align:top}
.mid {vertical-align:middle}
.bot {vertical-align:bottom}

.f4  {font-size: 4pt;}
.f6  {font-size: 6pt;}
.f8  {font-size: 8pt;}
.f10 {font-size: 10pt; }
.f12 {font-size: 12pt; }
.f14 {font-size: 14pt; }
.f16 {font-size: 16pt; }
.f18 {font-size: 18pt; }
.f20 {font-size: 20pt; }
.f22 {font-size: 22pt; }
.f24 {font-size: 24pt; }
.f30 {font-size: 30pt; }
.f34 {font-size: 34pt; }

.lh13  {line-height:1.3}
.lh15  {line-height:1.5}
.lh20  {line-height:2.0}

.footer {vertical-align:middle; padding:5px; text-align:center}

.pointer  { cursor:pointer }

.ifsmallhide {visibility:visible}
.ifsmallshow {visibility:hidden;width:0;height:0;overflow:hidden}
.ifsmallhide_p {visibility:visible}
.ifsmallshow_p {visibility:hidden}

.img_general {max-width:98%; margin:10px 1%}
.img_genl_ish {max-width:98%; margin:10px 1%}
.img_left {max-width:40%; visibility:visible; float:left; margin:0 20px 20px 0}
.img_left_ish {max-width:40%; visibility:visible; float:left; margin:0 20px 20px 0}
.img_right {max-width:40%; visibility:visible; float:right; margin:0 0 20px 20px}
.img_right_ish {max-width:40%; visibility:visible; float:right; margin:0 0 20px 20px}

div.overall1 { width:100%; background-color:white; overflow:hidden }

div.content1 {width:1000px; max-width:100%; background-color:white; margin:0 auto}

div.w1200 { width:1200px; max-width:100% }
div.w1000 { width:1000px; max-width:100% }
div.w800 { width:800px; max-width:100% }
div.w600 { width:600px; max-width:100% }
div.w500 { width:500px; max-width:100% }
div.w400 { width:400px; max-width:100% }

a.inh { text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }
a.inh:focus {  text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }
a.inh:visited {  text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }
a.inh:hover {  text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }
a.inh:active {  text-decoration:none; background:inherit; font-family: inherit; color: inherit; line-height: inherit }

div.topofpage {width:100%; max-width:100%; margin:0; padding:0; background-color:white }

.menu_icon_head {width:40px;height:40px;margin:5px;background-color:white; cursor:pointer}
.menu_icon_foot {width:30px;height:30px; float:right; background:white; cursor:pointer}

div.menuicon {position:absolute; top:0; right:0; height:0; width:0; overflow:hidden; z-index:5}

div#menu_dropdown {position:fixed; top:0; right:0; width:0; height:0; overflow:hidden; z-index:5}
div.menu_dd_outer {border:solid 1px rgb(180,180,180)}
div.menudd1 {border-top:solid 1px rgb(180,180,180)}
div.menudd1 a {display:block; padding:5px 10px}
.socmedlink {color:rgb(60,60,60)}

div.topofpage {width:100%; max-width:100%; margin:0; padding:0; background-color:white }

div.toplinks { position:relative; width:1100px; max-width:100%; margin:10px auto 10px }
div.toplink1 { position:relative; width:118px; min-height:84px; margin:0 8px 10px 8px; background:url(../images/Home.png) no-repeat top right; float:left; cursor:pointer; border-bottom: solid white 1px }
div.toplink2 { position:relative; width:173px; min-height:84px; margin:0 8px 10px 8px;  background:url(../images/Book.png) no-repeat top right; float:left; cursor:pointer; border-bottom: solid white 1px }
div.toplink3 { position:relative; width:182px; min-height:84px; margin:0 8px 10px 8px;  background:url(../images/About.png) no-repeat top right; float:left; cursor:pointer; border-bottom: solid white 1px }
div.toplink4 { position:relative; width:128px; min-height:84px; margin:0 8px 10px 8px;  background:url(../images/Vlogs.png) no-repeat top right; float:left; cursor:pointer; border-bottom: solid white 1px }
div.toplink5 { position:relative; width:190px; min-height:84px; margin:0 8px 10px 8px;  background:url(../images/Coaching.png) no-repeat top right; float:left; cursor:pointer; border-bottom: solid white 1px }
div.toplink6 { position:relative; width:185px; min-height:84px; margin:0 8px 10px 8px;  background:url(../images/Contact.png) no-repeat top right; float:left; cursor:pointer; border-bottom: solid white 1px }
p.toplink {text-align:left; color:rgb(63,150,54); margin:30px 0 0 5px}
p.toplinkb {text-align:left; color:rgb(63,150,54); margin:20px 0 0 5px}

.footlink1 { color:rgb(63,150,54) }
.footlink2 { color:rgb(63,150,54) }
.footlink3 { color:rgb(63,150,54) }
.footlink4 { color:rgb(63,150,54) }
.footlink5 { color:rgb(63,150,54) }
.footlink6 { color:rgb(63,150,54) }
.footlink7 { color:rgb(63,150,54) }

@media screen and (max-width:1200px) {
div.toplinks { width:600px; max-width:100% }
div.toplink2 { margin:0 10px 10px 15px; width:190px  }
div.toplink3 { margin:0 10px 10px 10px;   }
}

@media screen and (max-width:900px) {
div.toplinks { width:0; max-width:0; height:0; overflow:hidden }
div.menuicon {height:50px; width:50px; z-index:5}
}

@media screen and (max-width:400px) {
 
  .ifsmallhide {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .ifsmallshow {visibility:visible;width:100%;height:inherit}
  .ifsmallhide_p {visibility:hidden}
  .ifsmallshow_p {visibility:visible}

  .img_genl_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .img_left_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .img_right_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}

  div.bgyelpaint400_inner { background-color:rgb(255,249,102) }
}