body {
	background-image:url('../Content/HtmlImages/Public/Images/General/v2/global/darkBG.gif');
	background-color: #000;
	background-position: 0 0;
	margin:0px 0px 20px 0px;
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 18px;
	text-align: center;
	padding-bottom: 0;
}
:focus {
  -moz-outline-style:none;
}
.normalText { /*temporary style to cover leftover html from old site*/
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 18px;
}
img {
border: none;
}
* html body {
margin:20px 0px 0px 0px;
}
a {
background-image:url('../Content/HtmlImages/Public/Images/General/v2/global/dash_red.gif');
background-repeat: repeat-x;
background-position: bottom;	
color: #97191D;
padding-bottom: 2px;
text-decoration: none;
font-weight:normal;
}
a:hover {
background-image:url('../Content/HtmlImages/Public/Images/General/v2/global/line_red.gif');
}
p {
padding: 0px 10px 0px 10px;
}
.clr {
float: left;
position: relative;
clear: both;
}
ol {
padding: 0px 0px 10px 0px;
margin-left: 20px;
clear: both;
}*html div ol {padding-left:10px;}
img a {
background-image:none;
}

h1 {
font-weight: bold;
margin: 0;
padding: 10px 10px 0px 10px;
text-align: left;
color:#333;
margin: 0;
line-height: 32px;
padding: 0;
font-size: 18px;
}
.pageTitle {
font-weight: normal;
color: #777;
margin: 0;
padding: 10px 0 0 0px;
font-size: 2.5em;
}
#lblPageTitle h1 {/*Don't know why, but the darned text just scales up, so I needed to do this!*/
font-size: 1.75em;
color: #FFF;
padding:3px 5px 3px 7px;
}
h2 {
color: #555;
font-size: 1.25em;
margin: 0;
padding: 10px 5px 1px 0px;
}
h3 {
font-size: 1.05em;
margin-bottom:0;
margin-top: 10;
}
h4 {
color: #777;
font-size: 1em;
margin: 0;
padding: 10px 5px 1px 0px;
}
h5 {
margin-bottom:0;
}
h6 {
margin:0;
padding: 10px 5px 1px 0px;
}
blockquote {
font-size: 1.25em;
margin: 20;
line-height: 1.25em;
color: #999;
}
hr {
position: relative;
clear: both;
width: 100%;
color: #CCC;
height: 1px;
border-bottom: 1px dotted #ccc;
border-top: none;
margin-top: 10px;
margin-bottom: 10px;
}
.photoDetail {
}

/* root element for scrollable */
div#champions {
width: 100%;
clear: both;
text-align: center;
margin: 0 auto 0 auto;
background-color: #000;
float: none;
display: block;
}

div.scrollable {  
	/* required settings */
	position:relative;
	overflow:hidden;	
	float: left;
display: block;

	/* vertical scrollers have typically larger height than width */	
	height: 260px;	 
	width: 560px;	
margin: 10px auto 0 auto;
text-align: left;

}
#mainContent p.instructions {
text-align: center;
display: block;
border: 1px solid #e3e3e3;
padding: 10px;
background-color: #efefef;
color: #333;
font-weight: bold;
margin: 20px 35px 10px 35px;
}
#mainContent table.card-content {
padding: 18px 35px 18px 35px;
display: block;
clear: both;

z-index: 99999;
font-size: 1em;
background-color: #373737;
background-image: url('../Content/HtmlImages/Public/Images/General/mtg/2009/cardContent_bg.png');
background-repeat: repeat-x;
background-position: 0 0;
}
#mainContent table.card-content tr td {
padding-right: 18px;
}
#mainContent p, #mainContent h1, #mainContent h2, #mainContent h3, #mainContent sup  {
text-align: left;
line-height: 1.5em;
color: #fff;
}
table.card-content p {
padding: 10px 0 0px 0;
margin: 0;
}
table.card-content a.register {
background-image: url('../Content/HtmlImages/Public/Images/General/mtg/2009/wii.png') !important;
background-repeat: no-repeat;
background-position: top left;
padding: 20px 10px 10px 110px; 
display: block;
font-weight: bold;
font-size: 1em;
line-height: 1.5em;
color: #97191D;
background-color: #e3e3e3;
border: 1px solid #efefef;
height: 50px;
}
#mainContent h1 {
padding: 0;
margin: 0;
display: block;
clear: both;
text-align: left;
line-height: 1.2em;
}
#mainContent blockquote {
padding: 18px;
color: #e3e3e3;
font-weight: bold;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.25em;
line-height: 1.5em;
}
/* root element for scrollable items */
div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;
	margin: 0px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;

	/* text/font settings */
	color:#999;
	text-align: left;
	width:180px;
	height:250px;
	padding:0px;
	font-size:70px;
	margin-right: 10px;	
	cursor:pointer;

}


