/**
 * Mass Lottery
 */

html { 
	background-color: #ebebeb; 
	margin: 0px; 
	padding: 0px;
	color: #003c67;
	font: normal normal normal 75%/1 Arial, Helvetica, sans-serif;
	}
body { margin: 0px; padding: 0px; }
a { text-decoration: underline; font-weight: bold; color: #003c67; }
a img { border: none; }
p {
	margin: 1em 0 0;
	
}
input, select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003c67; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-size: 1em; }
h2 { font-size: 1.9em; margin-bottom: .6em; }
h3 {
	font-size: 1.3em;
	text-align: center;
}
h5 { margin-bottom: -.4em; }

/* typography
 -------------------------------------------------------------------- */
.pipe { margin: 0 .8em; }
p.first { margin-top: 0; }

/* links */
.ext_pdf_icon ,
.pdf { 
	background: transparent url('../../img/icons/pdf-on-gray.gif') scroll no-repeat 0 0; 
	padding: 5px 0 5px 30px; 
	line-height: 24px;
	}
a.title { text-decoration: none; outline: none; }
a.more { 
	background: transparent url('../../img/bg/content/charitable-games-list-item.gif') scroll no-repeat 0 50%; 
	padding: 0 0 0 9px; 
	}


/* kbarsom.... setting  Anchor links (<a>’s) property to "outline: none" eliminates
the defaulted dotted outline around them when they become “active” or “focused”.  */
a {
   outline: none;
}
a:hover, a:active, a:focus {
    /* styling for any way a link is about to be used */
}




/* structure
 -------------------------------------------------------------------- */
#header { background: #004f8a url("../../img/bg/header/page.gif") scroll repeat-x 0 0; }
#header .wrapper { height: 204px; background: transparent url("../../img/bg/header/wrapper.jpg") scroll no-repeat 50% 0; }
#header .stage { width: 948px; margin: 0 auto; position: relative; height: 114px; }

#content { 
	width: 974px;
	margin: 0 auto;
	margin-top: -99px;
	position: relative;
	}

#footer { width: 948px; padding-right: 8px; margin: 0 auto; font-size: 0.92em; line-height: 1.4; }

/* helpers */
.clear { display: block; clear: both; }
.placeholder { border: 1px dashed #c00; background-color: #fefefe; padding: 1em 1.3em; color: #c00; }

/* header
 -------------------------------------------------------------------- */
#header .logo { margin: 29px 54px; }

/* minor-navigation */
#header ul { color: #fff; list-style: none; }
#minor-nav { position: absolute; top: 4px; right: 60px; width: 600px; }
#minor-nav ul { 
	color: #fff; 
	font-size: 0.95em; 
	float: right;
	margin-top: 0;
	padding-top: 5px;
	}
#minor-nav li { 
	float: left; 
	border-left: 1px solid #fff; 
	line-height: 1; 
	margin-left: 1em; 
	padding-left: 1em;
	position: relative;
	font-weight: bold;
	}
#minor-nav li.first { border-left: none; }
#minor-nav li a { color: #fff; text-decoration: none; }

/* search */
#minor-nav form { float: right; }
#minor-nav form input { border: none; float: left; vertical-align: middle; }
#minor-nav form input#search-keyword { 
	border: 1px solid #ccc; 
	padding: 3px 6px; 
	margin: 0 .25em 0 .5em; 
	width: 103px;
	}
	
/* main-navigation */
#main-nav { position: absolute; top: 60px; left: 428px; margin: 0; padding: 0; }
#main-nav li {
	float: left;
	background: transparent url('../../img/bg/header/main-nav-divider.gif') scroll no-repeat 0 8px;
	}
#main-nav a { 
	height: 41px; 
	background: transparent url() scroll no-repeat 50% 0; 
	display: block;
	outline: none;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0 14px;
	}
	
	#main-nav #nav-games { background-image: none; }
	#main-nav #nav-games a {
		background-image: url('../../img/buttons/games.gif'); 
		width: 81px; 
		}
	#main-nav #nav-winners a {
		background-image: url('../../img/buttons/winners.gif'); 
		width: 104px; 
		}
	#main-nav #nav-where-to-play a {
		background-image: url('../../img/buttons/where-to-play.gif'); 
		width: 95px; 
		}
	#main-nav #nav-about-the-lottery a {
		background-image: url('../../img/buttons/about-the-lottery.gif'); 
		width: 93px; 
		}
		
/* content
 --------------------- rss twitter facebook flickr ----------------------------------------------- */
