html, body {  
margin:0px; 
height:100%; 
width:100%; 
text-align:center; 
background-color:#F7EF18;
background-image: url(http://www.jemcon.org/inc/images/bg.png); background-repeat: repeat-x; 
color: #990099; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
    scrollbar-face-color:#660066;
    scrollbar-shadow-color:#ff0066;
    scrollbar-3dlight-color:#ff0066;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#660066;
    scrollbar-darkshadow-color:#660066;
    scrollbar-highlight-color:#660066;
    scrollbar-track-color:#660066;
}

a { /* remove unwanted focus outlines from links */
	noFocusLine: expression(this.onFocus=this.blur())
	outline: none;
	}
*:focus { 
	outline: none; 
	}

/* JemCon Styles for General Tags */
a		{text-decoration: none; font-family: verdana, tahoma, helvetica, geneva, sans-serif; color:#ff0066; border:none; outline:none;}
a:hover         {color:#ff3366; text-decoration:underline;}
a:active        {color:#660066;}
a:visited       {color:#660066;}
h2      	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 11pt;}
h3 	     	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 11pt;}
p		{margin-top: 1em; margin-bottom: 1em; font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color: #990099;}
small		{font-family: verdana, tahoma, helvetica, geneva, sans-serifs; font-size: 7.5pt; color:#990099; }
td	    	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#990099; }
ul  	    	{margin-top: 1em; margin-bottom: 1.5em; font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#990099; padding-left:30px;}
blockquote      {margin-left: 10px; margin-right: 10px; font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#990099; }
ol    	  	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#990099; padding-left:30px;}
li     	 	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#990099; }
input  	 	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 7.5pt; color:#990099; border:1px solid #990099}
textarea  	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 7.5pt; color:#990099; border:1px solid #990099}
text   	 	{text-decoration: none; font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#990099; }
submit 	 	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#990099; height:15px; width:200px;}
option 	 	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#666666;}
select 	 	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#666666;}
button 	 	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 7.5pt; color:#666666; }
font,th,td,p    {color: #990099; font-family: Verdana, Arial, Helvetica, sans-serif; }
hr	        {height: 0px; border: solid #cc99cc 0px; border-top-width: 1px; margin-bottom:7px; //margin-bottom:0;}
td 		{padding:0px 4px;}
img		{border: 1px solid #ff0066}
iframe          {border: 2px solid #ff0066}

table.thinborder        {border-color:#996699; border-width:0 0 1px 1px; border-style:solid;}
td.thinborder           {border-color:#996699; border-width:1px 1px 0 0; border-style:solid; margin:0; padding:4px;}

input.search  	 	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 7.5pt; color:#990099; border:1px solid #990099}
submit.search 	 	{font-family: verdana, tahoma, helvetica, geneva, sans-serif; font-size: 8pt; color:#990099; height:15px; width:200px;}

h1 {color:white; font-size:8pt; padding:7px; margin:1px -14px 10px -14px; background-color:#ff0066}

div#blue-button {position:absolute;top:0px;left:0px;background: url("http://www.jemcon.org/inc/images/blue-button.gif") 0 0 no-repeat; width:0px;height:0px;}
div#purple-button {position:absolute;top:0px;left:0px;background: url("http://www.jemcon.org/inc/images/purple-button.gif") 0 0 no-repeat; width:0px;height:0px;}
div#blue-button2 {position:absolute;top:0px;left:0px;background: url("http://www.jemcon.org/inc/images/blue-button2.gif") 0 0 no-repeat; width:0px;height:0px;}
div#purple-button2 {position:absolute;top:0px;left:0px;background: url("http://www.jemcon.org/inc/images/purple-button2.gif") 0 0 no-repeat; width:0px;height:0px;}

div#banner {
position:absolute;
top:0px;
left:0px;
background-color: #39025F;
width:100%;
height:235px;
}

div#banner-base {
position:absolute;
top:0px;
left:551px;
background: url("http://www.jemcon.org/inc/images/banner-base.jpg") 0 0 no-repeat; 
width:285px;
height:235px;
}

div#banner-top {
position:absolute;
top:0px;
left:0px;
background: url("http://www.jemcon.org/inc/images/banner-top.jpg") 0 0 no-repeat; 
width:558px;
height:235px;
}

div#flashing-buttons {
position:absolute;
top:0px;
left:525px;
background: url("http://www.jemcon.org/inc/images/flashing-buttons.gif") 0 0 no-repeat; 
width:256px;
height:97px;
}

div#flashing-button {
position:absolute;
top:55px;
left:529px;
background: url("http://www.jemcon.org/inc/images/flashing-button.gif") 0 0 no-repeat; 
width:29px;
height:11px;
}

.bw-1200 #misfits, .bw-1300 #misfits, .bw-1400 #misfits {
position:absolute;
top:0px;
right:0px;
background: url("http://www.jemcon.org/inc/images/misfits.jpg") 0 0 no-repeat; 
width:394px;
height:235px;
}

.bw-1200 #hideous, .bw-1300 #hideous, .bw-1400 #hideous {
position:absolute;
top:112px;
right:230px;
width:28px;
height:28px;
}

.bw-1200 #tasteless, .bw-1300 #tasteless, .bw-1400 #tasteless {
position:absolute;
top:105px;
right:310px;
width:25px;
height:25px;
}

.bw-1200 #disgusting, .bw-1300 #disgusting, .bw-1400 #disgusting {
position:absolute;
top:133px;
right:118px;
width:30px;
height:30px;
}

.bw-1000 #rio, .bw-1024 #rio, .bw-1040 #rio  {
position:absolute;
top:32px;
right:10px;
background: url("http://www.jemcon.org/inc/images/rio.gif") 0 0 no-repeat; 
width:178px;
height:208px;
}

.bw-1100 #rio-wall {
position:absolute;
top:0px;
right:0px;
background: url("http://www.jemcon.org/inc/images/rio-wall.jpg") 0 0 no-repeat; 
width:257px;
height:235px;
}

.bw-1300 #rio {
position:absolute;
top:32px;
right:400px;
background: url("http://www.jemcon.org/inc/images/rio.gif") 0 0 no-repeat; 
width:178px;
height:208px;
}

.bw-1400 #rio {
position:absolute;
top:32px;
left:800px;
background: url("http://www.jemcon.org/inc/images/rio.gif") 0 0 no-repeat; 
width:178px;
height:208px;
}

div#aja {
position:absolute;
top:37px;
left:552px;
background: url("http://www.jemcon.org/inc/images/aja.gif") 0 0 no-repeat; 
width:243px;
height:235px;
}

div#strum {
display:none;
position:absolute;
top:160px;
left:566px;
background: url("http://www.jemcon.org/inc/images/strum.gif") 0 0 no-repeat; 
width:69px;
height:74px;
}

div#strum-trigger {
position:absolute;
top:209px;
left:612px;
width:25px;
height:20px;
}

