/* LIONS TOUR v2 - CSS Document */

body{
	margin: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
}

img{
	border: none;
}

#page{
	margin: 0px auto 0px auto;
	background: url(../gfx/pageBG.gif) repeat-y #1C2955;
	width: 906px;
	text-align: left;
}

#pageContent{
	width: 890px;
	margin: 0 8px;
}


#skipNav { 
	display:none 
}

.offScreen{
	display: none;
}

h1{
	font-weight: bold;	
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

h2{
	font-weight: bold;	
	font-size: 1.2em;	
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

a:link, a:visited{
	color: #FFF;
	text-decoration: none;	
}

a:hover, a:active{
	color: #F1DD35;
	text-decoration: underline;	
}

/* ******************* HEADER STYLES ***************** */

#header{
	height: 130px;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #1C2955;	
	display: table;
}

	#headerTop{
		height: 100px;
		width: 100%;
	}
	
		#headerTopLeft{
			margin: 6px 28px 0 20px;
			width: 63px;
			float: left;
		}
		
		#headerTopRight{
			margin: 10px 0 10px auto;
			width: 154px;
			height: 44px;
			float: right;
		}
		
		#pageTitle{			
			font-size: 2em;
			font-weight: bold;
			margin: 37px auto auto 28px;
			float: left;
			letter-spacing: -2px;
		}
	
		/* Original styles
		#headerTopLeft{
			margin: 6px 28px 0 20px;
			width: 63px;
			float: left;
		}
		
		#headerTopRight{
			margin: 10px -10px 10px auto;
			width: 154px;
			height: 44px;
			float: right;
		}
		
		#pageTitle{			
			font-size: 2em;
			font-weight: bold;
			margin: 37px auto auto 28px;
			display: table;
			letter-spacing: -2px;
		} */
		
	#headerBottom{
		height: 30px !important;
		height: 24px;
		width: 100%;
	}
	
		#mainNav{
			margin-right: 20px;
			font-size: 0.9em;
			letter-spacing: -1px;
			text-transform:uppercase;
			/*width: 815px;	*/
			float: right;
		}
		
			#mainNav ul{
				float: left;
			}
			
				#mainNav li{
					float: left;
					list-style: none;
					padding: 4px 8px 0 8px !important;
					padding: 0px 8px 0 8px;
					border-right: 1px solid #FFF;
				}
				
				li.selected a{
					color: #F1DD35;
				}
				
				li.lastItem{
					border: none !important;
				}
				

/* ******************* FLASH CONTAINER STYLES *************** */

#flashContainer{
	width: 100%;
	background-color: #000000;
	position: relative;
}


#slideContainer{
	width: 100%;
	background-color: #000;
	height: 200px;
	overflow:hidden;
	position: relative;
}

#slideControls{
	display:none;
}

	/* *********** FLASH ALTERNATIVE STYLES ************* */
	
	#flashAltContainer{
		width: 890px;
		height: 250px;
		display: block;
	}

		.largeMediaFlashOverlay{
			background-color: #FFF;
			border: 2px solid #666;
			width: 250px;
			height: 200px;
			padding: 8px;
			color: #000;
			font-size: 0.8em;
			margin: 40px auto 0 auto;
			float: right;
		}
		
			.largeMediaFlashOverlay p{
				margin: 0 0 0px 0;
			}

			.largeMediaFlashOverlay a{
				color: #000;
				text-decoration: underline;
			}
	


/* ******************** RSS CONTAINER ******************** */

#rssContainer{
	width: 100%;
	height: 43px;	
	background-color: #A91D3C;
}

	#rssContainer ul, #rssContainer li, ul#moostick, #moostick li, .moostick li{
		margin: 0;
		text-align: left;
		list-style-type: none;
	}
	
	/* -- Begin IE7 Only Hack -- */
	*:first-child+html #moostick li{
			float: left;
	}
	/* -- End IE7 Only Hack -- */
	
	#rssTopLeft{
			/* undelete when rss is switched on
				width: 52px; */
			float: left;
			/*	Delete following line when RSS feed is switched on! */	
			background-color: #000000;
			height: 22px;
			/*	End Delete */	
			margin: 0;	
		}

	#rssTop{
	/*	Uncomment following line when RSS feed is switched on! */	
	/*	margin-left: 9px;		*/
	/*	Delete following line when RSS feed is switched on! */	
		margin: 0px;		
	/*	End Delete */			
		height: 22px;
		background-color: #000000;
	}	

	
		#rssTopRight{
			float: left;
			text-align: left;
			font-size: 0.76em; 
			height: 22px;
			margin: 0px auto auto 42px !important;	
			margin: 0px auto auto 20px;		
			padding: 0;
			color: #eee;
		}
	
#rssTitle{
	
	color: #fff;
	font-weight: bold;
	
}

/* ********************* BOOKING LOGOS ******************* */

