@charset "utf-8";
/* CSS Document */

  body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/bg01.jpg) repeat left top;     /*for Xmas - bg01xmas.jpg   bg01-dark.jpg*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #797979;
}

img {
	border-style: none;
}                              /* Added this to remove blue boxes from ALL page images  */
#wrapper {
	margin: 0px auto 0px auto;
	text-align: left;
	width: 981px;
	overflow: hidden;
	padding:10px;
}
#header {
	width: 958px;
	height: 80px;
	padding: 15px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
	position:relative;
	font-size: 50px;
	font-weight: bold;
	color: white;	
}
#header a:link {
	color:white;
}
#header a:visited {
	color:white;
}

#header a:hover {
  color: red !important;
  text-decoration:none
}
#header a {text-decoration: none;}
#top_banner {
	position:absolute;
	top:20px;
	left:460px;
	margin:0px;
	padding:0px;
	width:468px;
	height:60px;
	background-color: black;
}
#breadcrumb {

width: 981px;         /* had to define height on this so that it leaves a gap on the hompage despite there being no breadcrumb, for consistency purposes!  */
height: 16px;
color:white;
}
#breadcrumb a:visited {
	color:white;
} 


.topnav {
	width: 992px;
	margin: 0px auto;
}
#menu {
	height: 57px;
	background: url(images/bg04.jpg) no-repeat center top;
}
#menu ul {
	height: 33px;
	padding: 24px 0px 0px 0px;
	background: url(images/bg1_01.jpg) no-repeat left top; /* change back to bg1_01.jpg to remove xmas holly*/
	text-align: center;
	line-height: normal;
	list-style: none;
}
#menu li {
	display: inline;
	padding: 0px 20px 0px 28px;
	background: url(images/homepage02.gif) no-repeat left center;
}
#menu a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
#menu a:hover {
	text-decoration: underline;
}
#container {
	margin:0px;
	padding:0px 0px 2px 6px;
	background-image: url(images/bg1_03.jpg);
	width:1195px;
	height: 1555px;
}
#left {
	float: left;
	width: 218px;           /* width: 203px;  */
	margin:0px;
	padding:0px;
	overflow: hidden;
	list-style:none;
	list-style-image:none;
	border:solid 1px #AACCEE;
}
.notice {
	height: 60px;
	padding: 5px 0px 0px 15px;
	color: #364958;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	
}
.notice a {
	text-decoration: none;
}
.notice a:link {
	color:#364958;
}
.notice a:visited {
	color:#364958;
}
.menu_title {
	height: 27px;
	margin: 0px;
	padding: 10px 0px 0px 12px;
	font-size: 11px;
	color: #FFFFFF;
	background: url(images/homepage12.jpg) no-repeat left top;
}
.menu_title1 {
	height: 27px;
	margin: 0px;
	padding: 10px 0px 0px 12px;
	font-size: 11px;
	color: #FFFFFF;
	background: url(images/homepage16.jpg) no-repeat left top;
}
.menu_title2 {
	height: 27px;
	margin: 0px;
	padding: 10px 0px 0px 12px;
	font-size: 11px;
	color: #FFFFFF;
	background: url(images/homepage15.jpg) no-repeat left top;  
}
.menu_title2 a {
	text-decoration: none;
}
.menu_title2 a:link {
	color:#FFFFFF;
}
.menu_title2 a:visited {
	color:#FFFFFF;
}
.menu_title2 a:hover {
  color: red !important;
  text-decoration:none
}
.menu_title a {
	text-decoration: none;
}
.menu_title a:link {
	color:#FFFFFF;
}
.menu_title a:hover {
  color: red !important;
  text-decoration:none
}
 