#rss-tab-games {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url() scroll no-repeat 0 0;
	width: 27px;
	height: 32px;
	display: none;
	top: 8px;
	}
#fb-tab-games {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url() scroll no-repeat 0 0;
	width: 27px;
	height: 32px;
	display: none;
	top: 113px;
	}
#twit-tab-games { 
	position: absolute; 
	text-indent: -9999px; 
	overflow: hidden;
	background: transparent url() scroll no-repeat 0 0;
	width: 27px;
	height: 32px;
	display: none;
	top: 43px;
	}
#flickr-tab-games {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url() scroll no-repeat 0 0;
	width: 27px;
	height: 32px;
	display: none;
	top: 78px;
	}
        
#yt-tab-games {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url() scroll no-repeat 0 0;
	width: 27px;
	height: 32px;
	display: none;
	top: 148px;
	}


.home #rss-tab-games {	display: block;	background-image: url("../../img/bg/content/rss-tab-left.gif");	left: -18px;}
.home #fb-tab-games {	display: block;	background-image: url("../../img/bg/content/fb-tab-left.gif");	left: -18px;}
.home #twit-tab-games {	display: block;	background-image: url("../../img/bg/content/twit-tab-left.gif");	left: -18px;}
.home #flickr-tab-games {
	display: block;
	background-image: url("../../img/bg/content/fr-tab-left.gif");
	left: -18px;
}
.home #yt-tab-games {display: block;	background-image: url("../../img/bg/content/yt-tab-left.gif");	left: -18px;}


.games-homepage #rss-tab-games { display: block; background-image: url("../../img/bg/content/rss-tab-right.gif"); left: 956px; }
.games-homepage #fb-tab-games { display: block; background-image: url("../../img/bg/content/fb-tab-right.gif"); left: 956px; }
.games-homepage #twit-tab-games { display: block; background-image: url("../../img/bg/content/twit-tab-right.gif"); left: 956px; }
.games-homepage #flickr-tab-games { display: block; background-image: url("../../img/bg/content/fr-tab-right.gif"); left: 956px; }
.games-homepage #yt-tab-games { display: block; background-image: url("../../img/bg/content/yt-tab-right.gif"); left: 956px; }


.two-column #rss-tab-games { display: block; background-image: url("../../img/bg/content/rss-tab-right.gif"); left: 956px; }
.two-column #fb-tab-games {
	display: block;
	background-image: url("../../img/bg/content/fb-tab-right.gif");
	left: 956px;
}
.two-column #twit-tab-games {display: block; background-image: url("../../img/bg/content/twit-tab-right.gif"); left: 956px;}
.two-column #flickr-tab-games {
	display: block;
	background-image: url("../../img/bg/content/fr-tab-right.gif");
	left: 956px;
}
.two-column #yt-tab-games {	display: block;	background-image: url("../../img/bg/content/yt-tab-right.gif");	left: 956px;}


/* end --------------------- rss twitter facebook flickr----------------------------------------------- */


.home #content { background: transparent url("../../img/bg/content/page-top.jpg") scroll no-repeat 0 0; }
.two-column #content { background: transparent url("../../img/bg/content/two-column-page-top.jpg") scroll no-repeat 0 0; }

#content .stage { width: 948px; margin: 0 auto; padding: 6px 8px 0 0; line-height: 1.3; }
.home #content .stage { width: 948px; }
.two-column #content .stage { width: 946px; }

#section-nav { 
	width: 183px; 
	float: left; 
	background: #fff url("../../img/bg/content/section-nav-bottom.gif") scroll no-repeat 0 100%;
	margin-top: .4em;
	}
#main-content { width: 759px; margin-left: 4px; float: left; }

	
/* section-nav */
#section-nav ul { list-style: none; margin: 0 4px 0 5px; padding: 0; font-size: 1.1em; width: 174px; }
#section-nav li { 
	display: block; 
	background: transparent url("../../img/bg/content/section-nav-normal.gif") scroll repeat-y 0 0; 
	margin-bottom: .4em; 
	}
#section-nav a {
	background: transparent url("../../img/bg/content/section-nav-normal-top.gif") scroll no-repeat 0 0; 
	display: block; 
	width: 100%;
	text-decoration: none;
	}
#section-nav span { 
	display: block;
	padding: .5em 1em;
	font-weight: bold;
	background: transparent url("../../img/bg/content/section-nav-normal-bottom.gif") scroll no-repeat 0 100%;
	}
#section-nav .home span { padding: .2em 1em; }