#oloContainer{
	width: 100%;
	min-height: 230px;
	height: auto !important;
	height: 230px;
	margin: 0;
	background-color:  #A91D3C;
	display: table;
	
}

#oloContainerContacts{
	width: 100%;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 0;
	background-color:  #A91D3C;
	display: table;
}


	#olo{
		width: 816px !important;
		width: 850px;		
		margin: 17px 40px auto 30px !important;
		margin: 17px 20px auto 20px;
/*		height: 230px; */
	}
	
		#olo ul{
			list-style:none;
			margin: 0;
			padding: 0;
		}
		
			#olo li{
				list-style:none;
				float: left;
				background: url(../gfx/sponsorBG.gif) no-repeat top left;
				width: 194px;
				min-height: 190px;
				height: auto !important;
				height: 190px;
				margin: 13px 0 0 10px;
				text-align: center;
				
			}
			
				#olo li img{				
					margin: 25px 12px auto 12px
				}

			#olo p{
				margin-top: 95px;
				text-align: center;
				font-size: 0.8em;
				height: 30px;
			}
			
				#olo p a{
					font-weight: bold;
				}

/* ********************* MAIN CONTENT ****************** */

#mainContentContainer{
	width: 100%;
	background-color:   #A91D3C;
	display: table;
	padding-bottom: 30px;
}
	#mainContentContainer a:link, #mainContentContainer a:visited{
			text-decoration: underline;
		}
		
	#mainContentContainer a:hover, #mainContentContainer a:active{
			text-decoration: underline;
			color: #F1DD35;
		}
		
	#mainContent{
		margin: 30px 40px 0px 40px;
	}
	
		#mainContent #largeImage{
			float: right;
			width: 245px;
			height: 408px;
		}
		
		#mainContent #mainText{
			width: 540px;
			font-size: 0.8em;
		}
		
		#mainContent #mainTextWide{

			font-size: 0.8em;
		}		
		
		

/* ****************** LIST ITEM STYLES ****************** */

#mainContentList{
	margin: 30px 40px 20px 40px;
	width: 806px; 
	padding: 0;
}

	.listItemContainer{
/*		width: 785px;	 */
		width: 806px;
		margin-bottom: 20px;
		display: table;
	}
	
		
		.listItemImage{
			float: right;
			width: 245px;
			height: 160px;
			padding: 0;
			margin: 0;
		}
		
		.listItemOverlay{
			position: absolute;
			top: 0px; 
			left: 0px;
			width: 245px;
			height: 152px;
		    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../gfx/listItemImageOverlay.png');
			display: block;
		}


		.listItemOverlay[class]{
			position: absolute;
			top: 0px; 
			left: 0px;
			width: 245px;
			height: 152px;
			background: url(../gfx/listItemImageOverlay.png) no-repeat top;
			display: block;
		}

		
		.listItemOverlayShow{
			display:block;
		}
		
		.listItemText{
			float: left;
			width: 540px;			
			font-size: 0.9em;
			
		}
		.listItemTextOnly{
			width: 780px;
		}
		
		.listItemContainer p{
			margin: 0 0 5px 0;
		}
	


/* ****************** PAGINATION STYLES **************** */

.paginationContainer{
	width: 100%;
	text-align: right;
	height: 20px;
}

	.paginationContainer ul{
		list-style-type: none;
		float: right;
	}
	
		.paginationContainer li{
			float: left;
			list-style-type: none;
			margin: 0 0 0 5px;
		}
		
		.paginationContainer li.first{
			margin: 0 20px 0 5px;
		}

/* ****************** SPONSOR LOGOS STYLES ********************* */

#sponsorLogos{
	width: 100%;
	background: #ffffff;
	text-align: center;
}

#sponsorLogos img {
	margin: 10px 15px 10px 15px;
}

/* ****************** FOOTER STYLES ********************* */

#footer{
	font-size: 0.8em;
	width: 100%;
}
	
	#footerTop{
		margin: 10px 0;
		width: 100%;
		display: table;
	}


		#footerNav{
			margin-left: 23px !important;
			margin-left: 11px;
			float: left;			
		}
		
			#footerNav .copyright{
				float: left;
			}
			
			#footerNav ul{
				list-style: none;				
				margin: 0;
				width: 580px !important;
				width: 480px;
			}
			
				#footerNav li{
					float: left;
					border-right: 1px solid #FFF;
					padding: 0 8px 0 8px;
				}
				
		#footerTopRight{
			margin: 0 23px 0 auto;
			float: right;
		}
		
	#footerBottom{
		width: 100%;
		display: table;
	}
		
			#footerBottom p{				
				margin: 5px 23px 10px 23px;
			}

	


/********************************** START SIFR ***********************************/
	/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
	margin: 0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 25px;
	margin: 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/********************************** END SIFR ************************************/