@import url("basestyle.css");

html {
	color: #000000;
	background: #fff url(/images/layout/gradient.jpg) repeat-x;
	height:100%;
}
body {
	color: #000000;
	margin: 0 auto;
	height:100%;}

body {
	width:75em;
}
header,#content, footer {
	width:100%;
}
/* Header styles */
	header {
	background: url(/images/layout/header.png) no-repeat;
	border: 1px solid #666;
	height:10.5em;
	border-bottom:none;
	background-color:#181870;
	position:relative;
	clear:both;
	width:75em;
	margin:0 auto;
}
#box-link {
	position: absolute;
	top: 25px;
	left: 10px;
	width: 94px;
	height: 97px;
	background-color: transparent;
}
#content {
	position:relative;
	top:0;
	z-index:5;
	/*min-width:75em;*/
	background: #fff;
	border: #666 solid 1px;
	height:67.5em;
	min-height:67em;
}
/* Footer styles */
footer {
	position:relative;
	bottom:1em;
	height:auto;
	clear:both;
	padding: 1em 0;
	font-size: 90%;
	color: #736B5E;
	border-top:1px solid #000;
	text-align:center;
	border:none;
}
footer p {
	padding:10px;
	margin:0;
}

footer a:link {
	color: #181870;
}
footer a:visited {
	color: #181870;
}
footer a:hover {
	color: #069;
	text-decoration:underline;
}

footer li {
	display:inline;
	margin-right:20px;
}
footer .pdf {
	margin:0 auto;
	font-size: 90%;
}

/*********** Top Navigation ****************/
#topposition {
	position:absolute;
	top:6.8em;
	left:9.3em;
	float:left;
	/*background-color: #039;*/
	height:38px;
	width:785px;
	margin:0 auto;
background-image:url(/images/layout/topnav.png);
	background-repeat:no-repeat;	
}



nav #topnav {
	width:785px; height:38px;
	text-align:center;
}
#topnav ul {
	font-size:97%;
	margin:0 auto;
	font-weight:bolder;
	padding:.7em ;
}
#topnav li {
	display:inline;
	margin-left: 1.1em;
	text-align:center;
	padding: 0;
}
#topnav li a:link {
	color:#fff;
	text-decoration: none;
	font-weight:bolder;
}
#topnav li a:visited {
	color:#fff;
	text-decoration: none;
	font-weight:bolder;
}
#topnav li a:hover {
	color: #FF0;
	text-decoration: none;
}
#topnav h2, #games h2, #header h1 {
	position:absolute;
	left:-5000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
#gamelogo {
	position:absolute;
	top:0;
	right:2em;
	text-align:center;
	height:7em;
	float:right;
}
#gamelogo a img {
	vertical-align:middle;
}
#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;
}

/*************General*********************/	
h1 {
	font-size:128%;
}
h2 {
	font-size:119%;
	font-weight:bold;
}
.panelpad {
	padding:.3em .5em;
}
.padding {
	padding:.3em;
}
.smaller {
	font-size:97%;
}
.small {
	font-size:85%;
}
.xsmall {
	font-size:75%;
}
.bold {
	font-weight:bold;
}
.bigandbold {
	font-weight:bold;
	font-size:120%;
}
.medium {
	font-size:110%;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.centerblock {
	margin: 0 auto;
}
.clear {
	clear:both;
}
a:link {
	text-decoration:none;
	color: #069;
	font-weight:bold;
}
a:visited {
	text-decoration:none;
	color: #369;
	font-weight:bold;
}
a:hover {
	color: #ff0;
	text-decoration:underline;
	font-weight:bold;
}
img {
	border:none;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.red {
	color: #F00;
	font-weight:bold;
}
.orange {
	color: #F90;
	font-weight:bold;
}
.yellow {
	color: #FF0;
	font-weight:bold;
}
.indent {margin-left: 2em;}
/******************************************/	

/* common column settings  */
	
	.colright, .colleft {
	float:left;
	position:relative;
	height: 100%;
}
.colright {
	width:59.5em;margin:0 auto;
}
.colleft {
	width:14.3em;
	margin-right:0.4em;
	background-color:#C6D6EC;

background: -moz-linear-gradient(left,  rgba(46,100,186,1) 0%, rgba(198,214,236,1) 22%, rgba(198,214,236,1) 74%, rgba(48,101,186,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(46,100,186,1)), color-stop(22%,rgba(198,214,236,1)), color-stop(74%,rgba(198,214,236,1)), color-stop(100%,rgba(48,101,186,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(46,100,186,1) 0%,rgba(198,214,236,1) 22%,rgba(198,214,236,1) 74%,rgba(48,101,186,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(46,100,186,1) 0%,rgba(198,214,236,1) 22%,rgba(198,214,236,1) 74%,rgba(48,101,186,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(46,100,186,1) 0%,rgba(198,214,236,1) 22%,rgba(198,214,236,1) 74%,rgba(48,101,186,1) 100%); /* IE10+ */
background: linear-gradient(left,  rgba(46,100,186,1) 0%,rgba(198,214,236,1) 22%,rgba(198,214,236,1) 74%,rgba(48,101,186,1) 100%); /* W3C */
-pie-background: linear-gradient(left,  rgba(46,100,186,1) 0%,rgba(198,214,236,1) 22%,rgba(198,214,236,1) 74%,rgba(48,101,186,1) 100%); /*PIE*/

behavior: url(/styles/PIE.htc);
}

.ie7 .colleft {
	background:url(/images/layout/navgamesnew.jpg);
}

#row1 {
	position:relative;
	height:18.9em;
	width:100%; 	
	margin:.3em auto; 
	clear:both;
}
#row2 {
	position:relative;
	height:21em;
	width:100%; 
	 margin:.51em auto;
	clear:both;
}
#row3 {
	height:16em;
	position:relative;
	width:100%;
	margin:.5em auto; 
	clear:both;
}
#row4 {
	height:8.9em; 
	position:relative;
	width:100%;
	margin:.5em auto;
	clear:both;
}


.groupsmall {
	width:12em;
	float:left;
}
section section {
	float:left;
	height:100%;
	/*margin:0 .2em 2px 0;*/
}

/* Navigation */
#games {
	text-align:center;
	margin:0 auto;
	width: 14em;
	min-height:60.8em;
}
#games .game {
	text-align:center;
	
	color:#000;
	padding:2px;
	border-bottom:#9CC groove 2px;
	font-weight:bold;
}
#games a:link, #games a:visited {
	color:#000;
}
#games a:hover {
	color:#09c;
}
#games img {
	margin:1px;
}
#games .powerball img {
	width:120px;
}
/**************************************/


