html, body, #wrapper {
      /*height:100%;*/
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
	  font-family:Arial, Helvetica, sans-serif;
}
body {
	/*background:url(../images/tileBackground.jpg) top left repeat;*/
}
#wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      width: 100%;
}
#splashEng {
	position:absolute;
	top:27px;
	left:205px;
	width:144px;
	height:75px;
}
#splashFra {
	position:absolute; 
	top:104px; 
	left:91px; 
	width:179px; 
	height:70px;
}
.tileBlue {
	height:13px;
	line-height:8px;
	font-size:8px;
	background:url(../images/tileBlue.gif) top left repeat-x;
	/*bottom:119px;left:auto;position:absolute;width:100%;*/
}
.tileBlue2 {
	height:13px;
	line-height:8px;
	font-size:8px;
	background:url(../images/tileBlue2.gif) top left repeat-x;
	/*bottom:119px;left:auto;position:absolute;width:100%;*/
}
.tileBottom {
	background:url(../images/tileBottom.jpg) top center no-repeat;
	background-color:#2f5f8e;
	height:119px;
	/*vertical-align:top;
	bottom:0px;left:auto;position:absolute;width:100%;*/
	/*border-bottom:4px solid #2b5880;*/
}
#padBottom {
	/*padding-bottom:132px;*/
	background-color:#fff;
}
.middle {
	vertical-align:top;
	/*height:100%;*/
	/*background-color:#ffffff;*//*2f5f8e*/
}	
#spaceTop {
	height:43px;
	background-color:#ffffff;
}
.wrapper2 {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}
.wrapper3 {
	margin-top:0;
}
a.nav {	
	display:block;
	text-indent:-1500px;
	overflow:hidden;
	position:absolute;
	cursor:pointer;
}
#navLobby a {
	width:217px;
	height:154px;
	background:url(../images/navLobby.png) 0 -6px;
	top:-35px;
	left:0px;
}
#navLobby a:hover { background-position: 0 -166px;}
#navWelcome a {
	width:217px;
	height:154px;
	background:url(../images/navWelcome.png) 0 -6px;
	top:-35px;
	left:0px;
}
#navWelcome a:hover { background-position: 0 -166px;}
#navBienvenue a {
	width:210px;
	height:150px;
	background:url(../images/navBienvenue.png) 0 -6px;
	top:-31px;
	left:760px;
}
#navBienvenue a:hover { background-position: 0 -162px;}
#navManager a {
	width:210px;
	height:150px;
	background:url(../images/navManager.png) 0 -6px;
	top:-31px;
	left:760px;
}
#navManager a:hover { background-position: 0 -162px;}
#navLounge a {
	width:215px;
	height:112px;
	background:url(../images/navLounge.png) 0 -0;
	top:-109px;
	left:0px;
}
#navLounge a:hover { background-position: 0 -112px;}
#navRink a {
	width:209px;
	height:133px;
	background:url(../images/navRink.png) 0 0;
	top:-116px;
	left:760px;
}
#navRink a:hover { background-position: 0 -133px;}
#butFacebook a {
	width:92px;
	height:19px;
	background:url(../images/butFacebook.png) 0 0;
	top:13px;
	left:403px;
}
#butFacebook a:hover {background-position: 0 -19px;}
#butYoutube a {
	width:68px;
	height:27px;
	background:url(../images/butYoutube.png) 0 0;
	top:12px;
	left:520px;
}
#butYoutube a:hover {background-position: 0 -27px;}
#butMyspace a {
	width:97px;
	height:27px;
	background:url(../images/butMyspace.png) 0 0;
	top:12px;
	left:540px;
}
#butMyspace a:hover {background-position: 0 -27px;}
#butTwitter a {
	width:99px;
	height:20px;
	background:url(../images/butTwitter.png) 0 0;
	top:14px;
	left:540px;
}
#butTwitter a:hover {background-position: 0 -20px;}
#footerNav {
	padding-top:53px;
	font-size:11px;
	color:#fff;
	text-align:center;
}
#footerNav a{
	color:#fff;text-decoration:none;
}
#footerNav a:hover {text-decoration:underline;}
#prosar {
	padding-top:30px;
	font-size:10px;
	color:#fff;
	text-align:center;
}
#prosar a{
	color:#fff;text-decoration:none;
}
#prosar a:hover {text-decoration:underline;}

