/*orginals page styles*/

.style1 {color: #D60000}

.style3 {font-size: 26px}

.style4 {color: #FF0000}



div#flash {

	position: relative;

	width: 694px;

	height: 320px;

	margin: 0px auto 10px auto;

}



div#flash a {

	position: absolute;

	width: 674px;

	height: 254px;

	top: 0; left: 0;

	text-decoration: none;

}



div#flash a i {

	visibility: hidden;

}


div#text {

	width: 625px;
	padding:0;
	margin: 20px 70px 0px 70px;
	position: absolute;
	text-align:center;
	top: 500px;

}



div#text a#email-btn {

	position: absolute;

	top: 142px;

	left: 234px;

	width: 55px;

	font-size: 1px;

	text-decoration: none;

	height: 20px;

}



div#text a#register-btn {

	position: absolute;

	top: 267px;

	left: 334px;

	width: 50px;

	font-size: 1px;

	text-decoration: none;

	height: 20px;

}



div#text a#terms-btn {

	position: absolute;

	top: 305px;

	left: 234px;

	width: 160px;

	font-size: 1px;

	text-decoration: none;

	height: 20px;

}



div#footer a {

	color: #F10000;

	text-decoration: none;

}



a.red:link { color:#ff0000; text-decoration: none; font-family: verdana; font-size: 10px; line-height: 10px; font-weight: none;}

a.red:visited { color:#ff0000; text-decoration: none; font-family: verdana; font-size: 10px; line-height: 10px; font-weight: none;}

a.red:hover { color:#ff0000; text-decoration: none; font-family: verdana; font-size: 10px; line-height: 10px; font-weight: none;}

a.red:active { color:#ff0000; text-decoration: none; font-family: verdana; font-size: 10px; line-height: 10px; font-weight: none;}

a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #ff0000}  /* visited link */
a:hover {color: #ff0000}   /* mouse over link */
a:active {color: #ff0000}

#left { float:left; width: 625px; margin:0; padding:0; }

.style3 { font-size:17px; font-weight:bold; }

/*-----*/


/* global reset */
* {
	margin: 0; 
	padding: 0
} 
html {
	height: 100.1%; /* force a scrollbar on firefox */ 
	font-size: 100.01%; /* prevent safari errors */
}
body { 
	background: url(../images/body_bg.jpg) no-repeat top center #000;
	text-align: center;  
	font-family: Verdana, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
} 
/* hide the <span class="hide">text</span>. */
span.hide { visibility: hidden; }

/* there is no need for this, it just helps in the design view of DW. */
h2 { font-size: 1px; }

/* site . */
div#wrapper {
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 775px;
}

/* top header. */
div#header {
	background-image: url(../images/top_header.jpg);
	background-repeat: no-repeat;
	height: 120px;	
	position: relative;
}
/* logo. */  
div#header a#logo {
	position: absolute;
	width: 170px;
	height: 63px;
	top: 25px;
	left: 25px;
	text-decoration: none;
}

/* hide the h1 text and make the fotn smaller for DW design view. */
div#header a#logo h1 {
	visibility: hidden;
	font-size: 15px;
}
/* holder of all the content and menus. */
div#main {
	border-top: 1px solid #000000;
}


/* top div that holds the top graphics */
div#top {
	background-image: url(../images/dice_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 221px;
	width: 580px;
	float: right;
}
body.home div#top { background-image: url(../images/dice_bg.jpg); }
body.social div#top { background-image: url(../images/social_bg.jpg); }
body.mission div#top { background-image: url(../images/mission_bg.jpg); }
body.about div#top { background-image: url(../images/about_bg.jpg); }
body.venue div#top { background-image: url(../images/venue_bg.jpg); }
body.contact div#top { background-image: url(../images/contact_bg.jpg); }
body.newsletter div#top { background-image: url(../images/newsletter_bg.jpg); }

div#content {
	position: relative;
	margin: 221px 0 0 0;
	padding: 10px 0 0 200px;
	background-image: url(../images/poker_chips.jpg);
	background-repeat: no-repeat;
	background-position: -23px 150px;
	height: 350px;
}
html>body div#content {
	height: auto;
	min-height: 350px;
}

p, h3 {
	margin: 10px 30px 10px 30px;
}

p strong {
	font-size: 110%;
	letter-spacing: -1px;
}
div#content h2 { 
	background-repeat: no-repeat; 
}

p.signup {
	line-height: 18px;
	font-weight: bold;
	width: 100%;
}

div#nletter form {
	padding: 0 5px 0 15px;
}

div#content h2#welcome { background-image: url(../images/welcome.jpg); }
div#nletter {
	width: 190px;
	margin: 10px 0 0 0;
	color: #FFFFFF;
}

div#nletter .form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	padding: 1px;
	margin: 0 0 5px 0;
	color: #999999;
}

div#nletter .form:focus {
	color: #000000;
}


div#play_online {
	position: absolute;
	background-image: url(../images/games_room.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	top: 0;
	right: 0;
	width: 273px;
	height: 324px;
}

div#play_online a {
	position: absolute;
	width: 273px;
	height: 324px;
	text-decoration: none;
	top: 0;
}

