/* reset
=======================*/
body, h1, h2, h3, h4, h5, ul, li, form, table, p, iframe, fieldset{
	margin:0;
	padding:0;
	border:none;
}
ul,li{list-style:none;}

/* global 
========================*/
body{
	font: 0.8em/1.3 Arial,Verdana,Helvetica,Sans-Serif;
	background:#FDB916 url(../images/sunburst.gif) repeat-x top center;}

h1, h2, h3, h4, h5{color:#1E4179;}

h2{
	font-size:2.0em;
	text-transform:uppercase;
}

h3{
	font-size:1.3em;
	text-transform:uppercase;
}

h4{font-size:1.2em;}

h5{
	font-size:1em;
	text-decoration:underline;
}

a, a:visited{
	color:#fff;
	text-decoration:none;
	outline:none;
}

a img{border:none;}
a:hover{text-decoration:underline;}
.align-left{float:left;}
.align-right{float:right;}
.align-center{text-align:center;}
.bold{font-weight:bold;}
.clear-line{clear:both;}
.content .last{margin-right:0;}

.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* main containers 
============================*/
#wrapper{
	position:relative;
	color:#1C3266;
	margin:0 auto;
	padding-top:14px;
	width:976px;
}

.page-content{
	float:left;
	width:976px;
}

#template-content{	
	margin-top:109px;
	margin-left:2px;
 min-height:785px;
}

#template-content #left-content{
	float:left;
	position:absolute;
	width:202px;
	min-height:625px;
	left:11px;
  top:0;
	margin-top:0;
	padding-top:16px;
	background:url(../images/left_bg.jpg) no-repeat;
	z-index:20;
}

#main-content{
	 float:left;
	 position:relative;
	 width:976px;
}
	
#template-content #main-content{
	margin-top:165px;
	min-height:630px;
}

#content-wrapper{
    float:left;
    padding-left:186px;
    margin-left:24px;
    background:url(../images/content_bg.gif) repeat bottom left;
    width:833px;
}

#bottombg{
    float:left;
    position:relative;
    width:976px;
    height:50px;
    background:url(../images/bottom_roundedge.png) no-repeat;
    left:10px;
}

#right-content{float:right;}
	
/* Header
=========================*/
#header{
	position:absolute;
	float:left;
	width:974px;
	top:26px;
	left:0;
}

#template-content #header{
	top:26px;
	left:13px;
	width:976px;
	background:url(../images/top_bg.jpg) no-repeat bottom left;
}

#template-content #logo{top:5px;}

#logo{
	float:left;
	position:relative;
	width:264px;
	height:232px;
	background-image:url(../images/logo.png);
	margin-left:82px;
	text-indent:-9999px;
	margin-top:26px;
	display:block;
	z-index:99;
}

#logo a{
	display:block;
	height:232px;
 	width:264px; 
   
}

#header-right{
	float:right;
	width:570px;
	margin-right:9px;
}

#loginfrm{
	 float:right;
	 width:210px;
	 height:210px;
	 background:url(../images/form_bg.gif) no-repeat;
	 color:#fff;
	 padding-top:35px;
	 text-align:center;
}

#template-content #loginfrm{
	position:relative; 
	top:-22px; 
	margin:17px 7px 0 0;
}
label img{float:left;}
.form-row{
	float:left;
	width:155px;
	text-align:left;
}

#loginfrm .form-row{
	margin:5px 0 0 32px;
	display:inline;
}

#loginfrm  .inputdata{
	width:144px;
	font-size:0.8em;
	border:none;
	height:22px;
	background: transparent url(../images/input_bg.gif) no-repeat left 0;  
	padding:5px 0 0 10px;
}

#submit{
	position:relative;
	float:left;
	margin:0px 0 0 64px;
}

#forgottenpwd{
	float:left;
	padding-left:25px;
	margin-top:0px;
	font-size:0.8em;
	line-height:1.5;
}

#loginfrm a, #loginfrm a:visited{
	color:#fff;
	text-decoration:underline;
}

#join-panel{
	float:left;
	position:relative;
	margin:173px 0 0 63px;
	z-index:30;
}

#join-panel a{
	display:block; 
	float:left;
}

#loggedin{
	margin:-10px auto;
	width:144px;
	font-size:0.9em;
}
#loggedin h3{
		float:left;
		width:108px;
		height:21px;
		background:url(../images/welcome.gif) no-repeat;
		text-indent:-9999px;
		margin-left:15px;
}
#loggedin p{margin:5px 0 5px 0;}
#loggedin a{display:block;}

#follow_fb{
    float:right;
    display:block;
    width:72px;
    color:#203776;
    font-size:0.80em;
    font-weight:bold;
    text-align:center;
    position:absolute;
    right:210px;
}

#follow_fb span{display:block;}

#follow_fb:hover{text-decoration:none;}


/* Navigation
===================================*/
#left-nav{
	padding:0;
	width:235px;
	list-style:none;
}

#left-nav li{
	float:left;
	clear:both;
	padding:0 0 9px 0;
	display:inline;
}

#left-nav li a{display:block;}
#home{margin-left:129px;}
#joinus, #play{margin:14px 0 0 93px;}
#play{margin:10px 0 0 54px;}
#pennypoints{margin:11px 0 0 18px;}
#specials{margin:11px 0 0 56px;}
#winners{margin:9px 0 0 46px;}
#help{margin:11px 0 0 79px;}

#bottom-nav{
	float:left;
	position:absolute;
	top:124px;
	left:23px;
	z-index:9999;
}

#template-content #bottom-nav{
	margin-top:427px;
	width:123px;
	top:0;
}

#bottom-nav a, #bottom-nav a:visited{
	font-weight:bold;
	font-size:0.85em;
	color:#181e4c;
}

#bottom-nav a:hover{color:#fff;}

#bottom-edge{
	position:relative;
	width:149px;
	top:371px;
	left:-2px;

	}

#template-content #bottom-nav li{
	padding:0 10px 8px 0;
	clear:both;
	display:block;
	text-align:right;
}

#jackpotlink{
		position:absolute;
		top:265px;
		left:3px;
		z-index:10;
}

/* footer
=====================*/
#footer{
	float:left;
	width:809px;
	color:#dc3c1d;
	padding-left:154px;
	padding-bottom:5px;
}

#template-content #footer{margin-top:-33px;}

#footer p{
	text-align:center;
	font-size:0.7em;
	font-weight:700;
	padding-top:8px;
}

#footer img{
    vertical-align:middle;
}