@charset "UTF-8";
/* CSS Document */

body {
	height:100%; 
	background:url(../images/background-fade.gif) repeat-x top;
	}
	
body#home a#homenav, 
body#about a#aboutnav, 
body#typical a#typicalnav, 
body#beginner a#beginnernav, 
body#library a#librarynav, 
body#latestwins a#latestwinsnav,
body#comp a#compnav,
body#contact a#contactnav,
body#spirit a#spiritnav,
body#issues a#issuesnav 	{background-color:#FFF68A;}	
	
#flashleft	{
	position:absolute;
	background-image:url(../images/new-site-layout.gif); background-repeat: no-repeat;
	width:100px;
	height:100px;
	left:0px;
	top:0px;
}

#currentissue	{	
	position:relative;
	background-image:url(../images/new-site-layout.gif); background-repeat: no-repeat;
	width:100px;
	height:100px;
	left:0px;
	top:0px;
	}	

#topspacer	{height:20px; width:900px; padding:0px; margin:0px auto;} 	

#allcontent {
	width:900px; 
	background-color:#FFFFFF; 
	margin:0px auto 0px auto; 
	padding:0px 0px 5px 0px;
	}

#allcontentshadow {
	background:url(../images/allcontent-shadow.png) no-repeat top; 
	width:920px; 
	margin:0px auto 0px auto;
	padding:0px;
	}

#logo {
	height:55px; 
	background:url(../images/compers-news-logo.gif) no-repeat top; 
	padding:15px 0px 0px 15px;
	}

#logo span {
	display: block;
	margin:0px; 
	padding: 0px;
	}
	

	

#photobank {
	width:900px; 
	height:80px; 
	background:url(../images/photobank-background.jpg) no-repeat top;
	}

#quick {
	width:894px;
	height:15px;
	background: url(../images/quick-background.gif) top repeat-x;
	margin:0px 0px 0px 0px;
	padding:3px;
	}
#quick.off	{
	background:url(../images/quick-background-off.gif) top repeat-x;
	}	
#leftcolumn {
	width:170px; 
	float:left; 
	padding:15px 5px 5px 0px; 
	margin:0px;
	} 	/*	float left!		*/

#maincolumn {
	width:485px; 
	margin:0px 200px 0px 185px; 
	padding:30px 10px;
	}	/* 	no float! And add margin to stop wrap!		*/

#maincolumn.magnum {
	background:url(../images/magnum.jpg) top no-repeat;	
}

#rightcolumn {
	width:200px; 
	background:url(../images/rightcolumn-bottom.gif) bottom no-repeat; 
	background-color:#FFCC00; 
	margin-top:-1px; 
	float:right; 			
	padding:0px 0px 15px 0px;
	}	/*	float right!	*/
	
#editor, #benefits	{
	padding-top:30px;
}

#freesample	{
	padding:0px 0px 0px 10px;
	margin:0px 0px 10px 7px;
	width:180px;
}

#pullout	{
	background:url(../images/pullout.gif) repeat-x #FFFFFF;
	padding:5px 10px; 
	margin:10px 0px 20px 0px;
	display:block;
	}	

#editor img {display:inline; float:right;
padding:0px 5px 0px 5px;
}	

#editor p	{
	font-size:75%; 
	padding:10px;
}

#editor p.terms	{
	font-size:60%;
	padding:10px;
}

#benefits p	{
	font-size:75%; 
	padding:5px 10px;
	margin:0px;
}

#benefits img	{float:left; padding:5px 2px 0px 5px; display:inline;}

#star {
	height:278px;
	width:200px;
	background-position:0px 0px;
	overflow:hidden;
	}
	
#footer {width:900px; margin:0px auto; padding:10px 0px 0px 0px;}

#footerbox	{
	width:100px;
	height:60px;	
	background-color:none;
	margin:2px 2px 0px 2px; 
	padding:0px;
	float:left;
	background-position: -100px -18px;
	}
