/* Basic - composite
–––––––––––––––––––––––––––––––––
version		1.0
author		gerii
email		xxx
website		xxx
-------------------------------*/

/* BUG REPORTS notes & standards of comments */

/* TODO:	- outstanding */
/* KLUDGE:	- clumsy temp fix */
/* BUG: 	- know bug on browser(s)*/
/* TRICKY: 	- tircky fix to make work*/



@import url("subnavs.css");
	/* TODO:	- outstanding/optional OPTIONS TO IMPORT when styles are seperated */
/*
@import url("layout.css");
@import url("typog.css");
@import url("boxes.css");
*/





/* syntax for opera (html,opera)*/
html, body {
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin: 0;
	padding: 0;

	/* permananet scrolls - page height for short pages*/
	min-height: 101%;
	height: 101%;
	/* page width */
	min-width: 758px;
	max-width::758px; 

	/* base font */
	font-size:95%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	
	vertical-align: top;
	/* this centers the container in IE 5* browsers. then set to the left aligned default in the #WRAPPER selector */
	text-align: center;
	
		/* bg */
	background:#FFF;
	background-image:url(../images/global/bg_996-46.jpg);
	background-position:center;
	background-repeat:repeat-y;
	
		/* BACKGROUNDS - may not need thess unless unique bgs for each layout
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*
#threeColLayout {
background: #FFF;
background-image:url(../images/global/bg_996-46.jpg);
background-position:center;
background-repeat:repeat-y;
}
#twoColLayout {
background: #FFF;
background-image:url(../images/global/bg_996-46.jpg);
background-position:center;
background-repeat:repeat-y;
}
#oneColLayout {
background: #FFF;
background-image:url(../images/global/bg_996-46.jpg);
background-position:center;
background-repeat:repeat-y;
}
*/
}




	/* WRAPPER aka CONTAINER
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#wrapper {
	width:758px;
	background-color:#000;
	padding: 0px;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
/* border: 1px solid #000000; */
text-align: left;
}









/* 3 main columns, named in order of importance and display when styles switched off */

	/* CENTER
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#primaryContent {
float:left;
width:758px;
display:inline;
margin: 20px 0px 20px 0px;
}
	/* RIGHT
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#secondaryContent{
float:left;
width:182px;
margin: 20px 0px 20px 10px;
}

	/* LEFT - netative margin sets to far left below other two
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#sideContent{
float:left;
width:182px;
margin: 20px 0px 20px -758px;
}






	/* BODY ID'S FOR TEMPLATE SWITCHING
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


	/* 3 COL
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* note here that specifying threeColLayout in the body will activate the following div instead of the default primaryContent */

	#threeColLayout #primaryContent {
	float:left;
	width:374px;
	margin: 20px 0 20px 192px;
	}


	/* 2 COL
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* note here that specifying twoColLayout in the body will activate the following div instead of the default primaryContent */

		#twoColLayout #primaryContent {
		width:566px;
		float:left;
		margin: 20px 0px 0px 192px;
		}
		
		
		/* NOT CALLED {content} */
		/* twoColContent - used to span two right-hand columns - ONLY LEAVE THIS IN IF I DISCUSS IT - box used only if no selector */
		#twoColContent{
		width:566px;
		float:left;
		margin: 0 0 20px 192px;
		}
		
		/* just incase twoColLayout is specified in body, and secondaryContent  left in, we turn it off  */
		#twoColLayout #secondaryContent {
		display: none;
		}

	/* 1 COL
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

			/* just incase oneColLayout is specified in body, and left in, we turn them off  */
			#oneColLayout #secondaryContent, #oneColLayout #sideContent {
			display: none;
			}

















 .fltrt { 
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { 
/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { 
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 100%;
    line-height: 0px;
}
 
 
 
 
 
 
 











	/* top area
	------------------------------------------------------------------------------*/

#header {
width: 758px;
height: 84px;
background-image:url(../images/global/header_bg/bg_84.jpg);
background-position:center;
background-repeat:no-repeat;
}

		#sportsbetting {
		/* this class can be used to float an element left in your page */
		float:right;
		/*width:125px;*/
		width:136;
		height:32px;
		padding:0px;
		margin:0px;
		text-align:center;
		/*background-image:url(../images/global/top_helpbox/bg_30.gif);*/
		/*background-repeat:no-repeat;*/
		background-position:center;
	}

		#help {
		/* this class can be used to float an element left in your page */
		float:right;
		/*width:125px;*/
		width:175px;
		height:30px;
		padding:0px;
		margin:0px;
		text-align:center;
		background-image:url(../images/global/top_helpbox/bg_30.gif);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	
			#help ul {
			display: inline;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 10px 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:75%;
			font-weight:bold;
			color: #ffffff;
			}


				#help ul li {
					display: inline;
					}
	
					#help ul li a {
					color: #CCC;
					text-decoration: none;
					}
					
						#help ul li a:hover {
						color: #fff;
						}
	
				#help ul li a.sbook {
					color: #000;
					text-decoration: none;
					}


		
		
		
		
		
		
		






















	/* footer
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer{
padding: 40px 0px 0px 0px; 
clear:both;
width: 758px;
height: 142px;
background:#000000;
background-image:url(../images/global/footer_bg/bg_142.jpg);
padding: 0px;
}

#footer ul {
padding: 0px 160px 0px 0px; 
margin: 0px 0px 0px 0px;
text-align:left;
font-size:100%;
}

#footer ul.horiz li {
display: inline;
padding: 0px 0px; 
margin: 0px 0px 0px 0px;
text-align:left;
font-weight:bold;
}

#floatlink a
{ 
		
		z-index:2;
		float:left;
		text-align:left;
	} 


		/* footer SUB parts
	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer_left { 
		padding: 80px 0px 0px 0px; 
	/* this padding matches the left alignment of the elements in the divs that appear above it. */
		width:20%;
		float:left;
		text-align:left;
	} 
	
