/* Presentation Stylesheet */ 
body{
	margin: 0px auto;
	padding:0px;
	color: #333333;
	font-family:  arial, verdana, sanf-serif;
}
#hdr{
	background:#aed5e5;
}
#container {
		position: relative;
		min-height: 100%;
		height: 100%;
		color:#333333;
		width:97%;
		padding:10px 10px 0px 10px;
		margin:0 auto;
}
#skiplinks a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skiplinks a:focus
{
position:static;
width:auto;
height:auto;
} 

.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
#hdr{
	position:relative;
	top:0px;
	clear:both;
	height:110px;
	width:100%;
	color:#000000;
	border: none;
	margin:0px;
}

#logo img {position:relative;top:5px;left:15px; float:left;}
#gamelogo {margin-top:15px;margin-right:40px; float:right; text-align:center;}
#heading {float:right; padding:15px 20px;}
#heading h1 {color:#FFFFFF;font-size:140%;font-weight:bold;margin-bottom:0px;padding-left:30px;}
#heading .emphasize {color:#FFFFFF;font-style:italic;font-size:110%;font-weight:bold;}
.multiplier {color:#000000; font-weight:bold; font-size:100%; /*padding-top:85px;text-align:center;*/ /*margin-right:25px;*/}
.multiplier a:link, .multiplier a:visited {color:#000000;}
#rh-col{
	margin: 0px 3% 20px 19%;
	border: 1px solid #000000;
	background: #ffffff;
	color: #333333; 
	padding: 10px;
	position :relative;
	font-size:small;
	width: 75%;
}

/******************Left Menu*************************/
#lh-col{
	position: absolute;
	top: 140px;
	left: 0px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	height: 450px;
}

#list-menu {
	position: absolute;
	top: 49px;
	left: 7px;
	width: 155px;
	border:#CCC groove 3px;
	padding:5px 3px;
}

#list-menu ul {
	margin: 0;
	padding: 5px 3px;
	list-style-type: none;
	font-family:  arial, verdana, sanf-serif;
	font-size: 90%;
	font-weight: bold;
	border:#CCC groove 3px;
	background-color: #F0F1D8;
}

#list-menu li {
    font-family:  arial, verdana, sanf-serif;
	margin: 2px 0 0;
	border-bottom:1px #999 solid;
}

#list-menu a {
	display: block;
	/*width: 132px;*/
	padding: 2px 2px 2px 5px;
	text-decoration: none; 
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
	color: #006699;
}

#list-menu a:hover {
	border: 0px solid #000000;
	color: #09C;
}
/******************************************************/
/***************** Top sub menu ******************/

#menu {
font-size:95%;
font-weight:bold;
float:left;
padding:10px 10px 10px 10px;
clear:both;
text-align:center;
width:100%;
margin:0 auto;
}

#menu ul {
margin:0;
padding: 0;
list-style: none;
border:none;
}

#menu li {
display:inline;
margin: 0;
margin-top:2px;
}
	html>body #menu li a {
		width: auto;
		}

/******************************************************/
.grid {
margin:0 auto;
border:1px  #DCDCBA solid;
font-size:90%;padding: 5px 0px;
width:100%;clear:both;
}
.gridview {font-size:90%;}
.newsgrid {
border:1px  #DCDCBA solid;
font-size:100%;
width:95%;
background-color:#FFF;
margin:10px auto;
}
 .Accordion
 {
 width: 90%;
 background-color: #E4EAED;
 color: Black;
 border: solid 1px Black;
 margin:0 auto;
 }
 .AccordionPaneHeader
 {
	 background-color: #ccc;
	 padding: 5px;
	 border-top: solid 1px Black;
	 border-bottom: solid 1px Black;
	 }
	 .SelectedAccordionPaneHeader
	 {
		 background-color: #008AC9;
		 font-weight: bold;
		 padding: 5px;
		 border-top: solid 1px Black;
		 border-bottom: solid 1px Black;
		 }
		 .AccordionPaneContent
		 {
			 padding: 3px 5px; height:250px;
			 }
			 
h1 {
font-size: 150%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: black;
}

h2 {
font-size: 140%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-bottom:10px;
text-align:center;
}

h3 {
font-size: 110%;
font-weight: bold;
margin-bottom:3px;
color: black;
text-align: center;
}


h4 {
 margin:0; 
 padding: 5px 0;
} 
 