#footerbox span {
	display: block;
	margin:0px; 
	padding: 0px;
	}	

#websitefamily	{width:880px; margin:0px auto; padding:10px; border-top:1px solid #EEE;}
#websitefamilyholder	{padding:0px; margin:0px auto; width:420px;}
#websitefamilyholder2	{padding:0px; margin:0px auto; width:420px;}
#footermenu	{width:860px; margin:10px auto 0px auto; padding:10px 5px 5px 5px; border-top:1px solid #EEEEEE;}

#adminpanel		{width:900px; margin:0px; padding:5px;}
#adminexisting	{width:400px; margin:0px; padding:5px;}
#adminedit		{width:300px; float:right; margin:0px; padding:5px;}

.clear 						{clear:both; height:1px; overflow:hidden;}


#footerbox span	{display:block; padding:2px;}	

#footerbox.bingo	{background-image:url(../images/bingo-footer.gif); background-repeat:no-repeat;}
#footerbox.compersweekly	{background-image:url(../images/compersweekly-footer.gif); background-repeat:no-repeat;}
#footerbox.compersnews		{background-image:url(../images/compersnews-footer.gif); background-repeat:no-repeat;}
#footerbox.gamefinder	{background-image:url(../images/gamefinder-footer.gif); background-repeat:no-repeat;}
#footerbox.tpf	{background-image:url(../images/tpf-footer.gif); background-repeat:no-repeat;}
#footerbox.essentials	{background-image:url(../images/essentials-footer.gif); background-repeat:no-repeat;}
#footerbox.elottery	{background-image:url(../images/elottery-footer.gif); background-repeat:no-repeat;}
#footerbox.total	{background-image:url(../images/total-footer.gif); background-repeat:no-repeat;}
#footerbox.winningslogans	{background-image:url(../images/winningslogans-footer.gif); background-repeat:no-repeat;}

#footerbox:hover	{display:block; color:#c00; background-position:0px -18px;}	
	
#footerbox h3 {
	font: 11px/1 Georgia, serif;
	text-align:center;
}

#footerbox span a:hover	{
	text-decoration:none;
}
	
#star a	{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 14px/1 Georgia, serif;
	text-align:center;
	color:#FFF;
	text-decoration: none;
	background: url(../images/cn1208-new2.gif) 0px 0px no-repeat;
	}

#star a:link {
	display:block;
	padding:10px;
	}

#star span {
	display: block;
	margin:0; 
	padding: 200px 75px 0 0;
	}

#star a:hover {
	background-position:-200px 0px;
	color:#FFFF66;
	}

#star a:active {
	color: black;
	}

img {
	padding:0px;
	margin:0px;
	}
	
img.left	{float:left; padding:0px 5px 0px 0px;}

img.right	{float:right; padding:0px 0px 0px 5px;}	

img.editorright	{float:right; padding:0px 0px 0px 5px; margin:0px 3px 0px 0px;}


#bottommenu img {margin:0px 10px 0px 0px; padding:0px;}		

p {
	font:85% Geneva, Arial, Helvetica, sans-serif; 
	color:#222; 
	padding-bottom:10px; 
	line-height: 140%; 
	}
	
p.disclaimer	{
	font-size:60%;
	padding-top:5px;
	padding-bottom:0px;
	line-height:120%;
	}
	
p.prize	{
	font-size:75%;
	padding-top:5px;
	padding-bottom:0px;
	line-height:100%;
	}	

p.besteveroffer {
	font-size:15px;
	padding:10px;
}
p.besteverofferbold {
	font-size:90%;
	padding:10px;
	font-weight:bold;
}
	
p.panel {
	background:url(../images/quick-background-off.gif) top repeat-x;
	background-color:#FFCC00;
	padding:3px; 
	display:block; 
	text-align:center;
	border-right:1px solid #CC3300;
	border-bottom:1px solid #CC3300;
	}
	
	
