html,body { margin:0 auto; padding:0; color:#000; background:#EBE6D4; background-image: url(/images/layout/back.jpg);
background-repeat:repeat;width:850px;margin:0 auto;}
body { padding:1em 0em; font:72%/140% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}

#container {
position:relative;
width:100%;
}

* + html #container  {  /*so IE7 plays nice */
position:relative;
left:20%;
}

.widthadjust {width:93%;}

.top {
 margin: 0; padding: 10px 10px 0 0;
 background: transparent url(/images/layout/shadow.png) repeat-y;
}

#bottom {
margin: 0; padding: 20px 0px 0px 0px;
 background: transparent url(/images/layout/shadow.png) repeat-y right bottom;
width:100%;
}
#bottom p {
 margin:0 auto; padding-bottom: 50px;
}

#wrapper {
 margin: 0 0 0 0; 
 padding: 10px 5px 5px 5px;
 background: transparent url(/images/layout/shadow-repeat.png) repeat-y 100% 0;
min-height:700px; 
}
#wrapper .position {   /* positions the table within the wrapper */
position:relative;
top:2px;
left:11.8em;
background-image:none; 
}
#wrapper2 {
padding: 15px 8px 0 8px;
 background: transparent url(/images/layout/shadow-repeat.png) repeat-y 100% 0;
min-height:700px;
width:auto;
}

#wrapper2 .position {   /* positions the table within the wrapper */
position:relative;
margin: 2px 0 0 205px;
background-image:none;
width:75%;
height:auto;
}

#wrapperinner {  
padding: 35px 8px 0 8px;
margin: 20px 0 0 20px;
min-height:700px;
 background: transparent url(/images/layout/shadow-repeat.png) repeat-y 100% 0;

}

#wrapperinner .position2 { 
position:relative;
top:0;
margin: 0px 0 0 205px;

width:73%;

}

.position img {border:none;}

#logo {
	position: absolute;
	left:-55px;
	top:5em;
	background-image: url(../images/layout/logo2.png);
	background-repeat:no-repeat;
	z-index:50;
	width: 153px;
	height: 151px;
	border:none;
	text-decoration:none;
}
	
	#words img {
	position:absolute;
	top:2em;
	left:2.5em;
	border:none;
	}
	
	a.words link {text-decoration:none;}
	#logo a:link {text-decoration:none;}
	
/************* globalNav styles ***************/

#globalNav{
position:relative;
top:3.5em;
left:10px;
width:835px;
height:70px;
background-image:url(/images/layout/topnav.png);
background-repeat:no-repeat;
color:#FFFFFF;
z-index:5;
}

#globalLink{
  	font-size: 13px;
	position:relative;
	/*margin:0 auto;
	width:auto;*/
top:13px;
left:110px;
}

a.glink:link, a.glink:visited{
  	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px 4px 0px 3px;
	border-right: 2px solid #000000;
}

a.glink:hover{
color: #00FFFF;
  }
  
#skiplinks {display:none;}

/*****************************/

#misclinks {
position:relative;
top:0;
left:190px;
text-align:center;
font-size:80%;
width:75%;
}
a.misclinks:link, a.misclinks:visited{
  	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px 4px 0px 3px;
	border-right: 1px solid #000000;
}

/****************Nav******************/

#nav {
	position:absolute;
	top:16.4em;
	left:13px;
	z-index:1;
	margin: 5px 5px 5px 0;
	padding: 0px;
	display:block;
	width:200px;
	/*height: 650px;   adjust this if you add or remove list items */
}
#nav2 {	
	background-color:#071765;
	width: 175px;
	padding-top:40px;
	padding-right:2px;
	}

#nav p {
	background-color:#071765;
	font-size:100%;
	text-align:left;
	margin-top:.1em;
	margin-bottom: .3em;
	padding-left:20px;
	color: #FFFFFF;
	background-image:none;
	border:none;
	}

#nav a:link {
	color: #FFFFFF;
	text-decoration: none;
	background-image:none;
	}