div#jemcon-star-glow a {
position:absolute;
top:92px;
left:17px;
display:block;
width:166px;
height:142px;
background: url("http://www.jemcon.org/inc/images/jemcon-star-glow.jpg") 0 0 no-repeat; 
}
div#jemcon-star-glow a:hover { 
background-position: 0 -142px;
}
div#jemcon-star-glow a:active {
background-position: 0 -284px;
}

div#search {
position:absolute;
top:12px;
right:10px;
}

div#jerrica-container {
display:none;
position:absolute;
top:0px;
left:0px;
width:363px;
height:235px;
}

div#jerrica {
position:absolute;
top:0px;
left:0px;
background: url("http://www.jemcon.org/inc/images/jerrica.jpg") 0 0 no-repeat; 
width:363px;
height:235px;
}

div#earring-ani {
position:absolute;
top:113px;
left:221px;
background: url("http://www.jemcon.org/inc/images/earring.gif") 0 0 no-repeat; 
width:28px;
height:30px;
}

div#earring {
position:absolute;
top:117px;
left:224px;
width:20px;
height:20px;
}

#outrageous {
	height:30px;
	width:30px;
	position:absolute;
	top:133px;
	left:385px;
}
#bubble {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:20px;
	width:20px;
	position:absolute;
	top:235px;
	left:200px;
	display:none;
}
#bubble2 {
        background: url("http://www.jemcon.org/inc/images/bubble2.gif") 0 0 no-repeat; 
	height:25px;
	width:25px;
	position:absolute;
	top:235px;
	left:300px;
	display:none;
}
#bubble3 {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:20px;
	width:20px;
	position:absolute;
	top:235px;
	left:400px;
	display:none;
}
#bubble4 {
        background: url("http://www.jemcon.org/inc/images/bubble2.gif") 0 0 no-repeat; 
	height:25px;
	width:25px;
	position:absolute;
	top:235px;
	left:500px;
	display:none;
}
#bubble5 {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:20px;
	width:20px;
	position:absolute;
	top:235px;
	left:100px;
	display:none;
}
#bubble6 {
        background: url("http://www.jemcon.org/inc/images/bubble2.gif") 0 0 no-repeat; 
	height:25px;
	width:25px;
	position:absolute;
	top:235px;
	left:330px;
	display:none;
}
#bubble7 {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:20px;
	width:20px;
	position:absolute;
	top:235px;
	left:470px;
	display:none;
}
#bubble8 {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:25px;
	width:25px;
	position:absolute;
	top:235px;
	left:550px;
	display:none;
}
#bubble9 {
        background: url("http://www.jemcon.org/inc/images/bubble2.gif") 0 0 no-repeat; 
	height:25px;
	width:25px;
	position:absolute;
	top:235px;
	left:630px;
	display:none;
}
#bubble10 {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:20px;
	width:20px;
	position:absolute;
	top:235px;
	left:50px;
	display:none;
}
#bubble11 {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:20px;
	width:20px;
	position:absolute;
	top:235px;
	left:680px;
	display:none;
}
#bubble12 {
        background: url("http://www.jemcon.org/inc/images/bubble2.gif") 0 0 no-repeat; 
	height:25px;
	width:25px;
	position:absolute;
	top:235px;
	left:570px;
	display:none;
}
#bubble13 {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:20px;
	width:20px;
	position:absolute;
	top:235px;
	left:440px;
	display:none;
}
#bubble14 {
        background: url("http://www.jemcon.org/inc/images/bubble.gif") 0 0 no-repeat; 
	height:25px;
	width:25px;
	position:absolute;
	top:235px;
	left:380px;
	display:none;
}
#bubble15 {
        background: url("http://www.jemcon.org/inc/images/bubble2.gif") 0 0 no-repeat; 
	height:25px;
	width:25px;
	position:absolute;
	top:235px;
	left:150px;
	display:none;
}
#smoke {
position:absolute;
top:0px;
left:0px;
background: url("http://www.jemcon.org/inc/images/smoke.jpg") 0 0 no-repeat; 
width:837px;
height:235px;
display:none;
}

