@import url(css.ashx?path=~/css/gallery.css);

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.2;	
	margin: 0px;
	padding: 0px;
	background-image:url(../images/bg_003.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	behavior: url(/css/csshover.htc); 
}

a{
	color: #0099cc;
	text-decoration: none;
}

a:link{
	color: #0099cc;
	text-decoration: none;
}

/*a:visited{
	color: #006699;
	text-decoration: none;
}*/

a:hover{
	color: #035E34;
	text-decoration: underline;
	cursor:pointer;
}

h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 26px;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #333333;
 margin: 0px;
 padding: 2px 0px 0px 0px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-weight: normal;
}

h4{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

label{
/* font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #333333;*/
}

object { outline:none; }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead{
	width: 100%;
	height: 153px;
	position: relative;
}

#headbg {
	width: 980px;
	background-image:url(../images/bg_004.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	height: 152px;
	margin: 0 auto;
}

#container {
	width:980px;
	margin-left: auto;
	margin-right: auto;
}
#topbg{
	background-image: url(/img.ashx?path=~/images/banner_001.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	height: 153px;
}
#content{
}
.round4 .t, .round4 .b, .round4 .t b, .round4 .b b { display:block; overflow:hidden;}
.round4 .t b, .round4 .b b { float:right; width:50%;}
.round4 .t .r { background-position:top right; }
.round4 .b .r { background-position:bottom right;}
.round4 .b { background-position:bottom left; }
.round4 .br { clear:both; display:block; overflow:hidden; height:0px; }
.round4 .t, .round4 .b, .round4 .b b, .round4 .t b {height:9px; background-image:url(../images/curve_border_no_bg.gif);}
.round4 .c {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}

#logo{
	width:144px;
	height: 150px;
	margin: 0px;
	float:left;
	display:block;
}
#logo a{}
#logo a:hover{cursor: pointer;}
#login {
	width:130px;
	height: 26px;
	margin: 57px 0px 0px 0px;
	float:right;
}
#footer{
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #A9A9A9;
	 clear:both;
}

#left{
	width:664px;
	float:left;
	margin:10px 10px 10px 0px; 
}
#right{
	width:306px;
	float:left;
	margin:10px 0px 10px 0px; 
                color:#000
}
.usa {
	width: 470px;
	float:left;
	margin: 0px 40px 20px 0px;
}
.usa h1 {
	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:60px;
	color:#3993D1;
	text-align:center;
	font-weight:bold;
	line-height: 60px;
}
.usa ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.usa li {
	display:block;
	color:#000000;
	font:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:22px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-image:none;
	list-style:none;
	line-height:normal;
}
.usa li a{	display:block;
	color:#000000;
	font:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:22px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 32px 0px 32px;
	list-style-image:none;
	list-style:none;
	line-height:normal;
	font-weight: bold;
	border-left: solid 1px #3993D1;
}

.usa .first{
	border-left: solid 0px #fff;
}
.uk {width: 470px; float:left;}
.uk h1 {
	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:60px;
	color:#3993D1;
	text-align:center;
	font-weight:bold;
	line-height: 60px;
}
.uk ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.uk li {
	display:block;
	color:#000000;
	font:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:22px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-image:none;
	list-style:none;
	line-height:normal;
}
.uk li a{	display:block;
	color:#000000;
	font:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:22px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 37px 0px 37px;
	list-style-image:none;
	list-style:none;
	line-height:normal;
	font-weight: bold;
	border-left: solid 1px #3993D1;
}

.uk .first{
	border-left: solid 0px #fff;
}

#buttons {
	background:url(/img.ashx?path=~/images/diag_bg2.jpg) no-repeat;
	height:153px;
	width:643px;
	padding: 25px 0px 0px 21px;
}
#buttons img {
	margin-right: 20px;
}
#locationline {
	padding:20px 10px 0px 0px;
	font-size:12px;
	margin:0px;
	width: 300px;
	float: right;
}
#locationline img{
	margin-right:10px;
}

.clearme {clear:both; font-size:0px; line-height:0px;}

#contentclear{
	padding:30px 10px 20px 0px;
	font-size:12px;
	margin:0px;
	clear:both;
}
#contentclear p{
	margin:10px 0px 0px 0px;
}

.silo {
	margin: 0 auto;
	width:494px;
}

