/* CSS Document */
/* ======================== layout definitions ================================== */
body {
	font-size: 9pt;
	font-family: Arial, "Times New Roman", serif;
	color: #464646;
	background-color: #f4e7bd;
	margin: 0px 0px;
}

#container {width: 98%; margin: 0px auto; padding: 0px 0px;}
#header-bg {background: url(images/header-bg.jpg) no-repeat center right; height: 185px; margin: 0px 0px; }
#header { background: #000000 url(images/top-bg.jpg) repeat-x bottom left; color: #ffffff; height: 185px;}
#logo {background: url(images/TopbossCasinos.jpg) no-repeat center center; width: 33%; height: 185px; display: block; float: left;}
#top-text {width: 45%; display: block; float: right; margin: 20px 8% 0px 0px; height: 130px; text-align: center; }
#mainnav { float: right;width: 656px; display: block; padding: 0; margin: 0;}
#left { float: left; display: block; width: 19%; text-align: center;}
#center {float: left; display: block; width: 60%; text-align: center; margin: 15px 0px; padding: 0px 1%; border-right: 1px dashed #000000; border-left: 1px dashed #000000;}
#right {float: right; display: block; width: 18%; text-align: center;}

#footer {
	background: #8c2c00 url(images/footer-top.jpg) repeat-x top left;
	padding-top: 40px;
	padding-bottom: 10px;
	color: #ffffff; /*401400;*/
	text-align: center;
	font-weight: bold;
}
#copyright { background: url(images/footer-box.jpg) no-repeat center center; width:550px; height: 80px; display: block; margin: 0px auto; padding-top: 1px; line-height: 10px;}
.clear {clear: both; }
/* ======================== style definitions =================================== */

#logo h1 {display: none; }
#header a { color: #ffffff; text-decoration: none; font-weight: bold;}
#header a:hover {border-bottom: 1px dashed #ffffff;}
#header img { border: none;}
#left ul li, .links li {
	background: url(images/left-arrow.png) no-repeat center left;
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 4px;
	width: 120px; 
}
.links { border-bottom: 1px dashed #7e8901; border-top: 1px dashed #7e8901; padding: 20px 0px;}
.links li { width: 90%; margin: 0px auto; text-align: left;}
#center select { background-color: #efdb9e; border: 1px solid #888;}
#center table, #center .box  { border: 1px solid #888; background: #efdb9e; width: 90%; margin: 0px auto;}
#center .box,
#center table td { padding: 5px 10px; vertical-align: top;}
#center .nostyle { border: none; background: none;}
#center h1, #left h1, #center h1 a, #left h1 a,
#center h2, #left h2, #center h2 a, #left h2 a { font-size:16pt; font-weight:normal; color:#7e8901;}
#center h3, #left h2, #center h3 a, #left h2 a { font-size:14pt; font-weight:normal; color:#7e8901;}
#center h4, #left h4, #center h4 a, #left h4 a { font-size:12pt; font-weight:normal; color:#7e8901;}
#center p  { color:#464646; }
#container a{ color: #232323; font-weight: bold; text-decoration: none;}
#container a:hover  { color:#b22d00; border-bottom: 1px dashed #7e8901; }
#footer a { color:#ee7e1f; text-decoration: none; font-weight: bold; }
#footer a:hover, .line { border-bottom: 1px dashed #7e8901;}
img {border: 1px solid #fff;  }
a.download { background: url(images/download_back.gif) no-repeat 0px 0px; width:75px; text-align:center; height:19px; display: block; font-size: 7pt; font-weight: normal; line-height: 17px; vertical-align: middle; margin: 0px auto;}
a.download:hover {background: url(images/download_back.gif) no-repeat 0px -20px; border-style: none; font-weight: normal; text-decoration: none; }
.payout { margin: 0px auto; border: 1px solid #7e8901; }
.payout  td, .payout th {width: 50%;border-bottom: 1px dashed #7e8901; height: 25px;} 
/* ========================= menu definitions ===================================== 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500;}
#menu li {float:left; margin-right:1px;}
#menu li a {
	display:block; 
	float:left; 
	width: 80px; 
	height:30px; 
	line-height:30px; 
	background:url(images/tab.png) no-repeat 0px 3px; 
	color:#000; 
	text-decoration:none; 
	font-size:8pt; 
	font-weight:bold; 
	padding:0; 
	text-align: center;
	border-bottom: 1px solid #c0943d;
}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background:url(images/tab.png) no-repeat 0px -33px; 
	border-bottom: 1px solid #c0943c;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:url(images/tab.png) no-repeat 0px -33px;}
#menu li:hover > a.sub {color:#fff; background:url(images/tab.png) no-repeat 0px -33px;}

#menu li.current a {color:#fff; background:url(images/tab.png) no-repeat 0px -33px;}

#menu li a.sub {}
#menu li.current a.sub {color:#fff;}

#menu :hover ul {left:-84px; top:30px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {
	margin:0;
	border: 1px solid #fff;/* 
	border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;*/
}
#menu :hover ul li a {width:160px; padding:0px; background: url(images/navhover.jpg) no-repeat 0px 0px; color:#fff; height:30px; line-height:30px; white-space: nowrap; margin:0;} /*flyoutmenu*/
#menu :hover ul li a.fly {background:#8c2c00 url(images/footer-top.jpg) repeat-x top left;}

#menu :hover ul :hover {background: url(images/navhover.jpg) no-repeat 0px -30px; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul li.currentsub a {background: url(images/navhover.jpg) no-repeat 0px -30px; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}