@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:wght@400;700&family=Lato:ital,wght@0,400;0,700;1,700&family=Paprika&family=Philosopher:ital,wght@0,400;1,700&display=swap'); 

body {background-image:url(/images/background.png); margin:2px; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
img {max-width: 100%; height: auto; border:none; }
* {box-sizing: border-box;}
h1, h2, h3, h4, h5 { font-family: Philosopher, "Averia Serif Libre", Geneva, sans-serif; font-weight: bold; text-align: center; padding-top: 4px; }
h1     { font-size: 24px; }
h2    { color: #000; font-size: 22px;   }
h3   { color: #009; font-size: 20px;  }
h4  { color: #800000; font-size: 18px; }
@media only screen and (max-width: 720px) { h1, h2 {font-size: 125%; color:#000; } }
@media only screen and (max-width: 720px) { h3, h4 {font-size: 115%; color:#000; } }
p, td   {color: #000; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 110%; margin: 0; }
ul, ol, li   { color: #000; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 110%;  text-align:left; margin-left:8px; }
iframe { position:absolute; width:800px; height:1880px; border:inset; border-color:#90F; margin:0; padding:0; visibility: visible; }
form {max-width:100%; border:2px inset #90C; border-radius:10px; margin:0 auto; background-color:#fff;}

#main a, a:visited {color:#00F; }
#main a:hover {color:#609; }
#main a:active {color:#600; }

#ctrpg {padding:8px; font:100%; margin:0 auto; width:100%; text-align:center;}

#wrap {margin:0 auto; max-width:88%; width:100%; background-image:url(/ccp8/skins/Desktop/media/background.png); padding:0; border-radius:8px; border: 1px inset #609; }
#wrap100 {margin:0; width:100%; background-image:url(/images/mplavbg.jpg); padding:0px; }
#wrap100w {12px 0px; width:100%; background-color:#fff; color:#000; padding:0px; }
#wrap100p {margin:0px 0px 12px 0px; width:100%; background-image:url(/images/lol_pursm.jpg); padding:0px; color:#FFF; font-weight:bold; text-align:right; }
#wrap100p a {color:#FFF; font-weight:bold; }
#wrap100p p {color:#FFF; margin-right:8px; margin-bottom:8px; font-size:12px; }

#floatrt {float:right; width: 25%; margin:0px; padding: 0px 8px 0px 8px; background-image:url(/images/mplavbg_dk.jpg); }
@media only screen and (max-width: 720px) { #floatrt {float:right; width: 50%; margin:0px; padding: 0px 8px 0px 8px; background-image:url(/images/mplavbg_dk.jpg); }  }
#floatrt p {font-size: 12px; padding: 4px 0px 2px 0px; }
#floatrt li {font-size: 12px; padding: 0px 0px 2px 0px; font-weight:bold; }
#floatrt3p {float:right; width: 33%; margin:0px; padding: 0px 8px 0px 12px; background-image:url(/images/mplavbg_dk.jpg); }
@media only screen and (max-width: 640px) { #floatrt3p {float:none; width: 100%; margin:0px; padding: 0px 8px 0px 8px; background-image:url(/images/mplavbg_dk.jpg); }  }
#floatrt3w {float:right; width: 33%; margin:0px; padding: 0px 8px 0px 12px; background-color:#FFF; }
@media only screen and (max-width: 640px) { #floatrt3w {float:none; width: 100%; margin:0px; padding: 0px 8px 0px 8px; background-color:#FFF; }  }
#main { margin: 0px; text-align:left; background-color:#FFF; padding: 12px; height:auto; border:thin; border-color:#009; text-align:left; }
@media only screen and (max-width: 640px) { #main { padding: 8px; } }

#reelflt {width:450px; margin: 0 10px; float:right; max-width:100%; }
@media only screen and (max-width: 640px) { #reelflt {width:100%; margin: 0 auto; float:none; }  }
#myreel { border:2px inset #90C; border-radius:8px; }
.paginate {width: 450px; margin-top:0px; font:bold 16pt Philosopher; text-align:center; max-width:100%; }

#ftr {margin:0px; padding: 4px 8px 4px 8px; background-image:url(/images/mplavbg_dk.jpg); }
#ftr p {font-size:12px; font-weight:bold; }
#fundraiser {margin:0px; padding:8px; width:60%; background-image:url(/images/mplavbg.jpg); float:left; }
@media only screen and (max-width: 640px) {  #fundraiser {width:100%; float:none; } }
#fundraiserw {margin:0px; padding:8px; width:63%; background-color:#FFF;  float:left; }
#clientsites {margin:0px; padding:8px; width:47%; background-image:url(/images/mplavbg.jpg); float:left; border:2px inset #90C; border-radius:10px; }
@media only screen and (max-width: 640px) { #clientsites {margin:0px; padding:8px; width:100%; background-image:url(/images/mplavbg.jpg); float:none; border:2px inset #90C; border-radius:10px;} }
#clientsites li, ul { list-style:none; margin-left:8px; padding: 8px; }
#clientsites1 {margin:0px; padding:8px; width:48%; background-image:url(/images/mplavbg.jpg); float:right; border:2px inset #90C; border-radius:10px;}
@media only screen and (max-width: 640px) {#clientsites1 {width:100%; float:none; } }
#clientsites1 li, ul { list-style:none; margin-left:8px; padding: 8px; }
#clientsitesrw {margin:0px; padding:8px; width:48%; background-color:#FFF; float:right; border:2px inset #90C; border-radius:10px; }
@media only screen and (max-width: 640px) { #clientsitesrw {width:100%; float:none; }  }
#clientsitesrw li, ul { list-style:circle; margin-left:8px; padding: 0px 0px 8px 0px; }

#def-lft {text-align:left; margin:0 auto; }

#floatr30w {margin:0px; padding:8px; width:27%; background-color:#FFF; float:right; }
#floatr35w {margin:0px; padding:8px; width:33%; background-color:#FFF; float:right; }
@media only screen and (max-width: 640px) { #floatr35w { width:100%; float:none; } }
#floatl25w {margin:0px; padding:8px; width:24%; background-color:#FFF; float:left; text-align:center; }
#floatlauthw {margin:0px; padding:8px; width:auto; background-color:#FFF; float:left; text-align:center; }
#floatl48w {margin:0px; padding:8px; width:48%; background-color:#FFF; float:left; }
@media only screen and (max-width: 640px) { #floatl48w { width:100%; float:none; } }
#floatl50w {margin:0px; padding:8px; width:64%; background-color:#FFF; float:left; }
@media only screen and (max-width: 640px) { #floatl50w {width:100%; float:none; text-align:center; } }
.floatl25wfrm {margin:0px; padding:8px; width:24%; background-color:#FFF; float:left; text-align:right; }
@media only screen and (max-width: 640px) { .floatl25wfrm {margin:0px; padding:8px; width:100%; background-color:#FFF; float:none; text-align:left; } }
.floatl50wfrm {margin:0px; padding:8px; width:64%; background-color:#FFF; float:left; text-align:left; }
@media only screen and (max-width: 640px) { .floatl50wfrm {margin:0px; padding:8px; width:100%; background-color:#FFF; float:none; text-align:left; } }
.floatl75wfrm {margin:0px; padding:8px; width:72%; background-color:#FFF; float:left; text-align:left; }
@media only screen and (max-width: 640px) {.floatl75wfrm {margin:0px; padding:8px; width:100%; background-color:#FFF; float:none; text-align:left; }  }

#row:after { content: ""; display: table; clear: both; }
.row:after { content: ""; display: table; clear: both; }

#webhdr {width:100; height:auto; border:0; padding:0; margin:0 auto; background-image:url(/images/MPWebHdr.jpg); background-repeat:cover; background-position:left; visibility:visible; }

#deal {float:right; width:46%; padding:5px; border-style:inset; border-color:#90F; margin-left:16px; }
@media only screen and (max-width: 640px) {#deal { width:100%; float:none; }  }
#deal li {padding:0 8px 0 8px; list-style:circle; margin-left:16px; }
#deallft {float:left; width:45%; max-width:310px; padding: 5px; }
@media only screen and (max-width: 640px) {#deallft { width:100%; float:none; }  }

#lav {background-image:url(/images/mplavbg.jpg); width:30%; }
#auth {float:left; font-size:10px; text-align:center; padding:8px; }
#proddispl {margin-left:520px; margin-bottom:8px; float:right; text-align:right; width:240px; }
@media only screen and (max-width: 720px) { #proddispl {margin:0 auto; margin-bottom:8px; float:none; text-align:right; width:100%; }  }

.bg-white {background-color:#FFF; }
.bg-yellow { background-color:#FF0; }
.bg-grnspg {background-color:#0F0; }
.bg-ppcrds {background-image:url(/images/Pink_Purple_Flowers.png); background-repeat:no-repeat; background-position:cover;   }
.bg-ppcrds p {padding:8px; }

.bg-purple {background-image:url(/images/lol_pursm.jpg); color:fff; }
.bg-purple a, a:visited, a:hover, a:active {color:#9FF; }
.bg-lavgr { background-image:url(/images/MPWebHdr_bg.jpg); border:none; }
.bg-lavgr1row { background-image:url(/images/MPWebHdr_bg.jpg); border:none; height:36px; }
.bg-lavgrlt { background-image:url(/images/mplavbg.jpg); }
.bg_rainbow {background-image:url(/m/Unity/images/ALOL-Rainbow.jpg); }
.brdr1blk {border: solid 1px #000; }
.clrboth {clear:both; }
.clrlft {clear:left; }
.clrrt {clear:right; }

.mplogo {font-family: "Maiandra GD", Georgia, Arial, Helvetica, sans-serif; color:#609; font-weight:bold;}
.mplogoB {font-family: "Maiandra GD", Georgia, Arial, Helvetica, sans-serif; color:#609; font-weight:bold; font-size:36px; line-height:30px;  }
@media only screen and (max-width: 640px) { .mplogoB {font-family: "Maiandra GD", Georgia, Arial, Helvetica, sans-serif; color:#609; font-weight:bold; font-size:24px; line-height:20px;  }  }
.lmlogo {font-family:  Calligrapher, Georgia, Arial, Helvetica, sans-serif}
.rilogo {font-family:   Papyrus, Georgia, serif}
.bslogo {font-family:   Chiller, Verdana, sans-serif; font-size: 1.3em;}

.floatleft {float:left; padding:14px; text-align:center; }

.floatleftimg {float:left; padding: 0 8px; margin:0; border:none; text-align:center; max-width:50%; }
.floatrtimg {float:right; padding: 0 8px; margin:0; border:none; text-align:center; max-width:50%;  }
.img8 { border:none; margin:0; padding:8px; vertical-align:middle; }
.img0 { border:none; margin:0; padding:0; vertical-align:middle; }

.floatrightpad {float:right; padding:6px; margin-left:4px; }
.floatright50pad {float:right; padding:6px; margin-left:4px; max-width:47%;  }
@media only screen and (max-width: 640px) { .floatright50pad {float:right; padding:6px; margin-left:4px; max-width:46%;  }  }
@media only screen and (max-width: 460px) {.floatright50pad {float:none; width:98%; max-width:98%; }}
.floatright34pad {float:right; padding:6px; margin-left:4px; width:32%;  }
@media only screen and (max-width: 640px) { .floatright34pad {float:none; padding:6px; margin-left:4px; width:98%;  }  }
.floatleft25pad {float:left; padding:4px; margin:6px; width:23%; border:2px #90C inset; border-radius:8px; }
@media only screen and (max-width: 640px) {  .floatleft25pad {float:left; padding:8px; margin:6px; width:47%; border:2px #90C inset; border-radius:8px; } }
.floatleft33pad {float:left; padding:8px; margin-left:8px; margin-bottom:8px; width:31.5%; border:2px #90C inset; border-radius:8px; }
@media only screen and (max-width: 640px) { .floatleft33pad {float:none; padding:8px; margin:8px; width:100%; border:2px #90C inset; border-radius:8px; }  }
.floatleft67pad {float:left; padding:8px; margin-left:8px; margin-bottom:8px; width:64%; border:2px #90C inset; border-radius:8px; }
.floatleft33 {float:left; padding:8px; margin-right:14px; margin-bottom:8px; width:31%; border:2px #90C inset; border-radius:8px; }


.dkred { color: #800000;}
.p10dkred { color: #800000; font-size: 12px; line-height: 1.15em; }
.p10 { font-size: 12px; line-height: 1.15em; }	
.pbold { font-weight: bold;}
.pleft { text-align: left; }
.pcenter { text-align: center }
.pcenter10  { font-size: 12px; text-align: center; line-height: 1.15em; }
.pcenter12  { font-size: 14px; text-align: center; line-height: 1.15em; }
.pcenter12bold { font-size: 14px; text-align: center; line-height: 1.15em; font-weight:bold; }
.pcenter14  { font-size: 16px; text-align: center; line-height: 1.15em; }
.pright10bold  {font-size: 12px; font-weight: bold; text-align: right; line-height: 1.15em; }
.pright12bold  { font-size: 14px; font-weight: bold; text-align: right; }
.pleft12bold  { font-size: 14px; font-weight: bold; text-align: left; }
.pleft12boldred  { font-size: 14px; font-weight: bold; text-align: left; color:#800; }
.pdkred-strk { color: #800000; font-style:oblique; font-weight:bold; text-align:center; }
.white {color:#fff; font-weight:bold;}
.navy {color:#006; font-weight:bold; }
.blue {color:#00f; font-weight:bold; }
.maroon { color:#600; font-weight:bold; }
.red {color:#f00; font-weight:bold; }
.green {color:#090; font-weight:bold; }
.purple {color:#609; font-weight:bold; }
.pink {color:#f0c; font-weight:bold; }
.gray {color:#333; font-weight:bold; }
.xtraleft {margin-left:24px; }
.prplradbrdr {border:2px inset #90C; border-radius:10px; }
.capttog {height:4em; overflow:hidden; text-align:center; font-size:12px; font-weight:bold; border:2px #90C inset; border-radius:8px; background-image:url(/images/mplavbg.jpg);}
.capttog:hover {height:auto; }

.box {width:95%; margin:16px auto; padding:16px; background-image:url(/images/bg_teal50.gif); display:block; border:none; border-radius:8px; }
.w200 {width:180px; height:auto; }
.hr75 {width:75%; }
.hide {display:inherit; }
@media only screen and (max-width: 640px) { .hide {display:none; } }