#section-nav li.here { background-image: url("../../img/bg/content/section-nav-here.gif"); }
#section-nav li.here a { background-image: url("../../img/bg/content/section-nav-here-top.gif"); }
#section-nav li.here span { background-image: url("../../img/bg/content/section-nav-here-bottom.gif"); color: #fff; }
#section-nav li.here ul li, #section-nav li.here ul a, #section-nav li.here ul span { 
	background-image: none; 
	color: #003c67;
	}

#section-nav ul ul { margin: 0; background-color: #fff; font-size: 0.75em; padding-top: .4em; }
#section-nav ul ul li { background-image: none; background-color: #fff; margin-bottom: .2em; }
#section-nav ul ul a { background-image: none; }
#section-nav ul ul span { font-weight: normal; background-image: none; padding: .1em 2em; }

#section-nav ul ul li.here { background-image: url("../../img/bg/content/section-nav-here.gif"); }
#section-nav ul ul li.here a { background-image: url("../../img/bg/content/section-nav-here-top.gif"); }
#section-nav ul ul li.here span { background-image: url("../../img/bg/content/section-nav-here-bottom.gif"); color: #fff; }

#main-content { 
	margin-top: 5px;
	padding-bottom: 7px;
	background: #fff url("../../img/bg/content/main-content-bottom.gif") scroll no-repeat 0 100%;
	}
#main-content .wrapper {
	padding: 0 5px;
	}
	
/* module */
.module {
	position: relative;
	margin-top: 6px;
}
.module.first { margin-top: 0; }
#content .module .stage { width: auto; }

