/*
 * This file should contain all the info for colour, font, background images, etc.
 */

body
{
	Font-family: Arial, sans-serif;
	Font-Size: medium;
	Color: #000040;
	Background-Color: #E6E6FA;
	text-align: center;
	-moz-box-shadow:    3px 3px 5px 2px #888;
	-webkit-box-shadow: 3px 3px 5px 2px #888;
	box-shadow:         3px 3px 5px 2px #888;
}


#topbar 
{
	background: #fff;
	text-align: left;
	border-color: #000;
}


#topbar H1
{
	Font-Size: 230%;
	Font-Weight: Bold;
	Color: #404040;
	margin: 0px;
	display: inline;
}
#topbar H2
{
	Font-Size: 110%;
	Font-Weight: Bold;
	Color: #404040;
	margin: 0px;
}
#topbar H1 a 		{  color: #C00000; text-decoration: none;}
#topbar H1 a:hover	{  color: #0030C0; text-decoration: none;}
#topbar H2 a		{  color: #404040; text-decoration: none;}
#topbar H2 a:hover	{  color: #0030C0; text-decoration: none;}
#topright
{
	font-size:0.7em;
	line-height:1.7em;
}
#sitebody
{
	background: #ffffff;
	font-size:90%
}


#menu
{
	Background-Color: #A5C6FF;
	border-radius:10px;
}

#menuad
{
	background:#eee; 
}

#searchbox:before
{
	font-weight:bold;
	content:"Search:";
}
#searchbox input
{
	background-image:url('images/search.png');
	background-repeat: no-repeat;
	background-position:right;
	border-radius:7px;
}

#menu ul
{
	list-style-image: url('images/blobblue.png');
}
#menu li
{
	border-color:#888;
}

#menu li a 		{  color: #0030B0; text-decoration: none; Font-Weight: bold; Font-Size: 90%;}
#menu li a:hover{  color: #C00000; text-decoration: none; Font-Weight: bold; Font-Size: 90%;}

#menusel
{
	list-style-image: url('images/blobred.png');
}
.menumore:before
{
	position:relative;
	left:-35px;
	font-weight: bold;
	content:"More links:";
}
#menugrad, #menugrad2
{
	background:#edd;
	background: -webkit-linear-gradient(top, #eee , #bbc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #eee, #bbc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #eee, #bbc); /* For Firefox 3.6 to 15 */
	background: repeating-linear-gradient(to bottom, #eee , #bbc); /* Standard syntax (must be last) */
}
#menusel div
{
	background:#bbc;
	background: -webkit-linear-gradient(bottom, #eee , #bbc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #eee, #bbc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #eee, #bbc); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #eee , #bbc); /* Standard syntax (must be last) */
	box-shadow:inset 3px 2px 10px -3px #000;
}

#bannerad
{
	background:#eee;
}

#banneradouter
{
	background:#fff;
}

#rightad
{
	background:#eee;
}

#maintext
{
	background:#fff;
	text-align:left;
}
#maintext H1
{
	Font-Size: 115%;
	Font-Weight: bold;
	Color: #C00000;
}
#maintext H2
{
	Font-Size: 115%;
	Font-Weight: bold;
	Color: #000000;
	display: inline;
}

#footer
{
	background:#fff;
	border-color:#000;
	border-width:1px 0px 0px 0px;
	Font-Size: 90%;
	text-align: center;
}

#copyright
{
	background:#fff;
	Font-Size: 65%;
	text-align: center;
}
.bluebutton
{
	background:#A5C6FF;
	padding:4px;
	border-radius:14px;
	min-width:100px;
	font-weight:bold;
}
.bluebutton:focus {outline:0px;border-color:#88b;}
#results
{
	overflow:hidden;
	background:#FFFFC0;
	border:2px ridge #666;
	border-radius:7px;
	padding:3px;
}
sup,sub
{
	font-size:0.7em;
}
.lottoball
{
	width:50px;
	height:50px;
	font-weight:bold;
	line-height:50px;
	text-shadow:0px 0px 3px #fff;
	background-image:url(images/lottoballwhite.png);
	text-align:center;
	float:left;
	font-size:16px;
}
.lb0 {background-image:url(images/lottoballwhite.png);}
.lb1 {background-image:url(images/lottoballblue.png);}
.lb2 {background-image:url(images/lottoballcyan.png);}
.lb3 {background-image:url(images/lottoballgreen.png);}
.lb4 {background-image:url(images/lottoballpink.png);}
.lb5 {background-image:url(images/lottoballred.png);}
.lb6 {background-image:url(images/lottoballyellow.png);}

/* debugging aid 
#maintext,#menuad,#banneradouter,#bannerad,#rightad
{
	border: 1px solid #888;
}
/**/