/* CSS Document */

html								{ overflow: auto; }
body								{ background:#081953; color:#081953; font-family:Arial,Helvetica,sans-serif; font-size:12px; color: #FFFFFF; margin:0;}
a									{ text-decoration: none; color: #FFFFFF; }
p									{ padding: 0; margin:0;}

h1									{ margin: 0; padding: 0; }
h1 span								{ display: none; }
h2									{ font-size:16px; margin:0 0 14px; padding:0; }

div.container-holder				{ }
div.container 						{ width: 750px; margin: 0 auto; }

/* HEADER */

div.header-left						{ background:url(/images/header-left.jpg); height:120px; margin-left:-21px; position:absolute; top:159px; width:21px;}
div.header							{ background:url(/images/header.jpg); width:750px; height:439px;}

/* MAIN MENU */

div.main-menu						{ padding-top: 362px; overflow:auto; }
div.main-menu ul 						{ margin:0; padding: 0;}
div.main-menu ul li 					{ background: url(/images/spacer.jpg) right top no-repeat; display:inline-block; float:left; }
div.main-menu ul li a.main				{ background: url(/images/bullets-main.png) -61px 15px no-repeat #2B5AA2; display:inline-block; margin-right: 1px;  width: 184px; height: 62px; font-size: 20px; font-weight:bold; position:relative; padding:15px 15px 0 50px; outline: none; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}				 
div.main-menu ul li a.main:hover		{ background-position: -61px -56px; /* filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;*/ color: #B4C6EB; }
div.main-menu ul li:hover a.main		{ height: 55px;}

div.main-menu ul li p.border,
div.main-menu ul li p.menu-txt 	 	{ display:none;  padding:0 15px 15px 50px;  width: 184px; font-size: 12px; line-height: 15px; font-weight: normal;  }	
div.main-menu p.menu-txt a			{ background: none; font-size: 12px; }
div.main-menu ul li:hover p.menu-txt	{ display:block; color:#FFFFFF;  position:relative; background: #2B5AA2; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}								 
div.main-menu ul li:hover p.border		{ display:block; background:url(/images/main-menu-hover.png) no-repeat; position:relative; }							 
div.main-menu ul li p					{ font-size: 12px; line-height: 15px; color: #B4C6EB; font-weight: normal;}
div.main-menu ul li:hover p			{ color: #FFFFFF; }	

div.main-menu ul li a.sublinks			{ text-decoration: underline; background:url(/images/sublink-img.gif) left center no-repeat; padding: 0px 0 0 10px; font-size: 12px; color: #B4C6EB;}
div.main-menu ul li a.sublinks:hover	{ color: #FFFFFF; }

div.main-menu ul li.last a.main		{ width: 185px; margin: 0;}
div.main-menu ul li.last p.menu-txt	{ width: 185px; }


/* MID MENU */

div.mid								{ background: url(/images/bg-buttons.jpg) left top no-repeat #042F68; height: 81px; }
div.mid ul 							{ margin:0; padding: 0 0 0 10px;}
div.mid ul li							{ background: url(/images/buttons.png) no-repeat; display:inline; margin:17px 0 0 0; float:left;}
div.mid ul li a						{ display:inline-block;  width: 172px; height: 39px; font-size: 12px; font-weight:bold; padding: 7px 5px 0px 7px; cursor:pointer;}
div.mid ul li a.btn-1 					{ background: url(/images/bullets-main.png) 140px 9px no-repeat;  }
div.mid ul li a.btn-2 					{ background: url(/images/bullets-main.png) 140px 9px no-repeat;  }
div.mid ul li a.btn-3 					{ background: url(/images/bullets-main.png) 140px 9px no-repeat;  }
div.mid ul li a.btn-4 					{ background: url(/images/bullets-main.png) 140px 9px no-repeat; /*background: url(/images/logo-Roland-Garros.png) 135px 6px no-repeat;*/  }
div.mid ul li a p						{ width: 130px; height: 30px; vertical-align:middle }
div.mid	ul li a.btn-1:hover,
div.mid	ul li a.btn-2:hover,
div.mid	ul li a.btn-3:hover,
div.mid	ul li a.btn-4:hover			{ background: url(/images/bullets-main.png) 140px -62px no-repeat;}

/* BOTTOM */

div.bottom							{ }
div.bottom div.bottom-1				{ background:#848DAC; height: 15px; border-bottom:5px solid #FFFFFF; padding:20px; text-align:center; }
div.bottom div.bottom-1 span 			{ background:url(/images/dot.png) center center no-repeat; height:12px; padding:0 7px; width:12px;}
div.bottom div.bottom-2				{ background:url(/images/bg-bottom.png) bottom no-repeat #FF8700; text-align:center; padding:14px 10px 20px; height:100px;}
div.bottom div.bottom-2 div.acc 		{ padding-top:15px;margin-top:15px;border-top:dotted 1px #FFAE55; }
div.bottom div.bottom-2	.field		{ height:17px; vertical-align:middle; width:120px; }
div.bottom div.bottom-2 a.login		{ display:inline-block; background:url(/images/buttons-login.png) no-repeat; width: 80px; height: 20px; vertical-align:middle;}
div.bottom div.bottom-2 a.login:hover	{ background-position: 0px -20px ; }
div.bottom div.bottom-2 a.login span 	{ display:none; }
div.bottom div.bottom-2 a.account		{ display:inline-block; background:url(/images/buttons-login.png) 0px -40px no-repeat; width: 118px; height: 20px; vertical-align:middle; }
div.bottom div.bottom-2 a.account:hover{ background-position: 0px -60px ; }
div.bottom div.bottom-2 a.account span { display:none; }

form								{ margin: 0; padding: 0; }

/* FOOTER */

div.footer							{ }
div.niolite-enabled a				{ background:url(/images/niolite-logo.png) no-repeat; float:right; height:29px; margin:2px 20px 0 0; width:103px; }
div.niolite-enabled a span			{ display: none; }
div.footer-mid						{ padding-top: 0; clear:both; overflow:auto;}
div.footer div.mid-1					{ float:left; }
div.footer div.mid-1 ul				{ margin:0 0 0 65px; padding:0;}
div.footer div.mid-1 ul li	span		{ display: none; }
div.footer div.mid-1 ul li 				{ display:inline; margin-right: 2px;}
div.footer div.mid-1 ul li a			{ display:inline-block; background:url(/images/footer-buttons.png) no-repeat; width: 65px; height: 32px; }

div.footer div.mid-1 ul li.hyves a		{ }
div.footer div.mid-1 ul li.twitter a 	{ background-position: -65px 0px; }
div.footer div.mid-1 ul li.youtube a 	{ background-position: -130px 0px; }
div.footer div.mid-1 ul li.hyves a:hover{ background-position: 0px -32px; }
div.footer div.mid-1 ul li.twitter a:hover { background-position: -65px -32px; }
div.footer div.mid-1 ul li.youtube a:hover { background-position: -130px -32px; }

div.footer div.mid-2					{ float: left; margin: -5px 0 0 20px;}
div.footer div.mid-2 a				{ display:block; background:url(/images/footer-buttons.png) -195px 0px no-repeat; width: 108px; height: 42px; outline: none;}
div.footer div.mid-2 a span			{ display: none; }
div.footer div.mid-3 					{ float: left; color: #CCCCCC; font-size: 11px; margin: 10px 0 0 20px;}
div.about							{ color: #CCCCCC; font-size: 11px; text-align:center; position:absolute; width:750px; margin-top: 790px; }