body {background:#000000; }

#title {position:absolute; top:1px; left:10px; height:35px; width:625px; border:0; padding:0; text-align:center; background:transparent; letter-spacing:0.5em; }

#next {position:absolute; top:30px; left:10px; width:370px; border:0; padding:0; text-align:center; background:transparent; color:silver; z-index:38; }

#image {position:absolute; top:75px; left:10px; width:370px; border:0; padding:0; margin:0; text-align:center; background:transparent; z-index:50; }

#date {position:absolute; top:195px; left:10px; width:370px; border:0; padding:0; margin:0; text-align:center; background:transparent; z-index:1; }

#extra2 {position:absolute; top:220px; left:10px; width:370px; border:0; padding:0; text-align:left; color:#fff; font:normal 70% "Comic Sans MS", arial, hevetica, sans-serif; background:transparent; background:transparent; z-index:1; }

#extra {position:absolute; top:360px; left:10px; width:370px; border:0; color:#fffff0; background:url(mmup_images/) no-repeat; z-index:1; } 

#puzzle {position:absolute; top:425px; left:10px; width:370px; border:0; padding:3px 0; text-align:left; background:transparent; font:bold 100% "Comic Sans MS", arial, hevetica, sans-serif; color:#fff; z-index:10; } 

#help {position:absolute; top:480px; left:10px; width:370px; border:0; padding:0; text-align:left; background:transparent; } 

#list {position:absolute; top:30px; left:390px; width:410px; border:0; padding:0; text-align:left; background:transparent; z-index:30; }
#list img {margin:0 0 3px 0; padding:0 3px; border:0; }
#list div {float:left; text-align:center; text-decoration:none; margin:0 5px 6px 0; padding:0; height:100px; } 
#list div a {font:bold 9px verdana, arial, sans-serif; color:#f243a0; text-decoration:none; }

#poster {position:absolute; top:250px; left:390px; width:410px; border:0; color:#fffff0; background:transparent; text-align:left; z-index:20; padding:0; margin:0; }

#kudos {position:absolute; top:370px; left:390px; width:370px; border:0; padding:0; text-align:left; color:#fff; font:normal 70% "Comic Sans MS", arial, hevetica, sans-serif; background:transparent; background:transparent; z-index:1; }

#yo_talk {position:absolute; top:475px; left:390px; width:370px; border:0; text-align:left; padding:0; margin:0; } 

#lowering1 {position:absolute; top:100px; left:30px; border:0; background:transparent; z-index:2; text-align:left; color:white; }

#lowering2 {position:absolute; top:250px; left:390px; border:0; background:transparent; text-align:left; padding:0; margin:0; font:normal 16px arial, hevetica, sans-serif; color:white; z-index:8; }

#lowering3 {position:absolute; top:70px; left:280px; border:0; background:transparent; z-index:10; text-align:left; color:#fff; font:normal 11px arial, hevetica, sans-serif; z-index:2; } 

.center { border:solid aqua 1px; padding:0; text-align:center; background:transparent; }
.center2 { border:0; padding:0; text-align:center; }
.noborder {border:0; }
.imgcenter { border:0; padding:0; margin:0; text-align:center; background:transparent; }
.imgcenter2 { border:1px solid #000; padding:0; margin:0;text-align:center; background:transparent; }
.imgleft { float:left; margin-right:10px; border:1px solid #4d65a0; } /* image on left */
.imgright { float:right; margin-left:10px; border:1px solid #4d65a0; } /* image on right */
.imgright2 { float:right; margin-left:5px; border:0; } /* image on right no border */
.imgleft2 { float:left; margin-right:5px; border:0; } /* image on right no border */

.imgnofloat { float:none; margin-right:5px; margin-left:5px; border:1px solid #4d65a0; } /* image on can be center using div class="center" */ 
.imgnofloat2 { float:none; margin-right:5px; margin-left:5px; border:0; } /* image on can be center using div class="center" + no border */ 

.leftimgcaption {float:left; margin:3px 5px 5px 0; padding:5px; border:1px solid #ccc; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }
.leftimgcaption2 {float:left; margin:3px 5px 5px 0; padding:5px; border:0; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }
/* <span class="leftimgcaption2" style="width:89px;"><img src="mmup_images/jan21/bernard_emond.jpg" width="89" height="110" alt=""><br>Bernard &#201;mond</span> */
.rightimgcaption {float:right; margin:3px 0 5px 5px; padding:5px; border:1px solid #ccc; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }
.rightimgcaption2 {float:right; margin:3px 0 5px 5px; padding:5px; border:0; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }

.clear {clear:both; }
.ta_l {text-align:left; }
.ta_c {text-align:center; }
.mb_6 {margin-bottom:6px; }
.mb_10 {margin-bottom:10px; }

#container {height:90px; width:630px; border:0; padding:0; }
#titlebanner {position:absolute; top:1px; left:70px; border:0; padding:0; margin:15px 0 0 0; }
#welcome {position:absolute; top:5px; left:75px; border:0; padding:0; }

/* banner Christmas banner with banner_xmas */
/* #container {height:90px; width:710px; border:0; padding:0; } */
/* #titlebanner {height:90px; border:0; padding:0 0 0 110px; z-index:50; } */
/* #santa {position:absolute; top:38px; left:330px; border:0; padding:0; z-index:10; } */
/* #lights {position:absolute; top:1px; left:105px; border:0; padding:0; z-index:5; } */
/* #tree {position:absolute; top:40px; left:535px; border:0; padding:0; z-index:10; } */

/* New Years banner with banner_newyr */ 
/* #container {position:absolute; top:5px; left:50%; margin-left:-630px; height:90px; width:710px; border:0; padding:0; } */
/* #titlebanner {position:absolute; top:1px; left:1px; border:0; padding:0; z-index:50; } */
/* #happy {position:absolute; top:-12px; left:380px; border:0; padding:0; z-index:5; } */
/* #balloons {position:absolute; top:-10px; left:130px; border:0; padding:0; z-index:10; } */
/* #balloons2 {position:absolute; top:40px; left:610px; border:0; padding:0; z-index:5; } */
/* #main {position:absolute; top:1px; left:10px; border:0; padding:0; z-index:10; } */
/* #year {position:absolute; top:8px; left:180px; border:0; padding:0; z-index:1; } */
/* #year2 {position:absolute; top:15px; left:540px; border:0; padding:0; z-index:1; } */

/* bar */
.barbg {position:absolute; top:0; left:0; width:100px; border:0; padding:0; }
p.bar {margin-top:0; margin-bottom:7px; text-align:center; color:white; }

a.imgborder {text-decoration:none; border:solid #000 1px; background:transparent; color:#fff; }
a.imgborder:hover {border:solid silver 2px; background:transparent; color:#fff; }

a {background:transparent; color:blue; text-decoration:none; font:normal 14px arial, hevetica, sans-serif; }
a:hover {background:transparent; color:silver; }

a.aqua10 {background:transparent; color:aqua; text-decoration:none; font:normal 10px verdana, arial, hevetica, sans-serif; }
a.aqua10:hover {background:transparent; color:silver; } 

a.aqua12 {background:transparent; color:aqua; text-decoration:none; font:bold 12px arial, hevetica, sans-serif; }
a.aqua12:hover {background:transparent; color:silver; } 

a.aqua18 {background:transparent; color:aqua; text-decoration:none; font:normal 18px arial, hevetica, sans-serif; }
a.aqua18:hover {background:transparent; color:silver; } 

a.red10 {background:transparent; color:red; text-decoration:none; font:normal 10px verdana, arial, hevetica, sans-serif; }
a.red10:hover {background:transparent; color:silver; }

a.red12 {background:transparent; color:red; text-decoration:none; font:bold 12px verdana, arial, hevetica, sans-serif; }
a.red12:hover {background:transparent; color:silver; text-decoration:none; } 

a.red14 {background:transparent; color:red; text-decoration:none; font:bold 14px arial, hevetica, sans-serif; }
a.red14:hover {background:transparent; color:silver; }

a.red16 {background:transparent; color:#f243a0; text-decoration:none; font:bold 16px arial, hevetica, sans-serif; }
a.red16:hover {background:transparent; color:silver; }

a.red18 {background:transparent; color:red; text-decoration:none; font:normal 18px arial, hevetica, sans-serif; }
a.red18:hover {background:transparent; color:silver; }

a.yellow10 {background:transparent; color:yellow; text-decoration:none; font:normal 10px verdana, arial, hevetica, sans-serif; padding:0; margin:0; }
a.yellow10:hover {background:transparent; color:silver; }

a.yellow12 {background:transparent; color:yellow; text-decoration:none; font:normal 12px arial, hevetica, sans-serif; }
a.yellow12:hover {background:transparent; color:silver; }

a.yellow14 {background:transparent; color:yellow; text-decoration:none; font:normal 14px arial, hevetica, sans-serif; }
a.yellow14:hover {background:transparent; color:silver; }

a.yellow18 {background:transparent; color:yellow; text-decoration:none; font:normal 18px arial, hevetica, sans-serif; }
a.yellow18:hover {background:transparent; color:silver; }

a.yellow24 {background:transparent; color:yellow; text-decoration:none; font:24px arial, hevetica, sans-serif; }
a.yellow24:hover {background:transparent; color:silver; }

a.norm8 {background:transparent; color:white; text-decoration:none; font:8px verdana, arial, hevetica, sans-serif; }
a.norm8:hover {background:transparent; color:silver; }

a.norm8a {background:transparent; color:white; text-decoration:none; font:8px verdana, arial, hevetica, sans-serif; }
a.norm8a:hover {background:transparent; color:silver; }

a.norm10 {background:transparent; color:white; text-decoration:none; font:normal 10px verdana, arial, hevetica, sans-serif; }
a.norm10:hover {background:transparent; color:silver; }

a.norm10black {background:transparent; color:black; text-decoration:none; font:normal 10px verdana, arial, hevetica, sans-serif; }
a.norm10black:hover {background:transparent; color:silver; }

a.norm10plain {background:transparent; color:white; text-decoration:none; font:normal 10px verdana, arial, hevetica, sans-serif; }
a.norm10plain:hover {background:transparent; color:silver; }

a.norm12 {background:transparent; color:white; text-decoration:none; font:normal 12px arial, hevetica, sans-serif; }
a.norm12:hover {background:transparent; color:silver; }

a.norm14 {background:transparent; color:white; text-decoration:none; font:normal 14px arial, hevetica, sans-serif; text-align:center; }
a.norm14:hover {background:transparent; color:silver; }

a.norm16 {background:transparent; color:white; text-decoration:none; font:normal 16px arial, hevetica, sans-serif; text-align:center; }
a.norm16:hover {background:transparent; color:silver; }

a.norm20 {background:transparent; color:white; text-decoration:none; font:normal 20px arial, hevetica, sans-serif; }
a.norm20:hover {background:transparent; color:silver; }

a.norm24 {background:transparent; color:white; text-decoration:none; font:normal 24px arial, hevetica, sans-serif; }
a.norm24:hover {background:transparent; color:silver; }

a.title12 {background:transparent; color:#f14192; text-decoration:none; font:bold 12px arial, hevetica, sans-serif; text-align:left; }
a.title12:hover {background:transparent; color:silver; }

a.title14 {background:transparent; color:#f14192; text-decoration:none; font:bold 14px arial, hevetica, sans-serif; text-align:left; }
a.title14:hover {background:transparent; color:silver; }

a.title16 {background:transparent; color:#f14192; text-decoration:none; font:bold 16px arial, hevetica, sans-serif; text-align:center; }
a.title16:hover {background:transparent; color:silver; }

/* #list {background:yellow; }
#next {background:#ffc; } 
#image {background:#cff; }
#lowering1 {background:aqua; }
#lowering2 {background:green; }
#lowering3 {background:white;color:black; } 
#kudos {background:orange; }
#yo_talk {background:maroon; } 
#extra2 {background:red; }
#puzzle {background:purple; } 
#help {background:violet; } 
#date {background:blue; }
#extra {background:gray; } */