body          {padding:0px; margin:0px; background: url(../imgs/bgnd.gif) #4AD89A; color:#042129; font:normal 11px Verdana, Helvetica, Arial, sans-serif;}
#mainpanel    {position:relative; width:750px; text-align:left;}
#content      {position:relative; width:750px; border:0px solid;}
#header       {position:relative; top: 0px; left:0; width:750px; height:108px;}
#pnl-prpl     {position:relative; left: 30px; width:690px; height: 310px; background: #B936A2; display: inline-block;}

#home-img1 {position:absolute; left:30px; top:7px;}
#home-img2 {position:absolute; left:30px; top:217px;}
#home-img3 {position:absolute; left:406px; top:7px;}
#home-img4 {position:absolute; left:327px; top:173px;}

#home-txt {position:absolute; left:30px; top:90px; width:260px}

#footer     {position:relative; left: 0px; width:690px; height:60px;}
#footer-txt {position:absolute; left: 4px; top:20px; width:560px;}
#btn-close  {position:absolute; left: 580px; top:20px;}

/* ecards */

#ecard-flash {position:absolute; left:200px; top:0px;}
#ecard-ttl {position:absolute; left:30px; top:8px;}
#ecard-pack {position:absolute; left:10px; top:75px;}

/* games */

#gms-ttl { position:absolute; left:30px; top:9px;}
#gms-prompt {position:absolute; left:0px; top:54px;}

#gms-bbl1 {position:absolute; left:313px; top:22px;}
#gms-bbl2 {position:absolute; left:512px; top:162px;}
#gms-mem  {position:absolute; left:439px; top:22px;}
#gms-jpuzz {position:absolute; left:242px; top:104px;}


#gms-mem-ttl {position:absolute; left:30px; top:60px;}
#gms-mem-chars {position:absolute;left:30px; top:143px;}
#gms-mem-gm {position:absolute; left:387px;top:3px;}
#gms-mem-txt {position:absolute; left:33px; top:85px; width:280px;}

#gms-jpuz-ttl {position:absolute; left:30px; top:60px;}
#gms-jpuz-txt {position:absolute; left:33px; top:140px; width:110px;}
#gms-jpuz-gm {position:absolute; left:168px; top:8px;}



/* text */

.black9{ font-weight:normal; color:#000000; font-size:9px}

.green14B{ font-weight:bold; color:#33FFCC; font-size:14px}
a.green14B:link, a.green14:visited, a.green14:active {font-weight:bold; text-decoration:none; color:#33FFCC; font-size:14px}
a.green14B:hover{font-weight:bold; text-decoration:underline; color:#33FFCC; font-size:14px}

.white10{ font-weight:bold; color:#FFFFFF; font-size:10px}
.white11{ font-weight:normal; color:#FFFFFF; font-size:11px}
.white14B{ font-weight:bold; color:#FFFFFF; font-size:14px}

.yellow11B{ font-weight:bold; color:#FFF371; font-size:11px}

.yellow14B{ font-weight:bold; color:#FFFF33; font-size:14px;}
a.yellow14B, a.yellow14B:link, a.yellow14:visited, a.yellow14:active {font-weight:bold; text-decoration:none; color:#FFFF33; font-size:14px}
a.yellow14B:hover{font-weight:bold; text-decoration:underline; color:#33FFCC; font-size:14px}




/* message board */

.orange_hm{  font-weight:bold; color:#F6DA1B; font-size:16px}
.whiteterms{  font-weight:normal; color:#FFFFFF; font-size:10px}
a.whiteterms:link{font-weight:normal; text-decoration:underline; color:#FFFFFF; font-size:10px}
a.whiteterms:visited{font-weight:normal; text-decoration:underline; color:#FFFFFF; font-size:10px}
a.whiteterms:active{font-weight:normal; text-decoration:none; color:#641261; font-size:10px}
a.whiteterms:hover{font-weight:normal; text-decoration:none; color:#641261; font-size:10px}

.purple11 {  font-weight:normal; color:#CCCCFF; font-size:11px}
.yellow11b {  font-weight:bold; color:#FFFF33; font-size:11px}
a.yellow11b :link {  font-weight:bold; color:#FFFF33; font-size:11px}
a.yellow11b :visited {  font-weight:bold; color:#FFFF33; font-size:11px}
a.yellow11b :active {  font-weight:bold; color:#FFFF33; font-size:11px}
a.yellow11b :hover {  font-weight:bold; text-decoration:none; color:#FFFFFF; font-size:11px}
.yellow16{  font-weight:bold; color:#FEFE02; font-size:16px}
.white9b {  font-weight:bold; color:#FFFFFF; font-size:9px}
.white11b {  font-weight:bold; color:#FFFFFF; font-size:11px}
.white11 {  font-weight:normal; color:#FFFFFF; font-size:11px}
.white14b {  font-weight:bold; color:#FFFFFF; font-size:14px}
a.white14b:link{font-weight:bold; text-decoration:underline; color:#FFFFFF; font-size:14px}
a.white14b:visited{font-weight:bold; text-decoration:underline; color:#FFFFFF; font-size:14px}
a.white14b:active{font-weight:bold; text-decoration:none; color:#641261; font-size:14px}
a.white14b:hover{font-weight:bold; text-decoration:none; color:#641261; font-size:14px}
.white16b {  font-weight:bold; color:#FFFFFF; font-size:16px}
.white18b { font-weight:bold; color:#FFFFFF; font-size:18px}
.black14b { font-weight: bold; font-size: 14px; color: #000000;}
.purplel11 {font-weight: normal; font-size: 11px; color: #663399;}
.purplel11b {font-weight: bold; font-size: 11px; color: #663399;}
.purple11b {font-weight: bold; font-size: 11px; color: #5E0D5A;}
.purple12b {font-weight: bold; font-size: 12px; color: #641261;}
.purple14b {font-weight: bold; font-size: 14px; color: #993399;}
.greydark11b {  font-weight:bold; color:#000033; font-size:11px}

.message{  font-weight: bold; color: #FFFFFF; font-size: 11px;}
a.message:link {  font-weight: bold; color: #FFFF33;font-size: 11px;}
a.message:visited {  font-weight: bold; color: #FFFF33;font-size: 11px;}
a.message:active {  font-weight: bold; color: #FFFF33;font-size: 11px;}
a.message:hover { text-decoration:none; font-weight: bold; color: #FFFF33; font-size: 11px; }
a.thanks:link, a.thanks:visited, a.thanks:active {  font-weight: bold; color: #FFF371; font-size: 14px;}
a.thanks:hover {  font-weight: bold; color: #FFF371; text-decoration:none; font-size: 14px; }


a.backtoss:link, a.backtoss:visited, a.backtoss:active {  font-weight: bold; color: #E9228F;font-size: 12px;}
a.backtoss:hover {  font-weight: bold; color: #FD1B14; font-size: 12px; }

.colour1 {  font-weight: bold;  font-size: 11px;  color: #E9228F;}
.colour111B {  font-weight: bold;  font-size: 11px;  color: #E9228F;}
.colour2 {  font-weight: bold;  font-size: 11px;  color: #980034;}
.colour3 {  font-weight: bold;  font-size: 11px;  color: #00709E;}
.colour4 {  font-weight: bold;  font-size: 11px;  color: #8C6635;}
.colour5 {  font-weight: bold;  font-size: 11px;  color: #6A509B;}
.colour6 {  font-weight: bold;  font-size: 11px;  color: #FFDC00;}
.colour611 {  font-weight: normal;  font-size: 11px;  color: #E9228F;}
.colour612B {  font-weight: bold;  font-size: 12px;  color: #FFDC00;}
.colour614B {  font-weight: bold;  font-size: 14px;  color: #FFDC00;}

.black16B {  font-weight: bold;  font-size: 16px;  color: #000000;}
.black14B {  font-weight: bold;  font-size: 14px;  color: #000000;}
.black10 {  font-weight: normal;  font-size: 10px;  color: #000000;}
.black11 {  font-weight: normal;  font-size: 11px;  color: #000000;}
.white11 {  font-weight: normal;  font-size: 11px;  color: #FFFFFF;}
.white12B {  font-weight: bold;  font-size: 12px;  color: #FFFFFF;}
.blue11B {  font-weight: bold;  font-size: 11px;  color: #333366;}
.yellow14B {  font-weight: bold;  font-size: 14px;  color: #FFFF33;}
.homebq {  margin-left: 18px;  margin-top: 3px;  margin-right: 18px;  margin-bottom: 0px;}
.thanksbq {font-weight:bold; font-size:14px; color:#660066; margin-left:30px; margin-top:30px; margin-right:0px; margin-bottom:0px;}

td.colour1 {background-color: #E9228F}
td.colour2 {background-color: #980034}
td.colour3 {background-color: #00709E}
td.colour4 {background-color: #8C6635}
td.colour5 {background-color: #6A509B}
td.colour6 {background-color: #FFDC00}

tr.trcolour1 {background-color: #E9228F}
tr.trcolour2 {background-color: #980034}
tr.trcolour3 {background-color: #00709E}
tr.trcolour4 {background-color: #8C6635}
tr.trcolour5 {background-color: #6A509B}
tr.trcolour6 {background-color: #FFDC00}