#main{
	margin:20px 0px 10px 0px;
	clear:both;
}
#maintop{
	background:url(../images/left_top_container1.jpg) no-repeat #FFFFFF;
	height: 5px;
	width:664px;
	margin:0px;
	padding: 0px;
}
#mainbot{
	background:url(../images/left_bot_container1.jpg) no-repeat #FFFFFF;
	height: 5px;
	width:664px;
	margin:0px;
	padding: 0px;

}
#mainbody{
	background:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding: 10px 10px 1px 10px;
	border-right: solid 1px #D1D1D1;
	border-left: solid 1px #D1D1D1;
	font-size: 12px;

}
#breadcrumb{
	font-size:11px;
	font-style: italic;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}


#video{
	background-color:#FFFFFF;
	border-left:solid 1px #D0D0D0;
	border-right:solid 1px #D0D0D0;
}

#weather {
	background:#FFFFFF;
	padding: 0px 10px 0px 10px;
	clear:both;
	height: 145px;
}
#weather .locname {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	color: #002E55;
}
#weather img {
margin-right:10px;
}

#rightspace{
	margin:20px 0px 10px 0px;
	clear:both;
}

#doublecontainer {
	border-left:solid 1px #D0D0D0;
	border-right:solid 1px #D0D0D0;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
#eventslist {
	margin: 0 0 0 4px;
	padding: 2px 0px 2px 0px;
	background:#FFFFFF;
	clear:both;
}
#eventsstyle {
	border-left:solid 1px #D0D0D0;
	border-right:solid 1px #D0D0D0;
	margin: 0 0 0 8px;
	padding: 2px 4px 2px 4px;
	width:277px;
	background:#FFFFFF;
}
.eventslist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	width: 100%;
}
.eventslist a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;	
}
.eventslist a:hover{
	text-decoration:underline;	
}
.eventslist td {
	border-bottom: dotted 1px #D0D0D0;
	padding: 10px 3px 5px 3px;
}
.eventsdetail {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.eventsdetail a{
}
.eventsdetail a:hover{
}
.eventsdetailimg {
float:right;
margin:0px 0px 20px 20px;
}
.eventsmap{
margin:20px 0px 20px 0px;
}

.vcalendar2 {}
.vcalendar2 table {width:100%;}
.vcalendar2 td {}
.vcalendar2 .calendarDay {border: solid 1px #C0C0C0; vertical-align:top; height:100px;}

#newssstyle {
	border-left:solid 1px #D0D0D0;
	border-right:solid 1px #D0D0D0;
	margin: 0 0 0 8px;
	padding: 2px 4px 2px 4px;
	width:277px;
	background:#FFFFFF;
}
#newssstyle ul {
	list-style-image: url(/img.ashx?path=~/images/bullet_01.jpg);
	list-style-position:inside;
	margin: 0px;
	padding:0px;	
}
#newssstyle li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	margin: 6px 0 0 0px;
	padding:6px 0 0 6px;
}
#newssstyle li a:hover{text-decoration: underline;}

#pushright{
	clear:both;
	text-align:right;
	font-size:12px;
}

#photos{
}
#photos ul {}
#photos li {
	list-style-type:none;
	background-repeat: no-repeat;
	float:left;
	display:block;
	width:140px;
	margin: 10px;
}
#photos li a {
	list-style-type:none;
	background-repeat: no-repeat;
	width:140px;
	height:140px;
	text-decoration: none;
}
#photos li a:hover {
	background-repeat: no-repeat;
	text-decoration:underline;
}
#photos img {
}

.photoscap {
background:none;
background-image:none;
background-color:#FFFFFF;
text-align:center;
padding: 4px 2px 4px 2px;

}
.photoscap a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
background:none;
background-image:none;
background-color:#FFFFFF;
}
.photoscap a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
background:none;
background-image:none;

}
#socialbg {background-color:#FFFFFF; border-left:solid 1px #D0D0D0; border-right:solid 1px #D0D0D0; margin: 0px 0px 0px 0px;}
.sociallinks {clear:both; padding:0px 10px 0px 10px;}
.sociallinks img {clear:both; padding:10px 0px 0px 0px;}

#socialbg1 {background-color:#FFFFFF; border-left:solid 1px #D0D0D0; border-right:solid 1px #D0D0D0; margin: 0px 0px 0px 0px; widt:285}
.sociallinks1 {clear:both; padding:0px 10px 0px 10px;}
.sociallinks1 img {clear:both; padding:10px 0px 0px 0px;}

.photogal {clear:both; padding:10px 10px 0px 10px;}
.medialib {clear:both; padding:4px 10px 0px 10px;}

.copyright {width:300px; float:left;}

.bottomlinks {
	width: 550px;
	float:left;
	margin: 0px 0px 0px 10px;
}

