/*
	WEBSITE: StadiumImpact  	
	STYLE: layout
    	
	1 - General style
	2 - Layout general style
	3 - Layout website style
	4 - Form style
	5 - Other style
	
*/
	/* 1 - GENERAL ================================================================ */
HTML,BODY {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

BODY {
	background: #A9A5AF url(../gfx/body_bg.gif) repeat-x center top;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,label,p,blockquote,th,td,a {
	font-family: arial;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

ol,ul {
	list-style: none;
}

a {
	cursor: pointer;
}

DIV.clear,BR.clear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}
BR.clear_all {
	clear: all;
}


/* DEFAULT FONT SETTINGS */
BODY,TD,DIV,P {
	font-family: arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #8D8D98;
	text-decoration: none;
}

/* DEFAULT FONT SETTINGS DIV#MAIN_CONTENT_MIDDLE */
DIV#main_content_middle TD,DIV#main_content_middle DIV,DIV#main_content_middle P {
	color: #3F3F3F;
}

/* 2 - LAYOUT GENERAL ========================================================= */
DIV#layout {
	position: relative;
	margin: 0 auto;
	height: auto;
	min-height: 100%;
	width: 982px;
	background-color: #1A2685;
	color: #fff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

DIV#website_container {
	position: absolute;
	z-index: 100;
	float: left;
	width: 982px;
	height: 256px;
	margin: 0;
}

/* 3 - LAYOUT WEBSITE ================================================================ */
P.clublogos{
	width:184px;
	text-align:left;
}

DIV#logo {
	position: absolute;
	width: 183px;
	height: 144px;
	margin: 39px 0px 0px 625px;
	text-align: left;
	z-index: 50;
}

DIV#logo IMG {
	width: 183px;
	height: 144px;
	background: url(../gfx/logo.png) repeat-x left top;
}

DIV#flash {
	width: 982px;
	height: 256px;
	background-color: #313B8A;
}

DIV#banner_advertisement {
	position: absolute;
	width: 115px;
	height: 18px;
	margin: 0px 0px 0px 913px;
	text-align: left;
	z-index: 40;
}

DIV#banner_demo_download {
	position: absolute;
	width: 137px;
	height: 19px;
	margin: 235px 0px 0px 835px;
	text-align: left;
	z-index: 30;
}

DIV#menu {
	position: absolute;
	width: 982px;
	height: 32px;
	margin: 221px 0px 0px 0px;
	text-align: left;
	border-bottom: 1px solid #ffffff;
	z-index: 20;
	background: url(../gfx/menu_bg.png) repeat-x left top;
}

DIV#menu DIV.container {
	float: right;
	height: auto;
	width: 546px;
}

DIV#middle {
	width: 984px;
	/* 982 + 2 : when the content is too big it will match the border lines left and right of DIV#layout */
	height: auto;
	background: #ffffff url(../gfx/middle_bg.gif) repeat-x left top;
	margin-left: -1px;
}

DIV#footer {
	width: 982px;
	height: 139px;
	margin-left: 1px;
	background: #ffffff url(../gfx/footer_bg.gif) repeat-x left top;
	overflow: hidden;
}

DIV#footer DIV.container {
	float: right;
	height: auto;
	width: 546px;
	color: #B2B6D3;
	margin: 12px 0px 0px 0px;
	font-size: 11px;
}

DIV#footer DIV.container A,DIV#footer DIV.container A:hover {
	color: #B2B6D3;
	font-size:11px;
}

/* MAIN CONTENT --------------- */
DIV#main_content {
	position: relative;
	height: auto;
	width: 436px;
	z-index: 1000;
}

DIV#main_content DIV.container {
	float: right;
	height: auto;
	width: 416px;
	margin-top: 86px;
	text-align: left;
}

DIV#main_content_header {
	height: 47px;
	width: 415px;
	padding: 8px 0px 0px 0px;
	background: url(../gfx/content_main_header.png) no-repeat left top;
}

DIV#main_content_header DIV.left {
	float: left;
	margin-left: 24px;
	width: 370px;
}

DIV#main_content_header DIV.right {
	float: right;
	padding-right: 3px;
}

DIV#main_content_middle {
	height: auto;
	width: 415px;
	min-height: 640px;
	background: url(../gfx/content_main_bg.png) repeat-y left top;
}