#contentBase {
	height:15px;
	font-size:10px;
	line-height:10px;
	background:url(../images/contentBase.jpg) top left no-repeat;
}
#contentMiddle {
	padding-right:3px;
	background:url(../images/contentMiddle.jpg) top center repeat-y;
}
#contentTop {
	height:17px;
	font-size:10px;
	line-height:10px;
	background:url(../images/contentTop.jpg) top left no-repeat;
}
/**/
#logo {
	position:absolute;
	top:-35px;
	left:8px;
}
#topNav {
	height:45px;
	margin-left:auto;
	margin-right:auto;
	width:714px;
	text-align:right;
	position:relative;
}
ul#nav {
	position:absolute;
	top:-43px;
	right:47px;
	z-index:9001; /*over nine thousand?*/
	text-align:right;
	width: 706px;
}
a.navItem {
	text-transform:uppercase;
	color:#006cb5;
	text-decoration:none;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	padding:12px 12px 12px 12px;
	line-height:42px;
	font-size:13px;
	border:1px solid #fff;
}
a.navItem:hover {
	background-color:#c0cde8;
	border:1px solid #c0cde8;
}
#pageContent {
	padding:50px 150px 80px 150px;
	text-align:left;
	font-size:12px;
	line-height:18px;
}
#pageContent h1, #pageContent h2, #pageContent h3 {
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
}
#pageContent a {
	color:#a91117;
	text-decoration:none;
	
}
#pageContent a:hover {
	text-decoration:underline;
}
h1 {
	text-align:right;
	color:#005482;
	border-bottom:2px solid #a91117;
	font-size:24px;
	line-height:36px;
}
h2 {
	color:#a91117;
	font-size:18px;
	line-height:26px;
	font-style:italic;
}
h3 {
	color:#005482;
	font-size:16px;
	line-height:22px;
}
a.destination {	
	position:absolute;
	width:37px;
	height:37px;
	background:url(../images/destination.png) top left no-repeat;
}
a.destination:hover {
	background-position:0 -37px;
}
.face {
	position:absolute;
}
.dropdown {
	position:absolute;
	opacity: 0.65;
	filter:alpha(opacity=65);
	border-top:2px solid #ffffff;
	background-color:#000000;
	padding:5px;
	color:#ffffff;	
	font-size:10px;
}
ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}


li { /* all list items */
	float: right;
	position: relative;
	/*width: 10em;*/
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	text-align:left;
	font-size:11px;
	line-height:18px;	 	
	opacity: 0.85; 
	filter:alpha(opacity=85);
	background-color:#b6c5e5;
	z-index:9010;
}
li ul li {
	float:none;
	display: block;
	padding: 1px 15px;
	background-color:#b6c5e5;
}
li ul li a {	
	text-decoration: none;
	color:#005482;	
}
li ul li a:hover {
	background-color: #b6c5e5;
	color:#000000;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	background-color:#c0cde8;
}
li:hover a.navItem:hover, li.over a.navItem:hover {
	background-color:#c0cde8;
	border:1px solid #c0cde8;
}
li:hover a.navItem, li.over a.navItem:hover {
	background-color:#c0cde8;
	border:1px solid #c0cde8;
}
#pageContent ul {
	padding:0 0 0 5px;
	margin:8px 0 8px 15px;
	list-style:circle;
}
#pageContent li {
	float:none;
	position:inherit;
}
#pageContent li ul { /* second-level lists */
	display:block;
	position: inherit;
	text-align:left;
	font-size:inherit;
	line-height:inherit; 	
	opacity: 1; 
	filter:alpha(opacity=100);
	background-color:#fff;
	list-style:circle;
}
#pageContent li ul li {
	float:none;
	display: block;
	padding: 0 0 0 0;
	background-color:#fff;
	position:inherit;
}
#pageContent li:hover ul, #pageContent li.over ul { /* lists nested under hovered list items */
	display: block;
	background-color:#fff;
}
.legal {
	font-size:0.9em;
	
	font-style:italic;
	padding:0 20px 0 20px;
}
.legal p {
	margin:5px 0;
}
.hurryHard {
	float:right;
}
#message {
	padding:10px;
	margin-bottom:10px;
	background-color:#eeeeee;
	border-bottom:1px solid #a91117;
	border-top:1px solid #a91117;
}
form input, form select {
	width:50%;
}
.noWidth {
	width:auto;
}

