body {background:#000000; }

#title_old {position:absolute; top:20px; left:10px; color:#fff; width:340px; border:0; padding:0; text-align:center; background:transparent; 
font:normal 150% "Comic Sans MS", arial, hevetica, sans-serif; }

#image {position:absolute; top:30px; left:5px; width:350px; border:0; padding:0; margin:0; text-align:center; background:transparent; z-index:50; }
#image a img { border:1px #000 solid; }
#image a:hover img { border:1px5 #fff solid; }

#suggestions {position:absolute; top:60px; left:5px; color:#fff; font:normal 150% "Comic Sans MS", arial, hevetica, sans-serif; background:transparent; background:transparent; z-index:1; }
#suggestions a img { border:1px #000 solid; }
#suggestions a:hover img { border:1px #fff solid; }

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

#gvpl {position:absolute; top:430px; left:5px; width:350px; border:4px red dotted; background:#ffefd5; z-index:10; text-align:left; color:#252525; font:normal 12px/1.3 arial, hevetica, sans-serif; padding:5px 10px; margin:0; } 

#description {position:absolute; top:120px; left:10px; width:450px; border:0; padding:0; margin:0; text-align:left; background:transparent; z-index:10; 
color:#fff; font:normal 18px "Comic Sans MS", arial, hevetica, sans-serif; }

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

#title {position:absolute; top:1px; left:420px; height:30px; width:400px; border:0; padding:0; text-align:center; color:#fff; background:transparent; 
font:normal 20px "Comic Sans MS", arial, hevetica, sans-serif; }

#date {position:absolute; top:25px; left:420px; width:400px; border:0; padding:0; margin:0; text-align:center; background:transparent; z-index:10; color:#fff; font:normal 14px "Comic Sans MS", arial, hevetica, sans-serif; }

#welcome {position:absolute; top:75px; left:420px; width:450px; border:0px solid white; color:#fffff0; background:transparent; z-index:1; font:normal 14px "Comic Sans MS", arial, hevetica, sans-serif; } 

#parking {position:absolute; top:490px; left:420px; width:450px; border:4px red dotted; background:#ffefd5; z-index:10; text-align:left; color:#252525; font:normal 12px/1.3 arial, hevetica, sans-serif; padding:5px 10px; margin:0; } 

#puzzle {position:absolute; top:510px; left:10px; width:340px; 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; } 

#list {position:absolute; top:55px; left:360px; width:460px; border:0px solid white; padding:0; text-align:left; background:transparent; z-index:30; color:#fff; font:normal 12px/1.3 arial, hevetica, sans-serif; padding:5px 10px; margin:0; } 
#list img {margin:0; padding:0; }
#list div {float:left; text-align:center; text-decoration:none; margin:0 3px 0 0; padding:0; height:90px; } 
#list div a {font:bold 9px verdana, arial, sans-serif; color:yellow; text-decoration:none; }
#list div a:hover {font:bold 9px verdana, arial, sans-serif; color:silver; text-decoration:none; }
#list div a img { border:1px #000 solid; }
#list div a:hover img { border:1px #fff solid; }

#special {position:absolute; top:230px; left:390px; width:346px; background:transparent; color:white; font:normal 20px "Comic Sans MS", arial, hevetica, sans-serif; z-index:1; text-align:center; } 

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

#highlight_box {position:absolute; top:350px; left:10px; width:250px;height:15px;background:#ffffcc;border:dotted 5px red;padding:5px 5px 10px 5px;text-align:center;font:bold 18px verdana, arial, hevetica, sans-serif;color:red;margin-left:25px; }

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

.ctr {text-align:center; }
.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; }
.ml_30 {margin-left:30px; }

#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; }

/* 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:#f243a0; text-decoration:none; font:normal 10px verdana, arial, hevetica, sans-serif; }
a.red10:hover {background:transparent; color:silver; }

a.red12 {background:transparent; color:#f243a0; 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:#f243a0; 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; } */