html {
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}

body {
	margin:0;
	padding:0;
	overflow:hidden;
	height:100%;
	background: url(../images/background.gif) #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #fff;
}

img {
	border: solid 1px #999999;
}

h1 {
	display: block;
	color: #c28ca7;
	font-size: 21pt;
	font-weight: normal;
	font-variant: small-caps;
	margin: 0 auto;
	padding: 15px 20px 35px 20px;
	text-align: center;
}

strong {
	font-weight: bold;
	color: #ecbfd6;
}

ul, li {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.clearLeft {
	display: block;
	width: 1px;
	height: 1px;
	clear: left;
}

.clear {
	display: block;
	width: 1px;
	height: 1px;
	clear: both;
}

#background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

#content,
#contentVideo,
#contentDispatch {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: 20;
}

	
	#content #contentColumn720,
	#contentVideo #contentColumn720,
	#contentDispatch #contentColumn720 {
		position: absolute;
		top: -50%;
		left: -360px;
		width: 720px;
		height: 100%;
		overflow: visible;
		z-index: 25;
	}
	
	#content #bckgdColumn720,
	#contentVideo #bckgdColumn720,
	#contentDispatch #bckgdColumn720 {
		position: relative;
		top: -340px;
		left: -360px;
		width: 720px;
		height: 680px;
		overflow: visible;
		z-index: 21;
	}



	#content #contentColumnFull,
	#contentVideo #contentColumnFull,
	#contentDispatch #contentColumnFull {
		position: absolute;
		top: -50%;
		left: -50%;
		width: 100%;
		height: 100%;
		overflow: visible;
		z-index: 25;
	}
	
	#content #bckgdColumnFull,
	#contentVideo #bckgdColumnFull,
	#contentDispatch #bckgdColumnFull {
		position: relative;
		top: -50%;
		left: -50%;
		width: 100%;
		height: 100%;
		overflow: visible;
		z-index: 21;
	}



	#content .content,
	#contentVideo .content,
	#contentDispatch .content,
	#content .center,
	#contentVideo .center,
	#contentDispatch .center {
		padding: 0 20px;
	}
	
		#content .marginLeft,
		#contentVideo .marginLeft,
		#contentDispatch .marginLeft,
		#content .marginRight,
		#contentVideo .marginRight,
		#contentDispatch .marginRight,
		#content .center,
		#contentVideo .center,
		#contentDispatch .center {
			display: block;
			height: 100%;
		}
		
		#content .marginLeft {
			padding-left: 12px;
			background: url(../images/content_left_bckgd.png) no-repeat;
		}
		
		#contentVideo .marginLeft,
		#contentDispatch .marginLeft {
			padding-left: 30px;
		}
		
		#content .marginRight {
			padding-right: 12px;
			background: url(../images/content_right_bckgd.png) top right no-repeat;
		}
		
		#contentVideo .marginRight,
		#contentDispatch .marginRight {
			padding-right: 30px;
		}
		
		#content .center,
		#contentVideo .center,
		#contentDispatch .center {
			background: url(../images/content_bckgd.png) repeat-x;
		}
	
		#content .top,
		#contentVideo .top,
		#contentDispatch .top {
			display: block;
			position: absolute;
			top: -50%;
			left: 0;
			width: 100%;
			height: 50%;
			z-index: 23;
		}
		
			#content .top .marginLeft {
				background: url(../images/content_top_left_bckgd.png) repeat-y;
			}
			
			#content .top .marginRight {
				background: url(../images/content_top_right_bckgd.png) top right repeat-y;
			}
			
			#content .top .center,
			#contentVideo .top .center,
			#contentDispatch .top .center {
				background: url(../images/content_top_bckgd.png);
			}
	
		#content .bottom,
		#contentVideo .bottom,
		#contentDispatch .bottom {
			display: block;
			position: absolute;
			top: 680px;
			left: 0;
			width: 100%;
			height: 50%;
			z-index: 24;
		}
		
			#content .bottom .marginLeft {
				background: url(../images/content_bottom_left_bckgd.png) repeat-y;
			}
			
			#content .bottom .marginRight {
				background: url(../images/content_bottom_right_bckgd.png) top right repeat-y;
			}
			
			#content .bottom .center,
			#contentVideo .bottom .center,
			#contentDispatch .bottom .center {
				background: url(../images/content_bottom_bckgd.png);
			}




		#content .content,
		#contentVideo .content,
		#contentDispatch .content {
			display: block;
			height: 90%;
		}

		#content .content li a,
		#contentVideo .content li a,
		#contentDispatch .content li a {
			padding-left: 15px;
			font-variant: small-caps;
			text-decoration: none;
			color: #FFF;
		}

		#content .content li a:hover,
		#contentVideo .content li a:hover,
		#contentDispatch .content li a:hover {
			text-decoration: underline;
			color: #c28ca7;
		}

			#content .content .main,
			#contentVideo .content .main,
			#contentDispatch .content .main {
				width: 100%;
				height: 95%;
				color: #FFF;
				overflow: auto;
			}
			
				#content .content .main ul.countries,
				#contentVideo .content .main ul.countries,
				#contentDispatch .content .main ul.countries {
					display: block;
					margin: 20px auto 0 auto;
					width: 300px;
				}
				
				#content .content .main ul.countries li,
				#contentVideo .content .main ul.countries li,
				#contentDispatch .content .main ul.countries li {
					float: left;
					text-align: center;
					width: 148px;
				}
				
				#content .content .main .col,
				#contentVideo .content .main .col,
				#contentDispatch .content .main .col {
					display: block;
					float: left;
					width: 33%;
				}
				
				#content .content .main .paratitle,
				#contentVideo .content .main .paratitle,
				#contentDispatch .content .main .paratitle {
					display: block;
					padding: 15px 15px 10px 15px;
					font-weight: normal;
					font-variant: small-caps;
					font-size: 12pt;
				}




	#enter,
	#enter2 {
		display: none;
		width: 100%;
		text-align: center;
	}
	
		#enter a,
		#enter2 a {
			text-decoration: none;
			color: #FFF;
		}
	
		#enter a:hover,
		#enter2 a:hover {
			text-decoration: underline;
		}



	#spots,
	#dispatch {
		display: block;
		height: 87%;
		padding: 30px 30px 5px 30px;
		overflow: hidden;
	}
	
	.spots {
		display: block;
		width: 656px;
		margin: 5% auto 0 auto;
	}
	
	.videoPlayer {
		display: block;
		height: 100%;
		width: 100%;
	}
	
	#videoPlayerSpot {
		display: block;
		width: 100%;
		height: 100%;
	}

	#videoPlayerSpot img {
		border: none;
		width: 100%;
		height: 100%;
	}

	#dispatch .dispatchContainer {
		display: block;
		border: solid 1px #333;
		background: url('../images/ra/intro_bckgd.gif') 50% -20px no-repeat #000;
		width: 747px;
		height: 420px;
		margin: 0px auto;
		text-align: center;
	}
	
	#dispatch .dispatchContainer .dispatchContentTitle {
		display: block;
		padding-top: 135px;
		font-variant: small-caps;
		color: #FFF;
		font-size: 15pt;
	}


