/*  CSS1 Style Sheet by Bob Jacobs */

BODY {
	background-color: #458867; 
	margin: 0px 0px 0px 0px;
}
BODY.promotional {
	Background-color: #456788;
	margin: 0px 0px 0px 0px;
}	
DIV.pagewidth {
	Position:relative; 
	width:994px;
}
DIV.datapagewidth {
	Position:relative; 
	width:964px;
	height:516px;
}
A:link {
	color: #71230f;
	text-decoration:none;
}
A:visited {
	color: #71230f;
	text-decoration:none;
}
A:active {
	color: #71230f;
	text-decoration:none;
}

UL {
	list-style-image:url(pictures/bullet.gif);
}	
LI	{
	font: 9pt/11pt Arial, sans-serif; 
	color: #336633;
	text-align:left;
	list-style-type:square;
	list-style-position:outside;
	display:list-item;
}
SPAN.chart {
	position:absolute;
	font: bold 10pt/12pt "comic sans ms", sans-serif;
	color:#000080;
	background-color:#9999ff;
	text-align:right;
	width:120px;
}
SPAN.small {
	position:absolute;
	top:10px;
	font:  8pt/10pt "arial", sans-serif;
	color:#000080;
	background-color:#9999ff;
	text-align:left;
	width:200px;
}
SPAN.formin {
	position:absolute;
	left:260px;
	background-color: #458867;
	text-align:left;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
}
DIV.compatability {
	position:absolute; 
	left:0px; 
	top:630px; 
	width:994px;
	height:16px;
	font: 8pt/10pt Arial;
	color:#7777ff;
	text-align:center;
}

.frame {
	text-align:center;
	width:500px; 
	height:300px;
}


DIV.mainbackground {
	position:absolute;
	top:0px;
	left:0px;
	width:994px;
}
DIV.box462 {
	position:absolute;
	left:0px;
	top:0px;
	width:462px;
	height:335px;
	background-image:url("pictures/462.gif");
	background-repeat:no-repeat;
	background-position:center center;
}
DIV.googlebox {
	position:absolute; 
	left:246px; 
	width:503px;
	top:400px;
	height:64px; 
}
DIV.topstrip {
	position:absolute; 
	left:15px; 
	top:10px; 
	width:964px;
	height:71px;
	background-color:#7F9185;
	background-image:url(pictures/solitaire-logo.gif);
	background-position: 10px center;
	background-repeat:no-repeat;
}
SPAN.screenshot {
	position:absolute; 
	left:10px; 
	top:15px;
	width:480px;
	height:340px; 
	background-repeat:no-repeat;
	background-position: center center;
	background-color:#7f9185;
}
SPAN.rulesscreenshot {
	position:absolute; 
	left:495px; 
	top:25px;
	width:460px;
	height:433px; 
	background-repeat:no-repeat;
	background-position: center center;
	background-color:#7f9185;
}
DIV.games {
	position:absolute; 
	left:15px; 
	top:130px; 
	width:964px;
	height:236px;
	background-color:#7F9185;
}
DIV.gamestitle {
	position:absolute; 
	height:40px;
	left:104px; 
	top:476px;
	width:758px;
	text-align:center; 
	background-color:#ffffff;
	color:#9FB3A7;
	font:bold Italic 18pt/20pt "comic sans ms"; 
}
DIV.titlemain {
	position:absolute;
	left:25px;
	top:120px;
	height:35px;
	color:#71230F;
	font: bold 18pt/20pt "Comic Sans Ms", sans serif;
}
DIV.typemain {
	position:absolute;
	left:5px;
	top:0px;
	height:15px;
	width:250px;
	color:#71230F;
	font: bold 14pt/16pt "Comic Sans Ms", sans serif;
	text-align:left
}
DIV.linemain {
	position:relative;
	left:5px;
	top:5px;
	height:14px;
}
SPAN.lineitem {
	font: 10pt/12pt "Arial" Sans Serif;
	width:350px;
}	
DIV.titletop {
	position:absolute;
	left:22px;
	top:117px;
	height:35px;
	color:#feba00;
	font: bold 18pt/20pt "Comic Sans Ms", sans serif;
}
SPAN.titleinner {
	position:absolute;
	left:-3px;
	top:-3px;
	height:35px;
	color:#feba00;
	font: bold 18pt/20pt "Comic Sans Ms", sans serif;
}
SPAN.typeinner {
	position:absolute;
	left:-1px;
	top:-1px;
	height:15px;
	width:250px;
	color:#feba00;
	font: bold 14pt/16pt "Comic Sans Ms", sans serif;
	text-align:left
}
SPAN.lineinner {
	position:relative;
	left:-2px;
	top:-2px;
}

