/************************************************************************************
* Go Lotto Style Sheet - Screen Version 
* Author: Roy Evans, Kaboodle Creative +44 1635 814444 
* Copyright 2005 Kaboodle Creative Ltd. Duplication prohibited.
* Each section has annotated notes for clarity 
* CSS2 compatible: tested on all browsers. Fails in IE 5.5 mac - like most things! 
************************************************************************************/

body {
	text-align: center;
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #4A0000;
}

/* Outer container - centered, 765 pixels */

#container {
	text-align:left;
	width:765px;
	margin:auto;
	background-color: #BC0A27;
	height: 100%;
 }

#containercontent {
	text-align:left;
	width:765px;
	margin:auto;
	background-color: #ffffff;
	min-height: 100px;
 }
 
/* For the small top bar */
 
#topbar {
	width:765px;
	margin:auto;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DE0C31;
	background-color: #BC0A27;

 }

/* For the logo bar - in 2 halves */

#logobar {
	width:765px;
	margin:auto;
	height: 110px;
	background-color: #BC0A27;

 }
 #logo{
	width:239px;
	margin:auto;
	height: 110px;
	float: left;
 }
 #logoright{
	width:526px;
	margin:auto;
	height: 110px;
	float: left;
	text-align: right;
	font-size: 10px;
	color: #FFFFFF;
	background: url(../images/generic/strap.jpg) no-repeat;
 }
 
.logoright a {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}
 
 /* For the menu - called through a script in the header and placed locally */
 
 #menubar {
	width:765px;
	margin:auto;
	height: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DE0C31;
	border-right-color: #DE0C31;
	border-bottom-color: #DE0C31;
	border-left-color: #DE0C31;
	background-color: #BC0A27;

 }

/* the splash divs are for the home page only - this is for the main image*/

#splash{
	width:765px;
	margin:auto;
	height: 180px;
	background-color: #BC0A27;
	border-top: 1px solid #CCCCCC;
	border-right: #CCCCCC;
	border-bottom: #CCCCCC;
	border-left: #CCCCCC;

 }

#splash_left{
	width:275px;
	margin:auto;
	height: 180px;
	background: url(../images/splash/splash_left.jpg);
	font-size: 14px;
	float: left;
 }

#splash_left input{
	font-size: 22px;
	color: #FFFF00;
	border: 0px none;
	font-weight: bold;
	background: url(.../images/generic/grey_shim.gif) repeat;
 }

#splash_frame{
	width:218px;
	margin:auto;
	height: 120px;
	background: url(../images/splash/splash_frame.jpg);
	font-size: 14px;
	float: left;
 }

#splash_frame input{
	font-size: 18px;
	color: #FFFF00;
	border: 0px none;
	font-weight: bold;
	background: url(.../images/generic/grey_shim.gif) repeat;
 }

 
#splash_right{
	margin:auto;
	height: 180px;
	float: left;
	width: 280px;
 }
 
.splash_left {
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 60px;
	padding-left: 70px;
	padding-right: 10px;
	font-style: italic;
}

.splash_frame {
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 50px;
	padding-left: 50px;
	padding-right: 10px;
	font-style: italic;
}

.splash_right {
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.splash_right img {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.jackpot {
	margin-left: 24px;
	margin-top: -10px;
	padding: 0px;
}

/* the draw divs are for the home page only - contains result of last draw */

#draw{
	width:765px;
	margin:auto;
	height:50px;
	background-color: #BC0A27;

 }

#draw_left_small{
	width:300px;
	margin:auto 10px auto auto;
	height: 50px;
	float: left;
	background: url(../images/splash/splash_draw.jpg);
 }


#draw_left{
	width:405px;
	margin:auto 10px auto auto;
	height: 50px;
	float: left;
	background: url(../images/splash/splash_draw.jpg);
 }

#draw_right{
	width:300px;
	margin:auto;
	height: 50px;
	float: left;
 }
 
.draw_left {
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	margin-top: 15px;
}

.draw_message {
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	margin-top: 15px;
}

#logoright_deu {

	width:526px;
	margin:auto;
	height: 110px;
	float: left;
	text-align: right;
	font-size: 10px;
	color: #FFFFFF;
	background: url(../images/generic/strap_deu.jpg) no-repeat;
}

#draw_left_deu {

	width:405px;
	margin:auto 10px auto auto;
	height: 50px;
	float: left;
	background: url(../images/splash/splash_draw_de.jpg);
}

/* the games divs are for the home page only - for promoting the draw and charity */

#info{
	width:685px;
	margin:auto auto auto ;
	height: 145px;
	vertical-align: middle;
	padding-top: 10px;
	background: #9D0923;
	background-color: #BC0A27;

}

#info_text{
	width:400px;
	margin:auto auto auto auto;
	float: left;
 }

#charity{
	width:250px;
	margin:auto auto auto auto;
	float: left;
	height: 120px;
 }
 
.live_head {
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	padding-top: 5px;
	padding-left: 7px;
} 

.live_text {
	width:220px;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 7px;
	padding-right: 10px;
}

.charity_text {
	width:220px;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 7px;
	padding-right: 10px;
}
 
 /* footer */

.footer{
	width:765px;
	margin:auto;
	padding-top: 10px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #BC0A27;
}

#footer{
	width:765px;
	margin:auto;
	padding-top: 10px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #BC0A27;
	position: relative;
	
}

.footer a {
	font-size: 11px;
	color: #CCCCCC;
}

 /* footer_left */

.footer_left{
	width:765px;
	margin:auto;
	padding-top: 10px;
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #BC0A27;
}

#footer_left{
	width:765px;
	margin:auto;
	padding-top: 10px;
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #BC0A27;
	position: relative;
	
}

.footer_left a {
	font-size: 11px;
	color: #CCCCCC;
}

/* This section is for the headers on all content pages - images can be placed inside, but not as a style */

#contenthead{
	width:765px;
	margin:0px;
	background: #FFFFFF;
	height: 65px;
 }
 
/* the content divs are for the copy on subsequent pages - pic div is left column for images */

#content_pic{
	width:200px;
	position: relative;
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	text-align: center;
	margin-top: 10px;
 }

#content_right{
	width:450px;
	position: relative;
	margin: 10px auto 25px 250px;
 }


.content {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

.content h1 {
	font-size: 13px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #BC0A27;
}

.content a {
	color: #BC0A27;
}
.millions {
	font-size: 12px;
	color: #FFFF00;
}
.question {
	background: #FECEC2;
	padding: 5px;
	width: 100%;
	border: 1px dotted #96001B;
}
.team {
	background: #FECEC2;
	padding: 5px;
	width: 100%;
	border: 1px dotted #96001B;
	height: 70px;
	margin: 0px;
}
.select {
	font-size: 10px;
}
a {
	color: #ffff00;
}