/* SUBSCRIBE PANEL BELOW */	

#freesample-panel {
	background:url(../images/freesample-panel.gif) top no-repeat;
	padding:18px 0px 23px 10px; 
	display:block; 
	text-align:left;
	height:40px;}

#subscribe-panel {
	background:url(../images/subscribe-panel.gif) top no-repeat;
	padding:18px 0px 23px 10px; 
	display:block; 
	text-align:left;
	height:40px;}
	
#subscribe-panel-v2 {
	background:url(../images/subscribe-panel-v2.gif) top no-repeat;
	padding:18px 0px 23px 10px; 
	display:block; 
	text-align:left;
	height:40px;}
	
#subscribe-panel-v3 {
		background:url(../images/subscribe-panel-v3.gif) top no-repeat;
		padding:18px 0px 23px 10px; 
		display:block; 
		text-align:left;
		height:40px;}	
	
#download-panel {
	background:url(../images/download-panel.gif) top no-repeat;
	padding:18px 0px 23px 10px; 
	display:block; 
	text-align:left;
	height:40px;}	

#subscribe-panel a h2, #subscribe-panel-v2 a h2, #subscribe-panel-v3 a h2, #download-panel a h2, #freesample-panel a h2 {

	font:110% Geneva, Arial, Helvetica, sans-serif; 
		line-height:1em;
	color:#0066FF;}

#subscribe-panel p, #subscribe-panel p a, #subscribe-panel-v2 p, #subscribe-panel-v2 p a, #subscribe-panel-v3 p, #subscribe-panel-v3 p a, #download-panel p a, #freesample-panel p a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	
	color:#000000;}	
	
#subscribe-panel a, #subscribe-panel-v2 a, #subscribe-panel-v3 a, #download-panel a, #freesample-panel a {width:100%; padding-bottom:0px; margin-bottom:0px;}
#subscribe-panel a:hover, #subscribe-panel-v2 a:hover, #subscribe-panel-v3 a:hover, #download-panel a:hover,  #freesample-panel a:hover {display:block; font-weight:bold; text-decoration:none; background:none;}	
#subscribe-panel a:hover h2, #subscribe-panel-v2 a:hover h2, #subscribe-panel-v3 a:hover h2, #download-panel a:hover h2, #freesample-panel a:hover h2 {text-decoration:underline;}
#subscribe-panel a:visited, #subscribe-panel-v2 a:visited, #subscribe-panel-v3 a:visited, #download-panel a:visited, #freesample-panel a:hover h2 {background:none;}

/* SUBSCRIBE PANEL ABOVE */
	
	
p.mainmenu {
	color:#AAA; 
	padding-bottom:10px;
	}
	
p.rightcolumn {
	font-size:75%; 
	padding: 0px 10px;
	}

p.freesample	{
	font-size:75%; 
	padding:0px 15px 5px 15px;
	}	
	
p.quick {
	padding-left:190px; padding:0px; margin:0px;
	}
	
p a:hover {
	color:#C00;
	}
	
p.updated {
	margin:5px 0px 0px 0px; 
	padding:0px; 
	line-height:13px; 
	font-size:55%; 
	color:#CC0000; 
	display:inline;
	}
p.alert	{font-size:75%;}

p.howtoenter {font-size:75%; color:#CC0000;}	

#copyright	{
	width:880px;
	margin:0 auto;
	padding:0px;
}
p.copyright	{
	font-size:55%;
	text-align:center;
	color:#888;
}	
	
#logo p {padding:3px 10px 0px 0px; font-size:80%; line-height:16px; text-align:right; color:#222;}	

#logo p a { color:#222;}

#logo p a:hover	{color:#222;}

#logo p a:visited	{color:#222;}


form.monthlycomp	{
	padding:15px;
	margin:5px 0px;
	background-color:#eeeeee;
	border: 1px solid #dddddd;
	}