/* mouseover state */
div.scrollable div.items div a:hover {	
background-image: none;
}

/* clicked state */
div.scrollable div.items div:active {	
	
}

/* active item */
div.scrollable div.items div.active {	
	
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url('../Content/HtmlImages/Public/Images/General/mtg/2009/arrow_180.png') no-repeat !important;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
	text-indent: 999px;
	overflow: hidden;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}


/* next button uses another background image */
a.next, a.nextPage {
	background-image:url('../Content/HtmlImages/Public/Images/General/mtg/2009/arrow.png') !important;
	clear:right;	
}

/* tabs */
div.items div { 
opacity:0.2;
filter:alpha(opacity=20);
}

div.items div.active {
	outline:none;	
	opacity:1;
filter:alpha(opacity=100);
}

/* when mouse enters the tab move the background image */
div.items div:hover {
	opacity:.5;
filter:alpha(opacity=5);
}
div.items div.active:hover {
	outline:none;	
	opacity:1;
filter:alpha(opacity=100);
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
div.items div.current, div.tabs div.current:hover, div.tabs div.current a {
	opacity:1;
filter:alpha(opacity=100);		
	cursor:default !important; 
	color:#000 !important;
}


.textWrap {
position: relative;
padding: 10px;
margin-bottom: 10px;
text-align: left;
color: #000;
clear: both;
}
.textWrap p {
padding: .5em 0 0 0;
}

.card, .cardRight {
float: left;
position: relative;
border-top: 1px solid #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px;
background-image: none;
}
.cardRight {
border-left: 1px solid #FFFFFF;
}
.card img, .cardRight img {
float: left;
border-bottom: 1px solid #FFFFFF;
}

#mainNav select {
float: left; 
position: relative;
}

.runner {
float: left;
position: relative;
clear: both;
padding: 10px 0 10px 0;
}

.twWhite {
	float:left;
	position: relative;
	background-color: #FFF;
	margin: 0;
	color: #000;
	width: auto;
} *html div .twWhite {}
.textWrap table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 18px;
}

ul {
list-style-type: square;
margin:0;
padding-left:30px;
}
ol {
list-style-type: decimal;
list-style-position: inside;
margin: 0;
padding-left: 20px;
}

/* Main Navigation */
#navcontainer {
margin: 0px 0 0 0px;
padding: 0;
float:left;
position:relative;
font-size: 11px;
font-weight: bold;
}

#navcontainer ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a {
	background: #fff;
	width: 114px;
	height: 27px;
	border-top: 1px solid #FFF;
	border-left:none;
	border-bottom: 0px solid #FFF;
	border-right: 1px solid #e2e2e2;
	padding: 24 10 10 10;
	margin: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: right;
vertical-align:baseline;
	background-image:url('../Content/HtmlImages/Public/Images/General/v2/global/mainNav_bg_off3.gif');

	background-repeat: repeat-x;
	background-position: bottom;
font-size:1.2em;
font-weight:bold;
}
#navcontainer ul li a img {
	padding-top:10px;
	float:right;
}
*html div #navcontainer ul li a {
	width: 130px;
	height: 62px;
}
#navcontainer ul li a:hover {
	background-image:url('../Content/HtmlImages/Public/Images/General/v2/global/mainNav_bg_off2.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

#navcontainer #navlist #active a{
	background-image:url('../Content/HtmlImages/Public/Images/General/v2/global/mainNav_bg_off2.gif');
	background-repeat: repeat-x;
	background-position: bottom;
padding: 34 10 0 10;
}

.subNavcontainer {
	position: relative;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	float: left;
	width: 778px;
}
/* end main Navigation */