div#bar {
position:absolute;
top:220px;
left:0px;
background: url("http://www.jemcon.org/inc/images/bar.png") repeat-x; 
width:100%;
height:51px;
}

div#art-disclaimer {
position:absolute;
top:219px;
left:730px;
font-size: 6.5pt;
color: #996699;
width:290px;
text-align:left;
}

div#marquee {
position:absolute;
top:205px;
left:28px;
background: url("http://www.jemcon.org/inc/images/marquee.png") 0 0 no-repeat; 
width:287px;
height:100px;
}

div#celebrate {
position:absolute;
top:267px;
left:322px;
background: url("http://www.jemcon.org/inc/images/25yrs.gif") center 0 no-repeat; 
width:61%;
height:50px;
//z-index:-1;
}


div#memoryticker{
position:absolute; top:276px; left:320px;
font:8pt verdana;
color: #ffffff;
text-align:left;
width: 570px;
/*Tip: add in height attribute here for multiple line scroller*/
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
}

div.memoryticker a:link, div.memoryticker a:hover, div.memoryticker a:visited, div.memoryticker a:active 
{color:#ff0066;}


div#textsizer {
position:absolute; top:275px; right:25px;
font:7.5pt verdana;
text-align:left;
width: 90px;
color:#990099;
}

div.textsizer a:link, div.textsizer a:visited, div.textsizer a:active {color:#ffffff;}
div.textsizer a:hover {color:#ff0066;text-decoration:none} 

div#font {
position:relative;
top:0px;
left:0px;
background: url("http://www.jemcon.org/inc/images/font.png") 0 0 no-repeat; 
width:45px;
height:16px;
}  

div#last-updated {
z-index:0;
position:absolute; 
top:80px; 
width:905px; 
//width:912px; 
text-align:right; 
color:white;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#last-updated {position:absolute; top:10px;}
}

div#quick-updates {
width:98%; //width:100%; height:400px; overflow:auto; border:1px solid #ff0066; padding:0px 10px }

td.footer {
width:100%;
font-family: verdana, tahoma, helvetica, geneva, sans-serif;
text-align:center; 
font-size: 7.5pt; 
color:#996699;
padding:10px 50px;
}