.affbox{
height: auto;
width: 218;
background-clor:#394C5B;
padding: 5px 0px 5px 45px;
}
ul.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.list1 li {
	height: 20px;
	padding: 6px 0px 0px 15px;
	background: url(images/homepage14.jpg) no-repeat left top;
}
ul.list1 a {
	text-decoration: none;
	color: #2B4D68;
}
ul.list1 a:hover {
	text-decoration: underline;
}
#center {
	float: left;
	width: 535px;
	height:auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 0px 0px 0px 3px;
}
.todaysbet {
	float: left;
	width: 535px;
	height:150px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	position: relative; /**ADDED THIS ONLY SO THAT THE SHARE DIV WOULD SINK TO BOTTOM RIGHT - DELETE IF PROBLEMATIC!!!! **/

}
.todaysbet1 {        /**This is ONLY used for Individual Bet Page **/
	float: left;
	width: 535px;
	height:175px;      /**Changed the height on this, maybe could try auto? This is ONLY used for Individual Bet Page **/
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;

}
#mpubox {
  width: 535px;
	height:500px;
	margin: 5px 0px 0px 0px;

}
.mpu{
  width: 50px;
	height: 300px;

	margin: 0px 0px 0px 117px;
}
.background {
padding: 0px 0px 0px 0px;          /**This is the black background behind social media links - may change! **/
width: 210px;
height: auto;
}
.betimagemain {             /**This is Today's Featured Bet **/
	float: left;
	width: 200px;
	height:103px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 5px 0px 0px 5px;
}
.betimagemain1 {            /**This is ONLY used for Individual Bet Page **/
	float: left;
	width: 200px;
	height:130px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 5px 0px 0px 5px;
}
.betimage {
	float: left;
	width: 100px;
	height:90px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 3px 0px 3px 3px;
}
.betcontentmain {                   /**This is Today's Featured Bet **/
	float: left;
	width: 300px;
	height:auto;                      /**Tried an auto div here..change if no good.. **/
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 3px 0px 0px 10px;
}
.betcontentmain p, .betcontent p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;            /**This is ONLY used on Individual Bet Page....put this in as the text moved down after I the <p> tags were inserted by the CMS */
}
.betcontentindividual {                   /**This is ONLY used on Individual Bet Page **/
	float: left;
	width: 300px;
	height:130px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 3px 0px 0px 10px;
}
.betcontentindividual p, .betcontentindividual p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;            /**This is ONLY used on Individual Bet Page.. put this in as the text moved down after I the <p> tags were inserted by the CMS */
}


.betcontent {
	float: left;
	width: 350px;
	height:60px;
	padding: 0px 0px 10px 0;       /* this made the box fit the copy in   */
	overflow: hidden;
	margin: 3px 0px 0px 10px;
}
.share{
 position: absolute; 
 bottom: 1px; 
 right: 3px;

}
.otherbets {
	float: left;
	width: 535px;
	height:123px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}
.bottom {
	float: left;
	width: 535px;
	height:auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}
h1 {                         /* Had to re-class the H1s to resize the text   */
	height: 27px;
	margin: 0px;
	padding: 8px 0px 0px 12px;
	font-size: 16px;
	color: #FFFFFF;
	background: url(images/homepage13.1.jpg) no-repeat left top;
}

h2 {
	height: 27px;
	margin: 0px;
	padding: 10px 0px 0px 12px;
	font-size: 11px;
	color: #FFFFFF;
	background: url(images/homepage13.1.jpg) no-repeat left top;
}
.entry {
	padding: 17px;
	width: 500px;
	height: 100px;
	border:solid 1px red;
}
.entry p {
	margin: 0px 0px 0px 20px;
}
h3 {
	margin: 0px;
	font-size: 16px;
	color: #2D2D2D;
}
#right {
	float: left;
	margin: 0px 0px 0px 2px;
	padding:0px;
	width: 210px;
	height: 1543px;
	overflow: hidden;
}
.over18 {
	padding: 0px 0px 5px 25px;
}
.right_ad {
	width: 120px;
	height: 600px;
	background-color:black;
	margin: 10px 0px 10px 45px;
}
#brl {
padding: 2px 0px 0px 2px;
}
#footer {
	width: 1000px;
	height: 40px;
	float: left;
	background: url(images/bg1_05.jpg) no-repeat left top;
}
.bottom_links {
  	padding: 0px 0px 0px 250px;
}
.bottom_links a {
 	color: #2B4D68;
}
.interestingarticles {

margin: 25px 0 0 20px;
}