DIV#main_content_middle DIV.container {
	float: left;
	height: auto;
	width: 339px;
	margin: 18px 0px 0px 38px;
}

DIV#main_content_footer {
	height: 15px;
	width: 415px;
	background: url(../gfx/content_main_footer.png) no-repeat left top;
}

/* TABLE CONTENT --------------- */
DIV.table_description, DIV.table_input, DIV.table_wide {
	float: left;
	height: auto;
	margin: 0px;
}

DIV.table_description {
	padding-top: 3px;
	margin-top: 2px;
	width: 100px;
}

DIV.table_input {
	width: 229px;
	margin-top: 2px;
}

DIV.table_wide {
	width: 329px;
	margin-top: 2px;
}

/* RIGHT CONTENT --------------- */
DIV#right_content {
	float: right;
	height: auto;
	width: 554px;
	margin-right: 1px;
}

DIV#slogan {
	width: 100%;
	height: 58px;
	background: url(../gfx/slogan.gif) no-repeat left top;
}

DIV#news {
	width: 100%;
	height: 18px;
	background: url(../gfx/ticker_bg.gif) repeat-x left top;
}

DIV#news DIV.container {
	width: 537px;
	height: 18px;
	line-height: 18px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	margin-left: 8px;
	overflow: hidden;
	background: url(../gfx/spacer.gif) repeat-x left top;
}

DIV#submenu_container {
	width: 100%;
	height: 100%;
	background: url(../gfx/submenu_bg.jpg) no-repeat left top;
}

/* RIGHT CONTENT : 2 columns  --------------- */
TABLE.right_content_divider {
	width: 100%;
}

TABLE.right_content_divider TD.column1 {
	width: 197px;
	background: #ffffff url(../gfx/grey.gif) repeat-y right top;
	vertical-align: top;
}

TABLE.right_content_divider TD.column2 {
	width: 357px;
	background-color: #ffffff;
	vertical-align: top;
}

TABLE.right_content_divider TD.column1 P,TABLE.right_content_divider TD.column2 P
	{
	margin: 0px 0px 0px 13px;
	clear: both;
}

TABLE.right_content_divider TD.column2 P {
	padding-right: 14px;
}

DIV#reference_container {
	margin: 0px 0px 2px 4px; float:left;
}

div.hr {
	width: 100%;
	display: block;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background-color: #EDEDED;
	margin: 6px 0px 6px 0px;
	clear: both;
	float: left;
}

div.hr hr {
	display: none;
	clear: both;
}

/* 4 - FORM STYLES ======================================================= */
FORM#newsletter {
	width: 100%;
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

FORM#newsletter DIV.input, FORM#offerte INPUT.txf, FORM#offerte SELECT.sel, FORM#offerte TEXTAREA.txa {
	float: left;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-size: 12px;
	color: #8D8D98;
	overflow: hidden;
}

FORM#newsletter DIV.input {
	height: 22px;
	border: 1px solid #EDEDED;
}

FORM#offerte INPUT.txf {
	padding-top: 2px;
	padding-left: 2px;
	height: 17px;
	border: 1px solid #8D8D98;
}

FORM#offerte SELECT.sel {
	height: 20px;
	width: 131px;
	border: 1px solid #8D8D98;
}

FORM#offerte TEXTAREA.txa {
	height: 80px;
	width: 100%;
	font-family: Arial;
	border: 1px solid #8D8D98;
}

FORM#newsletter DIV.submit {
	float: left;
	width: 24px;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	overflow: hidden;
}

FORM#newsletter INPUT#emailaddress {
	float: left;
	width: 150px;
	font-size: 12px;
	color: #8D8D98;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 5px;
	background-color: #FFFFFF;
	border: 0;
}

INPUT#submit_newsletter {
	background: url(../gfx/submit_off.gif) no-repeat left top;
	width: 24px;
	height: 24px;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

INPUT#submit_login :hover {
	background-image: url(../gfx/submit_on.gif);
}



/* 5 - OTHER STYLES ======================================================= */
.skip {
	display: none;
}

DIV#noscript {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #0F1C75;
	height: 30px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #F2F2F2;
	z-index: 10000;
}

DIV#noscript DIV.container {
	height: 30px;
	width: 553px;
	margin: auto;
}

DIV#noscript DIV.container,DIV#noscript DIV.container A,DIV#noscript DIV.container A:hover
	{
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}