div#play_online a:hover {
	text-decoration: none;
}

div#menu {
	position: absolute;
	top: 121px;
	width: 200px;
	left: 0;
	background-image: url(../images/red_border.jpg);
	background-repeat: repeat-x;
	background-position: 0 217px;
	height: 221px;
}
div#menu ul {
	list-style: none;
	width: 192px;
	text-align: right;
	margin: 0;
	padding: 0;
}

div#menu ul li {
	border-bottom: 1px solid #000000;
}
div#menu ul li a {
	display: block;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-y;
	border-bottom: 1px solid #303133;
	border-top: 1px solid #303133;
	background-position: top right;
	padding: 5px 25px 5px 0;
	color: #FFFFFF;
	letter-spacing: -1px;
	text-decoration: none;
}

div#menu ul li a:hover,
body.home div#menu ul li a.home,
body.social div#menu ul li a.social,
body.mission div#menu ul li a.mission,
body.about div#menu ul li a.about,
body.venue div#menu ul li a.venue,
body.contact div#menu ul li a.contact,
body.newsletter div#menu ul li a.newsletter,
body.news div#menu ul li a.news {
	background-image: url(../images/menu_bg_over.jpg);
}
div#footer{
	clear: both; 
	float: left; 
	width: 100%; 
	margin: 5px 0 0 0; 
	padding: 10px 0 0 0; 
	border-top: 1px solid #880000;
}
div#footer h4{
	width: 130px; 
	height: 38px; 
	background-image: url(../images/smalllogo.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

div#footer h4 a{
	display: block; 
	text-decoration: none; 
	width: 110px; 
	height: 52px
}

div#footer p{
	float: right; 
	margin: 0 10px 0 0;
}

/* headers. */
div#content h2 { 
	background-repeat: no-repeat; 
	width: 100%; 
}
div#content h2#welcome { background-image: url(../images/welcome.jpg); }
div#content h2#social { background-image: url(../images/social.jpg); }
div#content h2#mission { background-image: url(../images/mission.jpg); }
div#content h2#about { background-image: url(../images/about.jpg); }
div#content h2#venue { background-image: url(../images/venue.jpg); }
div#content h2#contact { background-image: url(../images/contact.jpg); }
div#content h2#newsletter { background-image: url(../images/newsletter.jpg); }
div#content h2#news { background-image: url(../images/news_header.jpg); }
/* headers END. */

div#content a {
	color: #CD0000;
	font-weight: bold;
	text-decoration: none;
	font-size: 110%;
	letter-spacing: -1px;
}

div#content a:hover {
	color: #FFFFFF;
}

address span {
	display: block;
}


/*oscars mental menu*/
div.otoolbar{
	margin:0px 0px 34px 0px; padding:0; 
}

div.otoolbar ul{
	margin:10px 0px 0px 0px; padding:0 0 0 390px; float:left; list-style:none; position:relative; left:10px;
}

div.otoolbar ul li{
	margin:0 ; padding:0; float:left; list-style:none;
    font-family: verdana;
	text-align:center;
    font-size: 8pt;
    font-weight: bold;
	background-image:url(../images/menu/tab-off.gif);
	width:80px;
	height:24px;
	position:relative;
}

div.otoolbar ul li a{
	padding:2px 0 0 0;
	width:80px;
	height:22px;
	display:block;
	color:#000;
	text-decoration: none;
}

div.otoolbar ul li a:hover{
	color:#FFF;
	background-image:url(../images/menu/tab-on.gif);
	text-decoration: none;
}

div.otoolbar ul li a:visited{
	color:#000;
	text-decoration: none;
}

/*.otoolbar a{
	display:block;
	color:#000;
	text-decoration: none;
}

.otoolbar a:hover{
	color:#FFF;
	background-image:url(../images/menu/tab-on.gif);
	text-decoration: none;
}*/

#menubreak{margin: 0 0 0 50px;width:674px; height:1px; border-top-style:solid;  border-top-color:#FFF; border-top-width: 1px; position:relative;}

#betbanner{width:682px; height:82px; background-color:#990000; border-style:solid; border-color:#FF0000; border-width: 1px;}

#betbanner img {padding:6px;}


div#footer{
	clear: both; 
	float: left; 
	width: 100%; 
	margin: 5px 0 0 0; 
	padding: 10px 0 0 0; 
	border-top: 1px solid #880000;
}
div#footer h4.logo{
	float:left;
	width: 130px; 
	height: 38px; 
	background-image: url(../images/smalllogo.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div#footer h4.gambleaware{
	float:left;
	width:230px;
	height: 27px;
	margin: 5px 0 0 0;
	padding: 0;
	background-image: url(../images/logo_gambleaware.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

div#footer h4.gambleaware a{
	height: 27px;
	margin: 0px 0 0 126px;
	padding: 3px 0;
	width:230px;
}
div#footer h4 a{
	display: block; 
	text-decoration: none; 
	width: 110px; 
	height: 52px;
	font-size:70%;
	color:#FFFFFF;	
}

div#footer p{
	float: right; 
	margin: 0 10px 0 0;
}