section#feature {
	position:absolute;
	width:39.6em; 
	height: 18.8em;
	border: #000 solid 2px;
}

section#jackpots {
	position:absolute;
	left:40em;
	width:19.6em;
	border: #060 solid 2px;
	font-weight:bold;
	text-align:center;
	background-color:#FFF;
	line-height:1.4;
}
section#winners {
	position:absolute;
	left:0;
	width:19.6em;
	border:#0066cc solid 2px;
}
section#instant {
	position:absolute;
	left:20em;
	width:19.6em;
	border: #306 solid 2px;
	overflow: auto; 
}
section#special {
	position:absolute;
	left:40em;
	width:19.6em;
	border: #030 solid 2px;
}
section#news {
	position:absolute;
	left:0;
	width:19.6em;
	border: #090 solid 2px;
	/*text-align:left;*/
}
section#announcements {
	position:absolute;
	left:20em;
	width:39.6em;
	border: #747352 solid 2px;
	/*text-align:left;*/
}

section#general {
	position:absolute;
	left:0;
	width:19.6em;
	border: #60F solid 2px;
	line-height: 1.3;
}
section#buttons {
	position:absolute;
	left:20em;
	width:19.6em;
	border:#F30 solid 2px;
}
section#links {
	position:absolute;
	left:40em;
	width:19.6em;
	border:#09C solid 2px;
}

.paneltitle {
	font-weight:bold;
	font-size:128%;
	padding:.1em;
	margin:0;
	text-align:center;
	background-image:url(/includes/homepage/images/gradient_overlay.png);
	height:21px;
}
.paneltitle .small {
	font-size:65%;
	font-weight:normal
}
.paneltitle a:link, .paneltitle a:visited {
	color:#fff;
	font-weight:bold;
}
.paneltitle a:hover {
	color: #FF0;
}
.panelpad a:link {
	text-decoration:none;
	color: #039;
	font-weight:bold;
}
.panelpad a:visited {
	text-decoration:none;
	color: #069;
}
.panelpad a:hover {
	color: #09C;
}
#PanelGeneral .paneltitle {
	background-color: #60f;
	color:#FFF;
}
#PanelNews .paneltitle {
	background-color: #090;
	color:#FFF;
}
#PanelWinners .paneltitle {
	background-color: #0066cc;
	color:#FFF;
}
#PanelInstant .paneltitle {
	background-color: #306;
	color:#FFF;
}
#PanelRetailer .paneltitle {
	background-color:#0066cc;
	color:#FFF;
}
#PanelButtons .paneltitle {
	background-color: #F30;
	color:#FFF;
}
#PanelJackpots .paneltitle {
	background-color: #060;
	color:#FFF;
}
#PanelSpecial .paneltitle {
	background-color:#0066cc;
	color:#FFF;
}
#PanelLinks .paneltitle {
	background-color: #09C;
	color:#FFF;
}
#PanelAnnounce .paneltitle {
	background-color: #747352;
	color:#FFF;
}
#PanelOther .paneltitle {
	background-color: #030;
	color:#FFF;
}
#PanelAnnounce a:hover {
	color:#09c;
}
.announce {height:6.8em; overflow:auto;}
#DataListNews {
	margin-bottom:.5em;
	overflow-y:auto;
}
.overflow {
	height:18em;
	overflow-y:auto;
}
.imgstyle {
	border:ridge #9CF 4px !Important;
}
 .youknow {
	background-color:#FCFDDF;
	background-image:url(/files/images/logos/watermarkbackground.png);
	background-repeat:no-repeat;
	padding:2em;
	/*background-size: contain;
	height:170px;*/
}
.youknow h1 {
	font-size:180%;
	padding-top:10px;
}
.youknow h2 {
	font-size:160%;
	padding:1em;
}
.youknow p {
	font-size:140%;
	padding-top:1.8em;
}
.youknow a:visited {
	color:#003;
}
/*************** Jackpots **************************************/