#nav a:visited {
	text-decoration: none;
	color: #FFFF99;
	background-image:none;
	}

#nav a:hover {
	text-decoration: underline;
	color: #00FFFF;
	background-image:none;
}

#nav a:active {
	text-decoration: none;
	color: #33FF00;
	background-image:none;
}

#nav .navsection {
	font-size:105%;
	font-weight:bold;
	margin-top:0.3em;
	margin-bottom:0.3em;
	padding-left:10px;
	color: #FFFF66;
	text-align: left;
	background-image:none;
}

#nav .navsection a:link{
	color: #FFFF66;
	text-decoration: none;
	background-image:none;
}

#nav .navsection a:visited {
	color: #FFFF66;
	text-decoration: none;
	background-image:none;
}

#nav .navsection a:hover {
	text-decoration: underline;
	color: #00FFFF;
	background-image:none;
}

#nav2 .become {
	font-size:100%;
	font-weight:bold;
	margin-top:0.3em;
	margin-bottom:0.85em;
	padding-left:10px;
	color: #FF6600;
}
#nav2 .become a:link{
	color: #f90;
	text-decoration: none;
	background-image:none;
}
#nav2 .become a:hover {
	text-decoration: underline;
	color: #00FFFF;
	background-image:none;
}
#nav2 .become a:visited {
	color: #F96;
	text-decoration: none;
	background-image:none;
}
#nav2 .stolen {
	font-size:105%;
	font-weight:bold;
	margin-top:0.3em;
	margin-bottom:0.3em;
	padding-left:10px;
	color: #f90; 
	text-align: left;
	background-image:none;
}
#nav2 .stolen a:link{
	color: #f90;
	text-decoration: none;
	background-image:none;
}
#nav2 .stolen a:hover {
	text-decoration: underline;
	color: #00FFFF;
	background-image:none;
}
#nav2 .stolen a:visited {
	color: #F96;
	text-decoration: none;
	background-image:none;
}
#nav2 .yellow {color: #FF0;}
/************Phones*******************/
#phones {position:absolute; top:3px; left:270px; padding:5px;text-align:left;width:70%; background-image: none;font-size:95%;}

#gphone {position:absolute; width:300px; float:left;	background-image:none;}
#lphone {position:absolute; left:300px; width:270px; float:right;background-image:none;}
#phones ul {margin-top: 2px; margin-bottom:0px;line-height:100%;background-image:none; }
#phones p {padding-top:1px;margin-bottom:3px; font-weight:bold;
line-height:100%;background-image:none;}

/************News*******************/

#news {
	/*height:120px;*/
	margin-top:1px;
	background-image:url(/images/layout/background.png);
	background-repeat:no-repeat;
	}

#news img {
	border:none;
	z-index:0;
}

#news .text {
	padding: 2px 3px 0px 1px;
	font-size: 94%;
	line-height:105%;
	color:#000000;
}

#news a:link {color:#000033;}