#footer_right { 
		padding: 60px 0px 0px 0px; 
	/* this padding matches the left alignment of the elements in the divs that appear above it. */
		float:right;
		width:80%;
	} 

/* footer Typography
––––––––––––––––––––*/

#footer  						{font-size:70%;color:#FFF; }
#footer a:hover 				{color:#f7b91d;}

#footer_right .horiz  a 		{ color:#FFF; text-decoration: none;}
#footer_right .horiz  a:hover 	{ color:#f7b91d; text-decoration: none;}	
#footer_right .horiz 			{font-size:110%; display:inline;}
 












/* for table/hybrid builds
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
tr, td ,p, h {
	margin:0px;
	padding: 0px;
	vertical-align: top;
}

 
 
 
/* image control.
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
img {
float: left;
margin: 0px 0px 0px 0px;
padding:0;
border: 0;
text-align:center;

}

 
/* INFOBOX */
/* INFOBOX */
/* INFOBOX */
/* INFOBOX */



/* these are usually contained within the content drops */
.infobox p {
color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:85%; background-color:#292929; padding:10px; }

.infobox p a {
color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#292929;  text-decoration:none; }

.infobox a:hover {
color:#fdb620; font-family:Arial, Helvetica, sans-serif; font-size:90%; text-decoration:none; background-color:#292929;}

.infobox ul { margin:0; }

.infobox ul li {
color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:100%; background-color:#292929; padding:5px; }

.infobox ul li a {
color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#292929; padding:0px; text-decoration:none;  }

.infobox ul li a:hover {
color:#fdb620; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#292929; text-decoration:underline;}
















/* INFO BLACK BOX */
/* INFO BLACK BOX */
/* INFO BLACK BOX */
/* INFO BLACK BOX */


.infoblackbox h1 {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:140%; background-color:#000; margin-left:10px;  }

.infoblackbox h3 {color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:120%; background-color:#000; margin-left:10px;  }

.infoblackbox h4 {color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%; background-color:#000; margin-left:10px;  }

.infoblackbox p {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#000; margin-left:10px;margin-top:4px; }

.infoblackbox a:hover {color:#fdb620; font-family:Arial, Helvetica, sans-serif; font-size:90%; text-decoration:none; background-color:#000;}

.infoblackbox ul {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#000; list-style-type: disc; padding: .2em .2em .2em .5em; line-height: 2em; margin-left:30px;}

.infoblackbox ol {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#000; margin-left:10px; }

.infoblackbox span {color:#fdb620; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#000; margin-left:0px; display: block;margin-top:2px; }

.infoblackbox form {color:#fdb620; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#000; margin-left:0px; display: block;margin-top:30px; }

table span {color:#fdb620; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#000; margin-left:0px; display: block;margin-top:2px; }

/* PADDEDBOX */
/* PADDEDBOX */
/* PADDEDBOX */

.paddedbox  {
color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:80%; background-color:#000;
margin-bottom:0px;
text-align:center;
}


.tableheader {
color:#fdb620;
}


 
 
/* base typography
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h {font-family:Arial, Helvetica, sans-serif;}

h1 {color:#FFF; font-size:140%;margin-top:10px;} 
h2 {color:#FFF; font-size:130%;}
h3 {color:#FFF; font-size:120%;}
h4 {color:#999999; font-size:100%;}

 

p a {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:90%;  }
p a:hover {color:#fdb620; font-family:Arial, Helvetica, sans-serif; font-size:90%; text-decoration:none; background-color:#292929;}

li a {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:90%;  }
li a:hover {color:#fdb620; font-family:Arial, Helvetica, sans-serif; font-size:90%; text-decoration:none; background-color:#292929;}


/*sitemap */
#leftmap {
			margin-top:30px;
			
}
#middlemap {
			margin-top:30px;
			margin-left:50px;
}
#rightmap {
			margin-top:30px;
			margin-left:-40px;
}
#leftmap ul li a{
			color:#FFF;
			list-style: none;
			font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#000; margin-left:10px;margin-top:4px;
			text-decoration:none;
}
 #rightmap ul li a{
 			list-style: none;
 			color:#FFF;
			font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#000; margin-left:10px;margin-top:4px;
			text-decoration:none;
			margin-right:auto;
 }
#middlemap ul li a{
			
			list-style: none;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif; 
			font-size:90%; background-color:#000; 
			margin-top:4px;
			text-decoration:none;
			margin-left:10px;
 	
}
#rightmap a:hover {
			color:#fdb620; font-family:Arial, Helvetica, sans-serif; 
			font-size:90%; text-decoration:none; 
			background-color:#000;}
#middlemap a:hover {
			color:#fdb620; 
			font-family:Arial, Helvetica, sans-serif; 
			font-size:90%; text-decoration:none; 
			background-color:#000;
	}
#leftmap a:hover {
			color:#fdb620; font-family:Arial, Helvetica, sans-serif; 
			font-size:90%; 
			text-decoration:none; 
			background-color:#000;
			}
/*end of sitemap*/

p a img 
{
	padding-right:20px;
}

table
{
	border-collapse:collapse;
	padding:0px;
	border: 1px solid #ffffff;
}
table td{
	border: 1px solid #ffffff;
	padding: 3px;
	color: #ffffff;
}

table th{
	padding: 5px;
	background: #fdb620; 
	color: #000000;
}
             


.purplebox{
height:154px;
width:556px;
background-image: url(images/T2/misc/purplebox.jpg);
}