p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: normal;
 color: black;
}
img {border: none;}
ul {padding:0;margin-top:3px;}
.pfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align:left;
}
.nfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-align:center;
}
.medium {
	font-size: 85%;
	}
	
.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	color: #3333ff;
}
.number2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.bfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
}
.red {color:#FF0000;}
.blue {color: #000099;}
.big {font-size:140%; line-height:150%;}
.bold {font-weight:bold;}
.bluebold {color: #003;font-weight:bold;}
.redbold {color:#FF0000;font-weight:bold;}
.bigandbold {font-weight:bold; font-size:120%;}
webmaster	{font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
} 
.headerfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.headerfont1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}
.parheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bolder;
	color: #000000; 
	text-align: center;
}
.paraddress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #4B529E;
}


.parfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	clear:both;
}
.linksheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: thin;
	background-color: #89D6F2;

}
.officeheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.parheadingpb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bolder;
	color: #000000; 
}

.color{
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: thin;
	background-color: #CFD8DE;
	}

.floatright {float:right; padding:2px;}
.floatleft {float:left; padding:2px;}
.center {text-align:center;}
.centerblock {margin: 0 auto; clear:both;}
.right {text-align:right;}
.indent {margin-left:1em;}
.indentalot {margin-left:4em;}
.left {text-align:left;}
a:link {color: #006699;text-decoration:none;}
a:visited {color: #336666;text-decoration:none;}
a:hover {color:#FF6633;text-decoration:underline}
	
.highlight {color:#CC0000; font-weight:bold; font-size:102%;}	
.small {font-size:x-small;
}
#footer {
position:relative;
top:1em;
clear:both;
}
/****************** lotto games boxes ********************/
#box1 {
		text-align:center;
		margin: 0 auto;
		padding:8px 8px 8px 8px;
		clear:both;
		width:100%;
		}
#winningbox {
        width:65%;
		padding:8px;
		margin: 0 auto;
		text-align:center;
		font-size:110%;		}

#jackpotbox {
        width:65%;
		padding:8px;
		margin: 0 auto;
		text-align:center;
		font-size:110%;		}		
#freqtable {
	margin:0 auto;
    border-collapse:collapse;
    padding:10px;
    width:65%;
	height:680px;
 }
#freqtable1 {
  display: table;
  padding:5px;
  width:49%;
  float:left;
  }
  #freqtable2 {
  display: table;
  padding:5px;
  width:49%;
  float:right;
  }
.freqtable th {  
  font-weight:bold;
  font-size:100%;
  text-align:center;
}  

/****  Checking the numbers input boxes **********/
#inputsection 
{position:relative;
top:65px;
height:100px;
min-height:100px;
margin: 0 auto;
}
    
#first {
float: left;
width:50px;
text-align:center;
padding:3px;
}
#second {
float: left;
width:50px;
text-align:center;
padding:3px;
}
#third {
float: left;
width:50px;
text-align:center;
padding:3px;
}
#fourth {
float: left;
width:50px;
text-align:center;
padding:3px;
}
#fifth {
float: left;
width:50px;
text-align:center;
padding:3px;
}
#sixth {
float: left;
width:70px;
text-align:center;
padding:3px;
}
.freq {text-align:center;
font-size:90%;
}
#numbersdrawn {margin:0 auto; width:300px;}
#numbersdrawn h1, h2, h3 {margin:5px;}
#NumWinners td {border:thin #333333 solid; text-align:center;}

.hidden {visibility:hidden; width:1px;height:1px; display:none; }
.pager {padding:5px; border:#00C thin groove; }
.imgstyle {border:ridge #9CF 4px}
.date {padding-left:10px; text-align:left;}

.btnLink {border:none; background:none; font-size:100%;color: #006699;}



/* lotto menu */

#menu li a {
		padding: 5px;
		border-left: 6px solid #0F74BB ;  /* dark color */
		border-right: 5px solid #0099FF;  /* light color */
		border-bottom: 2px solid #000;    /* bottom black */
		border-top: 2px solid  #444773;    /* top grayish */
		background-color: #99CCFF;        /* light or lighter color */
		color: #000033;
		text-decoration: none;
		width: 100%;
		}

	#menu li a:hover {
		border-left: 6px solid #0099FF;    /* light color */
		border-right: 5px solid #0F74BB;   /* dark color */
		background-color: #FFFF00;   /* a contrasting color */
		color: #8A2D00   ;   /* darker color */
		}