#jackpots .td1 {
	width:10em;
	text-align:left;
	padding:1px;
}
#jackpots .td2 {
	width:6em;
	padding:0 1px 1px 1px;
}
.tableheader {
	text-align:center;
	font-weight:bold;
}
.powerballjackpot {
	background-color: #900;
	color:#fff;
	font-weight:bold;
}
.megamillionsjackpot {
	background-color: #009;
	color:#fff;
	font-weight:bold;
}
.megabucksjackpot {
	background-color: #063;
	color:#fff;
	font-weight:bold;
}
.badger5jackpot {
	background-color: #D91A0F;
	color:#fff;
	font-weight:bold;
}
#jackpots a:link, #jackpots a:visited {
	color:#FFF;
	font-weight:bold;
}
#jackpots a:hover {
	color: #09c;
	font-weight:bold;
}
.horizrule {
	font-size:90%;
	margin-top:2px;
	margin-bottom:3px;
	border-bottom: #ccc 1px solid;
}
.megaball {
	color: #C00;
	font-weight:bold;
}
.powerball {
	color:#C00;
	font-weight:bold;
}
/***************** Winner slideshow ****************************/
#rotator {
	cursor: pointer;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	width: 14em;
	height: 17em;
	text-align:center;
	padding:.2em;
}
#rotator a:link {
	text-decoration:none;
	font-weight:bold;
}
/***************************** overlay animation *****************************/
#overlay {
	position:absolute;
	z-index:100;
}
/***************************** Office Closed ****************************
.closed {
	margin: 3px;
	padding: 3px;
	height:182px;
	border: 2px solid #000;
	background-color: #FCFEE0;
	vertical-align:middle;
}
.closed h2 {
	color:#000;
	font-size:110%;
	margin-bottom:.5em;
	margin-top:1em;
}
.closed p {
	color:#000;
	font-size:100%;
	padding:0px;
	margin:10px;
}
.closed .big {
	color: #00F;
	font-size:100%;
	text-align:center;
	font-weight:bold;
}*/
/***************************** Double Draw ****************************

#DD {
	background-image: url(/includes/homepage/supercash/2ferback.png);
	background-repeat:no-repeat;
	height:226px;
	width:475px;
}
.DDmessage {
	width:475px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bolder;
	font-size: 24px;
	color:#fff;
	top:90px;
	position:absolute;
	margin:0 auto;
}
#DD img {
	width:475px;
	height:50px;
	margin:0 auto;
	margin-top:120px;
}
#ddWords {
	width:475px;
	text-align:center;
	color: #fff;
	font-size:115%;
	font-weight:bold;
	z-index:50;
	margin-top:10px;
}
#ddWords a {
	color: #fff;
}*/
/*****Event Feature************

.clEvents {
	margin:0 auto;
	background-image:url(/files/events/eventsfeature.jpg);
	background-repeat:no-repeat;
	width:475px;
	height:226px;
	padding-left:70px;
}
.clEvents h2 {
	font-size:150%;
	color:#030541;
	font-weight:bold;
	text-align:center;
	padding:3px;
}
.clEvents p {
	text-align:center;
	font-weight:bold;
	font-size: 130%;
	margin-top:5px;
	color:#FFF;
}
.imgEvents {
	margin:0 auto;
	;
	width:200px;
	height:150px;
	border: 3px groove #fff;
	background-color:#000;
}*/
/*****************Scroller*************************/



 .scrollable 
 {
     position:relative;
    bottom:2.3em; 	
	width: 39.6em;
	height:2.0em;
	z-index:100;
	background-color:#fff;   
 }  	
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	opacity:.9;				
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	height:2em; 
}
.items div {
	float:left; font-weight:bold; padding:.3em 0 .4em 0; min-width:477px; font-family:"Comic Sans MS", cursive; 
}

.items div p { 
display:inline;
}

.items div p:after {
	content: " * * ";
}
.items div p:before {
	content: " * * ";
}

/* ==|== media queries ====================================================== */

/*@media only screen and (max-width: 800px) {
 body {
	  margin:0; width:100%; zoom:.5;
  }
  
#content img {display:block; width:50%; height:auto;}
  
 #content, section#feature {
	 width:50%;
}

header,#topposition , nav #topnav,#games, .games {
	  zoom:auto;
  }
   html, header {background-image:none;}
header {background-image:noneurl(/images/logos/lotterylogo_2line_sm.gif) no-repeat; background-color:#FFFFFF; height:50px;}
section#feature, section#feature img  {width:50%;height:50%;}

}*/

@media only screen and (min-width: 768px) {
 
}