blockquote {
	background-image:url(../images/blockquote.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 420px;
	padding: 15px 10px;
	background-color:#FFF;
	margin:0px auto;
	font:85% Geneva, Arial, Helvetica, sans-serif;
	color:#6699CC;
	line-height: 140%;
	font-style:italic;
	text-align:center;
}

	
.style2 {
	color: #CC0000
	}

h1 {
	font:140% Geneva, Arial, Helvetica, sans-serif; 
	color:#0066FF; 
	padding-bottom:10px;
	}
			
h2 {
	font:110% Geneva, Arial, Helvetica, sans-serif;
	color:#0066FF;
	padding-bottom:5px;
	}
			
h3	{
	font:100% Geneva, Arial, Helvetica, sans-serif; 
	color:#0066FF;
	padding-top:5px;
	padding-bottom:10px;
	line-height:130%;
	border-top:1px solid #ccc;
	}
	
h3.noborder	{
	border-top:none;
}
	

	
h2.rightcolumn {
	padding: 0px 10px 5px 10px;
	}
h2.benefits	{padding:0px 10px 10px 10px;}	
	
h2.freesample {
	padding:0px 15px 5px 15px;
	}	

h3.rightcolumn {
	padding: 0px 10px 5px 10px;
	color:#222;
	border:none;
	}

h3.right	{text-align:right;}		


h4 {
	font:100% Geneva, Arial, Helvetica, sans-serif; 
color:#0066FF; 
	text-align:center;
	}
h4.footer	{margin-bottom:5px;}	
	
h5 {
	font:100% Geneva, Arial, Helvetica, sans-serif;
	color:#990000;
	}

h6	{
	font:85% Geneva, Arial, Helvetica, sans-serif;
	color:#0066FF; 
	padding:5px 10px 0px 10px;
	
	}
	
	
.center {
	text-align:center;
	}

	
	
.currentissue-center	{
			text-align:center;
			padding:15px;
			
		}	

a				{text-decoration:none; color:#0066FF;}
a:link			{text-decoration:none;}
a:visited		{color:#663399;}
a:hover			{color:CC0000; text-decoration:underline;}
a:active		{color:#CC0000; background-color:#FFF68A;}

ul.mainmenu		{padding:12px 0px 0px 2px;
				width:155px;
				margin-left:0px;
				}
ul.membmenu		{
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:155px;
	background-image: url(../images/membersonly.gif);
	background-position:bottom;
	background-color:#FFFFFF;
	border-right:1px solid #CC3300;
	border-bottom:1px solid #CC3300;
}

#leftcolumn-ad	{
	width:155px;
	margin:10px 0px 0px 10px;
	padding:0px 0px 5px 0px;
}

li				{list-style:none; width:165px; padding:0px; text-align:right; font: 80% Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}

li a			{color:#0066FF;}
li a:link 		{color:#0066FF; display:block; padding:3px 2px 3px 3px;}     							/* unvisited link */
li a:visited 	{display:block; padding:3px 2px 3px 3px;}  												/* visited link */
li a:hover 		{color:#CC0000; background-color:#FFF68A; text-decoration:none;}   						/* mouse over link */
li a:active 	{color:#CC0000; display:block; padding:3px 2px 3px 3px; background-color:#eee;}   		/* selected link */

li.membmenu-heading	{width:149px; padding:3px 2px 2px 4px; text-align:left; color:#FFFFFF; background-color:#CC0000; margin:0px 0px 10px 0px;}		/* old color: #FFCC00; #222	*/
li.membmenu	{text-align:left; padding-left:0px; width:155px;}
li.membmenu a:visited	{padding:3px 2px 3px 3px;}
li.membmenu a:hover	{
	margin-bottom:3px;
	background-color:#FFF68A;
	width:150px;
}

li.win {background-color:#669900;
color:#FFF;
	}
li.win a {color:#FFF;}	
li.win a:hover {	
	background-color:#66CC00;
	width:150px;
	}	

li.membmenu-inactive	{
	text-align:left; 
	padding:0px 0px 6px 8px;
	color:#666666;
}

#footer ul	{width:600px; padding:0px; margin:0px auto; text-align:center;}
#footer li	{margin:0px 6px; padding:0px; text-align:left; display:inline;}
#footer li a	{font: normal 80% Geneva, Arial, Helvetica, sans-serif; display:inline;
	padding:0px;
	margin:0px;
	color:#888;
	background-color:none;
}
#footer li a:link	{}
#footer li a:visited	{}
#footer li a:hover		{background:none; text-decoration:underline; color:C00;}
#footer li a:active		{}

table	{margin:0px 0px 15px 0px; padding:0px;}

tr	{	font:85% Geneva, Arial, Helvetica, sans-serif; 
			color:#222; 
			padding: 0px; 
			line-height: 140%;
			
	}
tr.alt	{	background:url(../images/pullout.gif) repeat-x #FFFFFF;				
		}	
tr.alt-current	{	background:url(../images/quick-background-off.gif) top repeat-x; 
					background-color:#FFCC00; }		

td	{padding:0px 3px;}	

td.currentissue	{	background:url(../images/quick-background-off.gif) top repeat-x; 
					background-color:#FFCC00; }
					
th	{font:70% Geneva, Arial, Helvetica, sans-serif; color:#3366CC; padding:0px 3px 2px 3px;}




#issuetable	{width:490px; height:100px; margin:0px; padding:0px;}
#toptable	{width:490px; height:230px; margin:0px; padding:0px;}

#hrow	{width:490px; font:70% Geneva, Arial, Helvetica, sans-serif; color:#3366CC; padding:0px 0px 2px 4px;}
#tophrow{float:left; width:320px; font:70% Geneva, Arial, Helvetica, sans-serif; color:#3366CC; padding:0px 0px 2px 4px;}

#row	{width:490px; padding: 0px;}
#toprow	{float:left; width:325px; padding:0px;}

span.col1	{width:275px; float:left; padding:0px; margin:0px;}
span.col2	{width:100px; float:left; padding:0px 0px 0px 4px; margin:0px;}
span.col3	{width:100px; float:left; padding:0px 0px 0px 4px; margin:0px;}

span.topcol1	{width:110px; float:left; padding:0px; margin:0px;}
span.topcol2	{width:100px; float:left; padding:0px 0px 0px 4px; margin:0px;}
span.topcol3	{width:100px; float:left; padding:0px 0px 0px 4px; margin:0px;}
span.topcolspan	{
	width:410px;
	float:left;
	padding:0px 0px 0px 4px;
	margin:0px;
	font:65% Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
}

#row a	span, #toprow a span{ padding:2px 0px 0px 4px; font:85% Geneva, Arial, Helvetica, sans-serif;}
#row a:visited	span, #toprow a:visited span{}		
#row a:hover span, #toprow a:hover span	{color:#CC3300; background-color:#FFF68A; text-decoration:none;}	
#row a:active span, #toprow a:active span	{}

#row.alt a span, #toprow.alt a span	{background:url(../images/pullout.gif) repeat-x;}
#row.alt a:hover span, #toprow.alt a:hover span	{color:#CC3300; background-image:none; background-color:#FFF68A; text-decoration:none;}

#row.alt-current a span, #toprow.alt-current a span	{background-image:none; background-color:#FFCC00; }	
#row.alt-current a:hover span, #toprow.alt-current a:hover span	{color:#CC3300; background-image:none; background-color:#FFF68A; text-decoration:none;}

#thumbnail	{width:155px; height:210px; float:left;padding:5px; margin:0px; background:url(../images/quick-background-off.gif) top repeat-x; background-color:#FFCC00; padding:10px 0px 0px 10px;}