.pinkButton2 {
	display: block;
	height: 68px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-size: 11pt;
	color: #FFFFFF;
}

	.pinkButton2 .borderLeft {
		display: block;
		float: left;
		width: 20px;
		height: 100%;
		background: url('../images/ra/pinkBtn.png') left top no-repeat;
	}

	.pinkButton2 .label {
		display: block;
		float: left;
		height: 100%;
		background: url('../images/ra/pinkBtn.png') -20px 0 no-repeat;
	}

	.pinkButton2 .borderRight {
		display: block;
		float: left;
		width: 20px;
		height: 100%;
		background: url('../images/ra/pinkBtn.png') right top no-repeat;
	}

a.mediumLabel {
	font-size: 15pt;
	line-height: 34pt;
	font-variant: small-caps;
}

a.mediumLabelMulti {
	font-size: 13pt;
	line-height: 13pt;
}

a.mediumLabelMulti .label {
	padding-top: 5px;
}


#footer {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 200px;
	overflow: visible;
	z-index: 60;
}

	#footer .deco {
		display: block;
		position: relative;
		top: -64px;
		width: 100%;
		height: 64px;
		background: url(../images/footer_bckgd.jpg) left bottom repeat-x;
	}

	#footer .deco .bckgd {
		display: block;
		width: 578px;
		height: 64px;
		margin-left: auto;
		margin-right: auto;
		background: url(../images/footer.png) no-repeat;
	}




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/scroll/bckgd.png) repeat-y;
}

.jScrollPaneDrag {
	position: absolute;
	background: url(../images/scroll/scroll.png) repeat-y;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/scroll/arrow_top.png) no-repeat;
	height: 27px;
}

a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/scroll/arrow_bottom.png) no-repeat;
	height: 27px;
}

a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}