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;
}

/* 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: 1px solid #cc99cc}
iframe.list 	{ xmargin-bottom:-25px; *xmargin-bottom:15px; border-bottom:0; height:388px; //height:389px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { iframe.list { height:382px; } }

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 { display:none; }

div#banner-top {
position:absolute;
top:0px;
left:0px;
background: url("http://www.jemcon.org/inc/images/banner-non-jem.jpg") 0 0 no-repeat; 
width:837px;
height:235px;
}

div#flashing-buttons { display:none; }
div#flashing-button { display:none; }
.bw-1200 #misfits, .bw-1300 #misfits, .bw-1400 #misfits { display:none; }
.bw-1200 #hideous, .bw-1300 #hideous, .bw-1400 #hideous { display:none; }
.bw-1200 #tasteless, .bw-1300 #tasteless, .bw-1400 #tasteless { display:none; }
.bw-1200 #disgusting, .bw-1300 #disgusting, .bw-1400 #disgusting { display:none; }
.bw-1000 #rio, .bw-1024 #rio, .bw-1040 #rio  { display:none; }
.bw-1100 #rio-wall { display:none; }
.bw-1300 #rio { display:none; }
.bw-1400 #rio { display:none; }
div#aja { display:none; }
div#strum { display:none; }
div#strum-trigger { display:none; }

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-glow2.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#sitemap a {
position:absolute;
top:13px;
right:185px;
//right:195px;
color:white;
font-size:7.5pt;
}

div#search {
position:absolute;
top:12px;
right:10px;
}

div#login {
position:absolute;
top:55px;
right:10px;
}

div#jerrica-container { display:none; }
div#jerrica { display:none; }
div#earring-ani { display:none; }
div#earring { display:none; }
#outrageous { display:none; }
#bubble { display:none; }
#bubble2 { display:none; }
#bubble3 { display:none; }
#bubble4 { display:none; }
#bubble5 { display:none; }
#bubble6 { display:none; }
#bubble7 { display:none; }
#bubble8 { display:none; }
#bubble9 { display:none; }
#bubble10 { display:none; }
#bubble11 { display:none; }
#bubble12 { display:none; }
#bubble13 { display:none; }
#bubble14 { display:none; }
#bubble15 { display:none; }
#smoke { 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 { display:none; }

div#marquee {
position:absolute;
top:201px;
left:26px;
background: url("http://www.jemcon.org/inc/images/marquee.png") 0 0 no-repeat; 
width:287px;
height:103px;
}

div#celebrate { 
position:absolute;
top:267px;
left:322px;
background: url("http://www.jemcon.org/inc/images/25yrs.gifx") 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; color:yellow;}


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-updatedx {position:absolute; top:10px;}
}

div#quick-updates {
width:98%; //width:100%; height:400px; overflow:auto; border:1px solid #ff0066; padding:0px 10px }

.footer {
	WIDTH: 100%; clear:both;
}
.footer1 {
	POSITION: relative; TEXT-ALIGN: center; PADDING-BOTTOM: 10px; PADDING-LEFT: 50px; PADDING-RIGHT: 50px; COLOR: #996699; MARGIN-LEFT: 3%; FONT-SIZE: 7.5pt; PADDING-TOP: 0px
}
.footer2 {
	POSITION: relative; TEXT-ALIGN: center; PADDING-BOTTOM: 15px; PADDING-LEFT: 50px; PADDING-RIGHT: 50px; COLOR: #990099; MARGIN-LEFT: 3%; FONT-SIZE: 7.5pt; PADDING-TOP: 0px
}

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#menux {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}
}

.logout-pic { border:0; margin:9px 6px 0 0; width:16px; height:16px; }
.deadlines-pic { border:0; margin:32px 6px 0 0; width:16px; height:16px; }
.tellafriend-pic { border:0; margin:8px 3px 0 0; width:22px; height:20px; }
.print-pic { border:0; margin:7px 6px 0 0; width:16px; height:16px; }
.broken-pic { border:0; margin:8px 6px 0 0; width:17px; height:17px; }
.side-bar { margin:72px 0 20px 20px; display:inline; float:left; }
.pms { margin:30px 2px -1px 0; color:white; font-size:7.5pt; }
.pm-pic { border:0; width:16px; height:16px; margin:0 7px 0 0; }
.cp-pic { border:0; width:16px; height:16px; margin:6px 7px 0 0; }
#fxoff { cursor:pointer; }
#fxoff img, #fxon img { border:0; margin:9px 7px 0 0; }
#fxon { display:none; cursor:pointer; }
.main { border:#ff0066 1px solid; padding:0 15px 15px 15px; margin:72px 0px 10px 1px; min-height:400px; //height:400px; width:905px; //width:940px; background:#ffccff; float:left; clear:right; font-size:8pt; display:inline; }
.content { height:0 }

#rssscroller{
width: 250px;
height: 100px;
//height: 110px;
padding: 5px;
background-color: transparent;
z-index:0;
}
.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;
border:0;
top:80px;
left:445px;
text-align:center;
width:300px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#cdcontainerx {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_kids1, #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; width:0; }
#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;}
#sideBarTab img { border:0; }
.donate-edge { border:#ff0066 1px solid; background:#ffccff; padding:1px; width:200px; }
.donate-header { width:200px; height:27px; overflow:hidden; }
.donate-header h1 { text-align:left; margin:0; }
.donate-content { text-align:left; padding:5px; font-size:8pt; }
.admin-comments { border:#333 1px solid; color:#333; background:#ffff99; padding:0 10px; }
.admin-comments li, .admin-comments p { color:#333; }
.home { width:100%; margin-bottom:-5px; }
.home-left { width:70%; display:inline; float:left; }
.home-lt { margin-bottom:-15px; }
.home-ltl { width:50%; display:inline; float:left; }
.home-ltr ul, .home-ltl ul { margin-top:2px; }
.home-ltr { width:50%; display:inline; float:right; clear:right; }
.home-lb { margin:15px 0 0 0; }
.home-lbr ul, .home-lbm ul, .home-lbl ul { margin:2px 0; }
.home-lbm { width:40%; display:inline; float:left; }
.home-lbr, .home-lbl { width:30%; display:inline; float:left; }
.home-right { width:30%; display:inline; float:right; clear:right; }
.home-rt { border:#ff0066 1px solid; width:260px; padding:1px; }
.home-rm { padding-left:25px; }
.home-rm a { position:relative; top:9px; margin-left:5px; }
.home-rm img { border:0; }
.home-rm div { display:inline; top:7px; //top:8px; }
.home-rm #fb-root { margin-left:5px; padding-left:1px; }
.home-rb-header, .home-rt-header { width:260px; height:27px; overflow:hidden; }
.home-rb-header h1, .home-rt-header h1 { margin:0; cursor:pointer; }
.home-rb { border:#ff0066 1px solid; padding:1px; margin-top:15px; width:260px; }
.messageboard-edge, .newsfeed { padding:0; }
.messageboard { width:260px; }
.messageboard-link { margin:7px 50px 0 15px; *margin-right:43px; }
.messageboard-link LI { list-style-position:inside; }

.old-date, .old-date a, .old-date a:visited, .old-date a:active, .old-date a:hover { color:#cc99cc; }

.forum-feed { font-size:8pt; border-bottom:1px solid #cc99cc; padding-bottom:5px; }
.ff-title { padding-top:2px; margin:0 2px; }
.ff-poster { font-family:Arial; font-size:7.5pt; padding-top:2px; margin:0 2px; }
.ff-post { padding-top:2px; margin:0 2px; }