/*Table Styles 01	*/
.table01grey {
font: 10px verdana,verdana, arial;
margin: 0 0 20px 0;
padding: 0px 0px 10px 0px;
border-collapse: collapse;
text-align: left;
color: #333;
line-height: 12px;
border: 1px solid #ccc;

width:100%;
}
		
caption {
font-size: 10px;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
}

.table01grey td {
margin: 0;
padding: 0px 0px 0px 5px;
}	
		
.table01grey th {
font-weight: bold;
text-transform: uppercase;
border-top: none;
border-bottom: 1px solid #ccc;
background-color: #e3e3e3;
}
		
.table01grey thead tr th {
background-color: #e3e3e3;
padding:  5px 5px;
color: #fff;
font-weight: bold;
border-right: 2px solid #333;
text-transform: uppercase;
text-align:center;
border-top: none;
border-bottom: 1px solid #ccc;
}
		
.table01grey tfoot tr th, .table01grey tfoot tr td {
background-color: transparent;
padding:  5px 5px;
color: #ccc;			
}
		
.table01grey tbody tr th {
padding: 5px 5px;
border-bottom: 1px solid #ccc;
}
		
.table01grey tr { 
background-color: #FFF;
}
.table01grey tr.odd {
background-color: #efefef;
}
		
.table01grey tr:hover {

}
		
.table01grey tr:hover td, .table01grey tr:hover td a, .table01grey tr:hover th a {
color: #efefef;
}
		
.table01grey td:hover {
}

.table01grey tr:hover th a:hover {
background-color: #faf2f2;
border-bottom: 2px solid #86C200;
}
		
.table01grey a {
display:block;
background-image: none;
text-decoration: none;
padding: 5px;
padding-right: 12px;
margin-left:-5px;
}

.table01grey a:hover {
background-image: none;
text-decoration: none;
padding: 5px;
padding-right: 12px;
}
		
.table01grey a:visited {
text-decoration: none;
padding-right: 12px; 
}
		
.table01grey a:visited:hover {
background-image: none;
text-decoration: none;
padding-right: 12px; 
}
.statsTeamName {
border-right: 1px solid #CCC;
}
.statsData {
}

/*Table Styles 02	*/
.table02 {
font-size: 11px;
margin: 0 0 20px 0;
padding: 0px 0px 10px 0px;
border-collapse: collapse;
text-align: left;
color: #333;
line-height: 12px;
border: 1px solid #ccc;
width:96%;
clear: both;
}

.table02 td {
margin: 0;
padding:5px;
vertical-align: top;
border-bottom: 1px solid #ccc;
}	

		
.table02 th {
font-weight: bold;
text-transform: uppercase;
border-top: none;
border-bottom: 1px solid #ccc;
}
		
.table02 thead tr th {
background-color: #575757;
padding:  5px 5px;
color: #000;
font-weight: bold;
border-right: 2px solid #333;
text-transform: uppercase;
text-align:left;
border-top: none;

border-bottom: 1px solid #ccc;
}
		
.table02 tfoot tr th, .table02 tfoot tr td {
padding:  5px 5px;

}
		
.table02 tbody tr th {
padding: 5px 5px;
background-color: #e3e3e3;
}
		
.table02 tr { 
background-color: #FBFDF6;
border-bottom: 1px solid #ccc;
}
.table02 tr.odd {
background-color: #efefef;
}
		
.table02 tr:hover {
}
		
.table02 tr:hover td, .table02 tr:hover td a, .table02 tr:hover th a {
color: #a10000;
border-bottom: 1px solid #ccc;
}
		
.table02 td:hover {
}

.table02 tr:hover th a:hover {
}
		
.table02 a {
background-image: none;
text-decoration: none;
padding: 5px;
padding-right: 12px;
margin-left:-5px;
}

.table02 a:hover {
background-image: none;
text-decoration: none;
padding: 5px;
padding-right: 12px;
}
		
.table02 a:visited {
text-decoration: none;
padding-right: 12px; 


}
		
.table02 a:visited:hover {
background-image: none;
text-decoration: none;
padding-right: 12px; 
}