h1 {font-size:150%; text-align:center; margin-top:20px;}
h2 {font-size:135%; text-align:center;}
h3 {font-size:120%;}
p {font-size:100%;}
img {border:none; text-align:center;}
.red {color:#F00;}
h1.emphasize {font-size:200%; color: Navy; font-weight:bolder;}

#news h2 {font-size:135%; text-align:center;}
h2 a:link {color:#000033;}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.reallybig {font-size:180%; line-height:1.5;}
.center {text-align:center;}
.centertext {text-align:center;}
.centerblock {margin:0 auto;}
.left {text-align:left;}
.lefttext {text-align:left;}
.bold {font-weight:bold;}
.bigandbold {font-weight:bold; font-size:110%;}
.floatleft {float: left;}
.floatright {float: right;}
.indent {margin-left:2em;}
.indent2 {margin-left:4em;}
.greenbox {background-color:#6C6; width:83%;height:auto; padding:20px; margin:0 auto;}
.redbox { width:100%;height:auto; padding:20px; margin:0 auto; background:url(/files/promotions/retailers/redball.jpg) no-repeat top;}
.backwhite {background-color:#FFFFFF;}
.back
.padding {padding:1em;}
.powerplaytable {
	width:80%;border:1px solid #000; margin: 0 auto; background-color: #F0F0F0; 
}
.powerplaytable th {
	background-color:#FF0000; color:#FFFFFF;
}
.powerplaytable td {border:1px solid #999;
}

/********* Locations ******************/
.locations h3 {margin-bottom: .1em;}
.locations p {margin-top:0;}

/****************  FMR *****************/

.fmr table{width:50%;margin:0 auto;padding-bottom:20px;}
.fmr td {padding: .3em; margin:.3em;}
.fmr img {margin-right:1em;margin-left:1em;}

  #baril{background-color: #993366; }
  #carson{background-color: #7cffff; }
  #frosch{background-color: #33cc33; }
  #grambling{background-color: #003366;}
  #hansen{background-color: #cc00cc; }
  #roland{background-color: #ef3bfa; }
  #kraft{background-color: #ffff99; }
  #magness{background-color: #009966; }
  #roggow{background-color: #ffcc00; }
  #schneider{background-color: #ff7a34; }
  #sharma{background-color: #00ffff; }
  #shore{background-color: #ff0000; }
  #short{background-color: #6666ff; }
  #smith{background-color: #0084ec; }
  #weber{background-color: #008028; }
  #yoss{background-color: #336699; }
  #zeimet{background-color: #ccffcc; }
  #zeker{background-color: #cc9999; }
  #ziemer{background-color: #990000; color: #FFFFFF;}
  #grambling td{color: #FFFFFF;}
  #ziemer td{color: #FFFFFF;}
  #baril td{color: #FFFFFF;}

.print {display:none;}

form {width: 98%;}




/***************** Available Games Styles **********************/
.toptable {
	margin-left:3em;
	padding: .1em .6em .2em .4em;
	width:80%;
	vertical-align:middle;
	border: thin black solid;
	font-size:90%;
	line-height:97%;
	}
	
.toptable td {
	padding-right: .2em;
	padding-left:.2em;
	border:none;
	text-align: right;
}

.toptablecenter {
text-align:center;
	font-size:90%;
}

.toptableu {
text-decoration:underline;
}

/********* Styles for .NET pages *****************/
.Grids {
	border-collapse: collapse;
	border: thin black solid;
	margin-right:25px;
	width:auto;
}

.Grids td {
padding: 1px 3px 1px 3px;
border: #999999 solid thin;}

.DetailBox /* used for Available Games */
{
   position:absolute;
    top:4em;
    left:23em;  
    background-color: #000000;
	color:#FFFFFF;
    width: 40em;
	z-index:23;
    border-width:4px;
    border-color: #000000;
    border-style: groove; 
	margin-left:2px;
	margin-right:5px;
	}

.DetailBox td {
	padding:5px;
}

.DetailBox th {
background-color:#85B6DE;}

.DetailBox img
{
    z-index:25;
    width:25%;
	height:25%;
    border-width:4px;
    border-color: #000000;
    border-style: groove; 
	overflow:scroll;
	}



.DetailBox2 /* used for Games Ending */
{
   position:absolute;
    top:7em;
    left:22em; 
    width: 30em;
	z-index:20;
    border-width:4px;
    border-color: #000000;
    border-style: groove; 
	margin-left:2px;
	margin-right:2px;
    background-color: #000000;
	color:#FFFFFF;	}

.DetailBox2 td {
	padding:5px;
}

.DetailBox2 th {
background-color:#85B6DE;}

.DetailBox2 img
{
    z-index:25;
    width:25%;
	height:25%;
    border-width:4px;
    border-color: #000000;
    border-style: groove; 
	overflow:scroll;
	}

.odds  
	{
	    font-size:90%;
	    color: #333333;
	    padding-top:5px;
	}
	
#detailscontainer {
	position: relative;
		min-height: 100%;
		height: 100%;
	width:100%;
	margin:0 auto;	
		}
		
.imageview {
	position:relative;
		float:left;
		text-align:center;
		padding-left:2px;
}		
			
.detailticket  /* used for details page */ 
{
	background-color: #E8E9F4;
	color:#000;
	border-width:2px;
	border-color: #003;
	border-style: solid;
	border-collapse:collapse;
	text-align:left;
	width:47%;
	}

.detailticket td {
	padding:3px 15px 5px 5px;
	}
.detailticket h2 {
	float:left;
	font-size:120%;
}
.detailticket p {
	font-size:100%;
}
.gamename {font-weight:bold; font-size:130%;}

.btnClose {
float:right;
background-color: #3cafcd;
color:#FFFFFF;
height:32px;
margin-left:30px;
font-weight:bold;}
	
.odds 
	{
	    font-size:90%;
	    color: #333333;
	    padding-top:20px;
	}

.badger {
position:absolute;
right:.4em;
top:33em;
}
/*********************************************/
/* FAQs                                       */
/***********************************************/
.faq {
font-size:100%;
margin-left: 1em;
line-height:1.5em;
margin-top:1em;
}

.faq-s {
font-weight:bold;
font-style:italic;
margin-left: 0.5em;
color: #000033;
}

.answer-s {
font-size:98%;
margin-left: 3em;
padding-right: 5em;
}

.specialty {
width:180px;
padding:3px;
border: #999999 medium double;
background-color: #000000;
}

/*************** Retailer of the Month ************************/
.retailermonth {  /* style for the whole retailer of the month page */
width:100%;
}
.retailermonth h1 {text-align:center;}
.retailermonth img {padding:8px;}

#rotm {  /* style for ROTM on home page  */
border:medium double #000033;
padding: 3px;
font-size:100%;
height:auto;
vertical-align:top;
}
#rotm img {padding:2px; text-align:center;}
#rotm h3, #rotm p {padding:3px;margin:0px;}

/*
	#content {    for Forms tabs 
		height:auto;
		clear: both;
		font-size:110%;
		margin:0 auto;
	}

	#content h3 {text-align:center;font-size:130%;}
	#content h4 {text-align:center;font-size:100%;}

	#content h1 {
		margin: 0;
		padding: 0 0 1em 0;
	}
	
	
	#content li {
	list-style:disc;
	line-height:1.8;
	}*/


/*************************************************/
.callout {background-color:#FF3; border:medium #000 groove; text-align:center;padding:3px;}
.ontop {z-index:500;}
#overlap {z-index:500; position:absolute;top:330px;left:75px;}
.manual {width:90%; clear:both; margin:0 auto;}

.newsgrid {
border:1px  #DCDCBA solid;
font-size:100%;
width:95%;
background-color:#FFF;
margin:10px auto;
text-align:left;
}
 .Accordion
 {
 width: 93%;
 background-color: #E4EAED;
 color: Black;
 border: solid 1px Black;
 margin:0 auto;
 height:400px;
 }
 .AccordionPaneHeader
 {
	 background-color: #ccc;
	 padding: 5px;
	 border-top: solid 1px Black;
	 border-bottom: solid 1px Black;
	 }
	 .SelectedAccordionPaneHeader
	 {
		 background-color: #39F;
		 font-weight: bold;
		 padding: 5px;
		 border-top: solid 1px Black;
		 border-bottom: solid 1px Black;
		 }
		 .AccordionPaneContent
		 {
			 padding: 3px 3px;
			 height:auto;
			 }
/*****************************************************/
.button {background-color:yellow; border: 2px solid #000; padding:.2em .4em; text-decoration: none;}
.button:hover {background-color:Aqua;}
.box {border: dotted #000 2px; padding:1em; width:75%; margin:0 auto;}
.pointer { cursor:pointer;}
.hidden {display:none;}
.displayed {display:block;}
.STIsuccessbox {padding:.5em; margin:0 auto; width:35em; display:block; border:3px dotted #f00; background-color:#FF9; text-align:center;}
.STIsuccess {font-size:140%; font-weight:bold; color: #36F;  }
.validationmessage {font-size:larger; color:#990000; margin-left:3em; }