SPAN.tlcorner {
	position:absolute;
	left:0px;
	top:0px;
	width:964px;
	height:536px;
	background-image:url(pictures/tlcorner.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
SPAN.trcorner {
	position:absolute;
	left:0px;
	top:0px;
	width:964px;
	height:536px;
	background-image:url(pictures/trcorner.gif);
	background-position: top right;
	background-repeat:no-repeat;
}
SPAN.blcorner {
	position:absolute;
	left:0px;
	top:0px;
	width:964px;
	height:536px;
	background-image:url(pictures/blcorner.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}
SPAN.brcorner {
	position:absolute;
	left:0px;
	top:0px;
	width:964px;
	height:536px;
	background-image:url(pictures/brcorner.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
}
DIV.maindataframe {
	position:absolute; 
	left:15px; 
	top:90px; 
	width:964px; 
	height:390px; 
	background-color:#ffffff;
}
SPAN.opening {
	position:absolute; 
	top:-5px; 
	left:-5px; 
	width:420px;
	height:100px;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-color:#336633;
	background-color:#ffffff;
}
SPAN.opening-text {
	position:absolute; 
	top:5px; 
	left:5px; 
	width:400px;
	height:80px;
	font: 8pt/10pt "Arial", sans serif;
	text-align:justify;
	color:#336633;
	background-color:#ffffff;
}
DIV.opening-shadow {
	position:absolute; 
	top:25px; 
	left:20px; 
	width:420px;
	height:100px;
	background-color:#666666;
}
SPAN.rules {
	position:absolute; 
	top:-5px; 
	left:-5px; 
	width:422px;
	height:428px;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-color:#336633;
	background-color:#ffffff;
}
SPAN.rules-text {
	position:absolute; 
	top:5px; 
	left:5px; 
	width:402px;
	height:408px;
	font: 8pt/10pt "Arial", sans serif;
	text-align:justify;
	color:#336633;
	background-color:#ffffff;
}
SPAN.doweb {
	position:absolute; 
	top:410px; 
	left:15px; 
	width:934px;
	font: 10pt/12pt "Arial", sans serif;
	text-align:center;
	color:#336633;
	background-color:#7f9185;
}
SPAN.doweb a {
	color:#333366;
	text-decoration:underline;
}
SPAN.doweb a:visited {
	color:#336666;
	text-decoration:underline;
}
SPAN.doweb a:hover {
	color:#ffffff;
	text-decoration:underline;
	background-color:#333366;
}
DIV.rules-shadow {
	position:absolute; 
	top:29px;
	left:514px;
	width:422px;
	height:428px;
	background-color:#666666;
}

SPAN.download {
	position:absolute; 
	top:-5px; 
	left:-5px; 
	width:939px;
	height:316px;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-color:#336633;
	background-color:#ffffff;
}
SPAN.download-text {
	position:absolute; 
	top:5px; 
	left:5px; 
	width:919px;
	height:296px;
	font: 8pt/10pt "Arial", sans serif;
	text-align:justify;
	color:#336633;
	background-color:#ffffff;
}
DIV.download-shadow {
	position:absolute; 
	top:5px; 
	left:5px; 
	width:939px;
	height:316px;
	background-color:#666666;
}
div.menuline {
	position:absolute; 
	top:2282px;
	left:20px;
	width:939px;
	font: 10pt/12pt "Arial", sans serif;
	text-align:center;
	color:#71230f;
}	
SPAN.gameslist {
	position:absolute; 
	top:-5px; 
	left:-5px;
	width:370px;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-color:#336633;
	background-color:#ffffff;
}
SPAN.gameslist-text {
	position:absolute; 
	top:5px;
	left:5px; 
	width:350px;
	font: 12pt/14pt "Arial", sans serif;
	text-align:justify;
	color:#336633;
	background-color:#ffffff;
}	
DIV.gameslist-shadow {
	position:absolute;
	width:370px;
	background-color:#666666;
}
SPAN.comment {
	position:absolute; 
	top:-5px; 
	left:-5px; 
	width:463px;
	height:87px;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-color:#336633;
	background-color:#ffffff;
}
SPAN.comment-text {
	position:relative; 
	width:443px;
	font: 8pt/10pt "Arial", sans serif;
	text-align:justify;
	color:#336633;
	background-color:#ffffff;
}	
DIV.comment-shadow {
	position:absolute;
	top:370px;
	left:19px;
	width:463px;
	height:87px; 
	background-color:#666666;
}
SPAN.promo {
	position:absolute; 
	top:-5px; 
	left:-5px; 
	width:455px;
	height:428px;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-color:#336633;
	background-color:#ffffff;
}
SPAN.promo-text {
	position:absolute; 
	top:3px; 
	left:0px; 
	width:435px;
	height:418px;
	font: 8pt/10pt "Arial", sans serif;
	text-align:justify;
	color:#336633;
	background-color:#ffffff;
}	
DIV.promo-shadow {
	position:absolute;
	top:15px;
	left:5px;
	width:455px;
	height:428px; 
	background-color:#666666;
}
DIV.gameslist a {
	text-decoration:none;
	background-color:#ffffff;
	color:#333366;
}
DIV.menuline a {
	text-decoration:none;
	color:#71230f;
}
DIV.menuline a:link {
	color:#71230f;
}
DIV.menuline a:hover {
	background-color:#71230f;
	color:#feba00;
}	
SPAN.lineitem a {
	text-decoration:none;
	color:#71230f;
}
SPAN.lineitem a:link {
	color:#71230f;
}
SPAN.lineitem a:hover {
	background-color:#71230f;
	color:#feba00;
}	
DIV.gameslist a:link {
	background-color:#ffffff;
	color:#333366;
}
DIV.gameslist a:hover {
	background-color:#336633;
	color:#ffffff;
}
DIV.menucontainer {
	position:absolute; 
	top:190px; 
	left:17px; 
	width:155px;
	height:405px;
	background-image:url(pictures/menubackground.gif);
	background-repeat:no-repeat;
	background-position:center center;
}		
DIV.Menucolour {
	position:absolute;
	top:208px;
	left:45px;
	width:97px;
	height:362px;
	background-color:#5482B0;
} 
SPAN.colourRed  {
	color:#FF0000;
} 
	
DIV.menutitle {
	position:absolute;
	left:270px;
	font: bold italic 18pt/20pt "Times new Roman", serif;
	color:#333366;
}
Div.menubackground {
	left:0px;
	top:0px;
	width:754px;
	height:27px;
	background-color:#7777ff;
}
DIV.menuendleft {
	position:absolute;
	left:0px;
	top:0px;
	width:14px;
	height:27px;
	background-image:url(pictures/leftarc.jpg);
	background-repeat:no-repeat;
}
DIV.menuendright {
	position:absolute;
	left:740px;
	top:0px;
	width:14px;
	height:27px;
	background-image:url(pictures/rightarc.jpg);
	background-repeat:no-repeat;
}
DIV.placemenu {
	position:absolute; 
	top:243px;
	width:135px;
	left:25px;
	text-align:center;
}
DIV.menubuttons {
	position:absolute;
	left:264px;
}
DIV.logo {
	position:absolute; 
	left:35px; 
	top:33px; 
	width:220px; 
	height:200px;
	background-image:url(pictures/ch-logo.gif);
	background-repeat:no-repeat;
}
DIV.copyright {
	position:absolute; 
	top:643px; 
	left:0px; 
	width:993px; 
	text-align:center;
	font: 8pt/10pt "arial", sans serif;
	color:#333366;
}
	
DIV.bgcol {
	position:absolute; 
	top:0px;
	left:0px;
	width:954px;
	height:366px;
	text-align:left;
	background-color:#ffffff;
}

DIV.title {
	position:absolute;
	top:40px;
	left:180px;
	height:28px;
	width:780;
	font: bold 12pt/14pt "times new roman", serif; 
	text-align:center;
	color:#ffffff;
	background-image:url(pictures/title.gif);
	background-repeat:no-repeat;
	background-position:center center;
	padding-top:4px;
}
DIV.commission {
	position:absolute;
	top:610px;
	left:178px;
	height:30px;
	width:780;
}

DIV.normal {
	position:absolute;
	left:210px;
	top:110px;
	width:720px;
	font: 11pt "comic sans ms", sans serif;
	color: #000000;
	text-align: justify; 
	background-color: #788AD3; 
}
SPAN.normal{
	font: 10pt "arial", sans serif;
	color: #ffff00;
	text-align: justify;
	text-decoration:none;
	background-color: #aaaacc; 
}
DIV.mainswitch {
	position:absolute;
	background-color:#aaaacc;
	background-image:url(pictures/enter.gif);
	background-repeat:no-repeat;
}

DIV.small {
	position:absolute;
	padding: 0px 3px 0px 3px;
	font: 8pt Arial, sans serif;
	color:#333366;
	text-align:center;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-color:#333366;
	background-color: #ffffff;
}
DIV.homepic {
	position:absolute;
	width:144px;
	height:130px;
	color:#333366;
	text-align:center;
	border-style:solid;
	border-width: 2px 2px 2px 2px;
	border-color:#1A5B28;
	background-color: #ffffff;
}
span.smallhome {
	position:absolute;
	left:0px;
	top:97px;
	width:144px;
	font: 8pt Arial, sans serif;
	color:#333366;
	text-align:center;
	background-color: #ffffff;
}
DIV.smalltext {
	position:absolute;
	font: 8pt Arial, sans serif;
	color:#333366;
	text-align:center;
	background-color: #aaaacc;
}
SPAN.chart {
	position:absolute;
	font: 9.5pt/11pt "arial", sans-serif;
	background-color:#ffffff;
	text-align:left;
	border-style: solid;
	border-width:2px;
	border-color:#458867;
	padding-left:5px;
}
SPAN.boxheader {
	position:absolute;
	Top:4px;
	left:0px;
	text-align:center;
	font: bold 14pt/18pt arial, sans-serif;
	color:#E3C020;
}
SPAN.boxtext {
	position:absolute;
	text-align:justify;
	background-color:#ffffff;
	font: 10pt/12pt arial, sans-serif;
	color:#000000;
}
SPAN.passin {
	position:Absolute; 
	left:0px; 
	top:190px; 
	width:442px; 
	text-align:center;
}
LI.LIheading	{
	font: 12pt/14pt Arial, sans-serif; 
	color: #333366;
	text-align:left;
	list-style-type:none;
	display:list-item;
}
LI.LIinfo	{
	font: 10pt/11pt Arial, sans-serif; 
	color: #333366;
	text-align:left;
	list-style-type:none;
	display:list-item;
}
LI.LIitem	{
	font: 10pt/11pt Arial, sans-serif; 
	color: #333366;
	text-align:left;
	list-style-type:disc;
	list-style-position:inside;
	display:list-item;
}