/* rounded rectangles */
.rrt, .rrt span, .rrb, .rrb span { line-height: 1px; font-size: 1px; display: block; background-color: #444; }

	/* large-green */
	.large-green { background-color: #cbde33; }
	.large-green .rrt, .large-green .rrt span, .large-green .rrb, .large-green .rrb span {
		background: transparent url("../../img/sprites/large-green.gif") scroll no-repeat 0 0;
		height: 7px;
		}
	.large-green .rrt { background-position: 0 0; }
	.large-green .rrt span { background-position: 100% -7px; }
	.large-green .rrb { background-position: 0 -14px; }
	.large-green .rrb span { background-position: 100% -21px; }

	/* small-white */
	.small-white { background-color: #fff; }
	.small-white .rrt, .small-white .rrt span, .small-white .rrb, .small-white .rrb span {
		background: transparent url("../../img/sprites/small-white.gif") scroll no-repeat 0 0;
		height: 4px;
		}
	.small-white .rrt { background-position: 0 0; }
	.small-white .rrt span { background-position: 100% -4px; }
	.small-white .rrb { background-position: 0 -8px; }
	.small-white .rrb span { background-position: 100% -12px; }

	/* small-gray */
	.small-gray { background-color: #eaeaea; }
	.small-gray .rrt, .small-gray .rrt span, .small-gray .rrb, .small-gray .rrb span {
		background: transparent url("../../img/sprites/small-gray.gif") scroll no-repeat 0 0;
		height: 4px;
		}
	.small-gray .rrt { background-position: 0 0; }
	.small-gray .rrt span { background-position: 100% -4px; }
	.small-gray .rrb { background-position: 0 -8px; }
	.small-gray .rrb span { background-position: 100% -12px; }

	/* large-gray */
	.large-gray { background-color: #eaeaea; }
	.large-gray .rrt, .large-gray .rrt span, .large-gray .rrb, .large-gray .rrb span {
		background: transparent url("../../img/sprites/large-gray.gif") scroll no-repeat 0 0;
		height: 5px;
		}
	.large-gray .rrt { background-position: 0 0; }
	.large-gray .rrt span { background-position: 100% -5px; }
	.large-gray .rrb { background-position: 0 -10px; }
	.large-gray .rrb span { background-position: 100% -15px; }

	/* small-green */
	.small-green { background-color: #cbde33; }
	.small-green .rrt, .small-green .rrt span, .small-green .rrb, .small-green .rrb span {
		background: transparent url("../../img/sprites/small-green.gif") scroll no-repeat 0 0;
		height: 3px;
		}
	.small-green .rrt { background-position: 0 0; }
	.small-green .rrt span { background-position: 100% -3px; }
	.small-green .rrb { background-position: 0 -6px; }
	.small-green .rrb span { background-position: 100% -9px; }

	/* light-gray */
	.light-gray { background-color: #f1f1f1; }
	.light-gray .rrt, .light-gray .rrt span, .light-gray .rrb, .light-gray .rrb span {
		background: transparent url("../../img/sprites/light-gray.gif") scroll no-repeat 0 0;
		height: 5px;
		}
	.light-gray .rrt { background-position: 0 0; }
	.light-gray .rrt span { background-position: 100% -5px; }
	.light-gray .rrb { background-position: 0 -10px; }
	.light-gray .rrb span { background-position: 100% -15px; }

/* numerals */
.numeral {
	padding: 0 1em 0 48px;
	background: transparent url('') scroll no-repeat 1em 0;
	margin: 1em 0 0;
	}
	.numeral.one    { background-image: url('../../img/numerals/1.gif'); }
	.numeral.two    { background-image: url('../../img/numerals/2.gif'); }
	.numeral.three  { background-image: url('../../img/numerals/3.gif'); }
	.numeral.four   { background-image: url('../../img/numerals/4.gif'); }
	.numeral.five   { background-image: url('../../img/numerals/5.gif'); }
	.numeral.six    { background-image: url('../../img/numerals/6.gif'); }
	.numeral.seven  { background-image: url('../../img/numerals/7.gif'); }
	.numeral h4 { font-size: 1.3em; padding-top: .2em; }
	.numeral.first { margin-top: 0; }
	#content .wrapper .primary .numeral p { padding: 0; }
	.instatabs ol.numeral { 
		padding-left: 0 ; 
	}
	.instatabs ol li.numeral {
		list-style: none ;
		min-height: 30px ;
		height: auto !important ; /* ie6 min-height hack */
		height: 30px ;
		margin-bottom: 1em ;
	}

/* footer
 -------------------------------------------------------------------- */	
#footer a, #footer a:hover { color: #003c67; text-decoration: none; }
#footer { padding-bottom: 2em; clear: both; padding-top: 1em; }

/* columns */
.column { float: left; margin-right: 10px; }
#footer .column { margin-right: 28px; background-color: transparent; margin-left: 0; }
#sub-footer { font-size: 1.09em; padding: 10px 18px; }
#sub-footer ul { list-style: none; margin: 0; padding: 0; }
#sub-footer li {
	padding: 0 0 0 15px;
	background: transparent url("../../img/bg/footer/sub-footer-list-item.gif") scroll no-repeat 4px 50%;
	}
	
#contact-lottery { width: 165px; background: transparent url('../../img/bg/footer/sub-footer-divider.gif') scroll no-repeat 100% 50%; }
#contact-lottery ul { margin-top: 1.2em; font-weight: bold; }

#find-out-more { width: 165px; background: transparent url('../../img/bg/footer/sub-footer-divider.gif') scroll no-repeat 100% 50%; }
#find-out-more ul { margin-top: 1em; }

#where-can-i { width: 220px; background: transparent url('../../img/bg/footer/sub-footer-divider.gif') scroll no-repeat 100% 50%; }
#where-can-i ul { margin-top: 1em; }

#footer .column#where-can-i-play { width: 270px; margin-right: 0; }
#where-can-i-play .wcvb { float: right; }

#location-lookup { margin-top: 2.6em; }
#location-lookup input { border: none; vertical-align: middle; }
#location-lookup #zip-code {
	border: 1px solid #ccc; 
	padding: 3px 6px 3px; 
	margin: 0;
	width: 103px;
	}
#location-lookup input.checkbox { 
	vertical-align: middle; 
	margin: 0 .2em 0 0; 
	padding: 0; 
	}
#location-lookup ul { list-style: none; clear: both; padding-top: .4em; font-size: 10px; }
#location-lookup li { 
	background: none; 
	float: left; 
	padding: 0; 
	display: inline; 
	margin: 0 1.4em 0 0; 
	line-height: 1.5; 
	}

/* legal */
#legal { padding: 2em 18px 0;  }
#legal p strong { display: block; }
#legal p strong em { font-style: normal; text-transform: uppercase; }
#legal ul { list-style: none; margin: .4em 0 0; padding: 0; }
#legal li { 
	display: inline; 
	background: transparent url("../../img/bg/footer/list-item.gif") scroll no-repeat 0 55%; 
	padding: 0 0 0 10px;
	margin-right: 34px;
	font-weight: bold;
	}
	
/* subscribe */
#subscribe { 
	background: transparent url("../../img/bg/footer/subscribe.gif") scroll no-repeat 18px 0;
	padding: 1px 0 0 46px;
	line-height: 18px;
	margin-top: 1em;
	font-weight: bold;
	}