.bottomlinks ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.bottomlinks li {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A9A9A9;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style-image:none;
	list-style:none;
	line-height:normal;
}
.bottomlinks li a{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	list-style-image:none;
	list-style:none;
	line-height:normal;
	border-left: solid 1px #A9A9A9;
}


.bottomlinks .first{
	border-left: solid 0px #fff;
}

/***********************************************/
/* Navigation Divs                             */
/***********************************************/
#topnav{
	float:right;
	width: 500px;
	text-align:right;
	letter-spacing:1px;
	color:#FFFFFF;
	font-size:11px;
	margin: 20px 0px 0px 0px;
}
#topnav a{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#topnav a:hover{
	text-decoration:underline;
}

#mainnav{
	float:left;
	width: 630px;
	margin: 46px 0px 0px 0px;
}
/***********************************************/
/* Search Bar                                  */
/***********************************************/
#searchbar{
background-image:url(/img.ashx?path=~/images/search_bg_01.jpg);
background-repeat: no-repeat;
width:644px;
padding:2px 10px 2px 10px;
height:30px;
clear:both;
margin: 20px 0px 10px 0px;
}
#searchbar form{
}

/* ---- membership pricing styles START ---- */

table.pricing{
   border-collapse: separate;
   empty-cells: hide;
   
   color: #FFFFFF;
}

table.pricing th.top{
   text-align: center;
   text-transform: uppercase;
   font-size: 12px;
}

table.pricing th.left{
   padding-left: 5px;
   vertical-align: top;
   text-align: left;
   font-size: 14px;
   font-weight: 900;
}

table.pricing th.header{
   background-color: #022E55;
}

table.pricing th.header span.note{
   font-size: 12px;
   font-weight: 100;
}

table.pricing th.type{
   text-align: left;
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 900;
   color: #333333;
}

table.pricing td.data{
   padding-top: 5px;
   padding-right: 2px;
   padding-bottom: 5px;
   padding-left: 2px;
   vertical-align: top;
   text-align: center;
   background-color: #118822;
}

table.pricing td.data em{
   font-size: 14px;   
   font-weight: bold;
   font-style: normal;
}

table.pricing td.data span.free{
   font-size: 14px;   
   text-transform: uppercase;
   font-weight: bold;
}

table.pricing ul.benefits{
   margin: 0px;
   padding-right: 2px;
   padding-left: 18px;
   text-align: left;
   list-style: disc outside;
}

table.pricing li.benefit{
   
}

ul.note{
   margin-top: 5px;
   list-style: disc outside;
}

ul.note li{
   
}
/* ---- membership pricing styles END ---- */

/* ---- pay and play pricing styles START ---- */

div.pay_and_play{
   margin: auto;
   width: 80%;
   color: #333333;
}

div.pay_and_play h3{
   margin-top: 10px;
   padding: 3px 3px 3px 15px;
   text-align: left;
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 900;
   color: #FFFFFF;
   background-color: #022E55;
}

div.pay_and_play span.note_h3{
   font-size:14px;
   font-weight: 100;
}

div.pay_and_play table{
   width: 100%;
   border-collapse: separate;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
}

div.pay_and_play td{
   padding: 5px 2px 5px 8px;
   background-color: #118822;
}

div.pay_and_play td.left{
   width: 130px;
}

div.pay_and_play div.note{
   font-size: 13px;
}

div.pay_and_play div.blurb{
   font-size: 15px;
   font-weight: bold;
}

div.pay_and_play ul{
   margin-top: 5px;
   list-style: disc outside;
}

div.pay_and_play li{
   
}

/* ---- pay and play pricing styles END ---- */

/* ---- game page styles START ---- */
div.pic_right{
   margin-left: 15px;
   float:right;
}

div.games_pic_bottom{
   text-align: center;
}

div.game_name, div.game_rules{
   padding-top: 5px;
   font-size: 14px;
   font-weight: bold;
   color: #555555;
}

div.game_description{
   padding-left: 2px;
   padding-bottom: 5px;
}

div.game_description em{
   text-transform: uppercase;
   font-style: normal;
}

div.game_rules ul{
   margin: 5px 0px;
}

div.game_rules li{
   font-size: 12px;
   font-weight: normal;
}

div.game_rules em{
   text-transform: uppercase;
   font-style: normal;
}
/* ---- game page styles END ---- */

/* ---- how it works page styles START ---- */

div.howitworks_pic_bottom{
   margin-top: 15px;
   display: inline;
   text-align: center;
}

div.howitworks_pic_container{
   margin-top: 10px;
   text-align: center;
}

div.right{ 
   padding-left: 10px;
}

.promo{
font-size:14px;
color: #96191d
}

/* ---- how it works page styles END ---- */