td.footer2 {
width:100%;
font-family: verdana, tahoma, helvetica, geneva, sans-serif;
text-align:center; 
font-size: 7.5pt; 
color:#990099;
padding:0px 50px 15px 50px;
}

a.footerlinks:link, a.footerlinks:visited, a.footerlinks:active {color: #660066; text-decoration: none }
a.footerlinks:hover {color: #990099; text-decoration: underline; font-weight:normal }

div#workspace {
position:relative;
top:234px; 
margin-left:auto; 
margin-right:auto;
text-align:left;
width:1000px; 
}

div#menu {position:absolute; top:0px; right:10px; width:675px; z-index:1}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#menu {position:absolute; top:-70px; right:10px; width:675px; z-index:1}
}

div#pinkmenubar {position:absolute; top:0px; right:10px; width:675px; z-index:1}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#pinkmenubar {position:absolute; top:-70px; right:10px; width:675px; z-index:1}
}

table.main-panel {margin-top:70px; width:100%; text-align:left; font-size:10pt;}
td.main-panel-cell {border:1px #ff0066 solid; background-color:#FFCCFF; padding:0px 15px 15px 15px; vertical-align:top; width:90%; min-height:400px; height:auto !important; height:400px;}
td.main-panel-cell-margin {width:5%;}

#rssscroller{
z-index:0;
width: 250px;
height: 100px;
//height: 110px;
padding: 5px;
background-color: transparent;
}
.rssclass .rsstitle{
font-weight: bold;
text-decoration: underline;
background-color:transparent;
color:#660066;
}
.rssclass a{
text-decoration: underline;
}
.rssclass a:hover{
text-decoration: none;
}
.rssclass img{
border:1px solid #ff0066;
margin-top: 5px;
}

#cdcontainer { /* universal countdown */
position:absolute;
top:80px;
left:465px;
text-align:center;
width:300px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#cdcontainer {position:absolute; top:10px;}
}
.lcdstyle{ /*Example CSS to create LCD countdown look*/
color:white;
font: bold;
}
.sup{ /*Example CSS to create LCD countdown look*/
font-size: 9px;
font-weight: normal;
}

#updated-pages {
display:none;
position:absolute;
right:27px;
margin-top:40px;
border:1px #ff0066 solid; 
background-color:#FFCCFF; 
padding:0px 15px 15px 15px; 
vertical-align:top; 
width:275px; 
//width:300px;
margin-left:10px;
margin-bottom:10px;
}

div#close {position:absolute; top:8px; right:8px; color:white; font-weight:bold; cursor:pointer; cursor:hand;}

#antispam {
visibility:hidden;
display:none;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
    vertical-align:middle;
}
.LV_valid {
    color:#0099ff;
}	
.LV_invalid {
    color:#ff0066;
}   
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
    border: 1px solid #0099ff; 
}   
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
    border: 1px solid #ff0066; 
}

#rsvErrors, #rsvErrors_a, #rsvErrors_b, #rsvErrors_c, #rsvErrors_d, #rsvErrors_e, #rsvErrors_f, #rsvErrors_g, #rsvErrors_h, #rsvErrors_i, #rsvErrors_kidsa, #rsvErrors_kidsb {
display: none;
background-color: #ff99ff;
border: 2px solid #ff0066;
color: #ff0066;
font-weight: bold;
padding: 10px;
}

#hintbox {
position:absolute;
top: 0;
background-color: white;
width: 200px; 
padding: 3px 5px;
border:2px solid #ff0066;
z-index:100;
text-align:left;
visibility: hidden;
font:normal 10px Verdana;
}
.hintanchor {font-weight: bold;margin: 3px 8px;}

#sideBar { position:absolute; width:auto; height:auto; top:306px; right:1px; }
#sideBarTab { float:left; height:137px; width:30px; cursor:pointer; }
#sideBarContents { overflow:hidden !important; float:left; display:none; }
#sideBarContentsInner { width:200px; }
div#donate-active {position:absolute;top:0px;left:0px;background: url("http://www.jemcon.org/inc/images/donate-active.png") 0 0 no-repeat; width:0px; height:0px;}

.admin-comments { border:1px solid #333; background:#ffff99; padding:0px 10px; }
.admin-comments p, .admin-comments li  { color:#333; }
.admin-comments a, .admin-comments a:visited, .admin-comments a:active, .admin-comments a:hover { color:#cc00cc; }