.table02 .statsTeamName {
border-right: none;
}
/*Table Styles 03	*/
.table03 {
font-size: 11px;
margin: 0 0 20px 0;
padding: 0px 0px 10px 0px;
border-collapse: collapse;
text-align: left;
color: #333;
line-height: 12px;
border:none;
width:96%;
}
.table03 td {
vertical-align:top;
padding-bottom: 10px;
}

/* IMPORTANT! For small group leader pages and other existing public Solomon pages in old site*/
.content {
	clear:both;
	position:relative;
	width:730px;
	padding: 10px;
}
* html div .content {
	width: 750px;
	w\idth: 750px;
}

#wrapper {
	width: 778px;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}*html div .mainBox,#mainBox,#wrapper{ width: 778px;w\idth: 778px;}

#utilLinks {
float:right;
position:relative;
padding:0px;
}
.utilBar {
	background-color: #efefef;
	position: relative;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px 10px 6px 10px;
	float: left;
	width: 756px;
	border-top: 0px solid #999;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}* html div .utilBar {width: 778px; w\idth: 100%;}
#phBreadCrumbs {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	position: relative;
	padding: 0px;
}

#mainNav {
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-bottom: 0px solid #FFFFFF;
	color: #FFF;
	font-weight: bold;
}*html div #mainNav {}
#mainNav select {
font-size: 12px;
}

#mainNav img {
}
#logo {
	position: relative;
	float: right;
	padding: 0px;
	margin: 0;
	margin-bottom:10px;
} *html div #logo {margin-bottom:-10px;}
#logo a {
background-image: none;
}
#mainNav a {
background-image: none;
}
#navlist a {
background-image: none;
}

/*///////////////////*/
#bottomContentWrapper, #bottomContentWrapper table {
	float:left;
	position: relative;
	width: 778;
	background-color: #000;
	padding: 0px 0 10px 0;
}
#bottomContentWrapper {
border-top:1px solid #FFF;
position:relative;
}
.stHome {
	float: left;
	position: relative;
	color: #990003;
	text-decoration: none;
	font-weight: bold;
	float: left;
}
.footerText {
	position: relative;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
}
.footerText a {
background-image: none;
color: #FFF;
	position: relative;
text-decoration:underline;
font-weight: bold;
}
.footerText a:hover {
background-image: none;
}

.eventDetailWrap, .promoDetailWrap {
padding:0px 10px 0px 10px;
background-color:#FFFFFF;
text-align: left;
}
.eventDetailWrap h1, .promoDetailWrap h1 {
padding-left: 0;
color: #000;
font-size: 2em;
}
.eventDetailWrap img, .promoDetailWrap img {
margin-left:5px;
float:right;
border: 10px solid #efefef;
background-color:#efefef;
}
.eventDetails {
width: 100%;
margin-top: 0px;
padding-top: 10px;
border-top:1px solid #CCCCCC;
background-color:#FFFFFF;
}
.eventDetails table, .promoDetailWrap table {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100%;
padding-right: 10px;
}
.registerButton {
width: 100%;
text-align: center;
margin: 10px 10px 0px 10px;
}
.registerButton a {
background-image: none;
}
#mod02 .textWrap, #mod03 .textWrap {
position: relative;
padding:10px;
width: auto;
white-space: normal;
word-wrap: break-word; /* IE Only */
}

.icon {
float: left;
position: relative;
margin:0;
padding: 0;
padding-right: 4px;
}
.logWrap {
float: left;
position: relative;
text-align: center;
padding: 2px;
clear: both;
width: 100%;
}
.loginout {
color: #FFF;
font-weight: bold;
text-decoration: underline;
position: relative;
text-align: center;
background-image: none;
font-size: 11px;
}
.loginout:hover {
background-image: none;
}

*html div .icon{
margin-left: -5px;
}

/*Rad Editor Fixes*/
.editWrap {
	float: left;
margin: 0px;
padding: 0px;
z-index: 9999;
clear: both;
}

.editImage {
   z-index: 1000;
text-align: left;
   filter:alpha(opacity=65);
   -moz-opacity:.65;
   opacity:.65;
   position: absolute;
float: left;
}
#mod04 .editImage {
   position:relative;
}
.editImage:hover {
   filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity:1;
}

#mod01 {background-color: #000000;float: left;}
#mod03, #mod04 {display: none;}