@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:white; }

html {
	height: 100%;
}

body {
	height: 100%;
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat-x;
	background-color:#262626;
}

h1 {
	margin:18px 0 30px 0;
}

h2 { 
	font-weight:normal;
	color:white;
	font-size:110%;
	/* used in sponsor_list */
}

h3 {
	/* defined in conferences_list.css and sponsor_detail.css */
	/* Used in index and sponsor_details */
}

h3 {
	font-size:135%;
	font-weight:normal;
	margin:0 0 6px 0;
	line-height:115%;
	/* additionnal styles defined in sponsor_detail.css */
}

h4 {
	/* not used yet */
}

h5 {
	/*margin-top:20px;
	font-size:95%;*/
	font-size:80%;
	font-weight:normal;
}

h6 {
	font-size:60%;
	color:#d5d5d5;
	font-weight:bold;
	/* additionnal styles defined in sponsor_detail.css and sponsor_list.css */
	/* used in sponsor_detail, sponsorship */
}


IMG {
	border:0;
}

P {
	margin-bottom:10px;
}

.fix_it {
	/* this class is only applied to BR tags or DIVs, and is used to fix a bug on firefow which makes the footer to go under the bottom of the page */
	/* origin of the bug: for some reason, firefox applies extra margins to the first element in the #main div */
	height:1px;
	margin:0;
	padding:0;
	line-height:1px;
	overflow:hidden;
	visibility:hidden;
}

.clear {
	/* is class is applied mainly to DIVs */
	/* origin of the bug: when using the float property with some elements, the floating has to be closed 
	to allow the browser to align the following elements correctly */
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	line-height:1px;
}

#container {
    position: relative;
	min-height: 100%;
	/*height: 100%;*/
}

	#main {
		background-image:url(../images/main_content_bg.jpg);
		background-repeat:no-repeat;
		padding-bottom:215px;
		margin:auto;
		width:994px;
	}
	
		#tabs {
			width:716px;
			margin: 32px auto 0 auto;
			padding:0 0 0 44px;
			background-image:url(../images/header_bg.gif);
			background-repeat:no-repeat;
			height:72px;
			min-height:72px;
		}
					
			#tabs A {
				padding:0px;
				float:left;
				margin:28px 2px 0 0px;
			}
			
			#tabs DIV {
				float:right;
			}
			
		DIV #back_link {
			float:right;
			padding: 10px 255px 0 0;
		}
		
		DIV #back_link A {
			text-decoration:none;
			font-size:60%;
			color:#666666
		}
		
		#content {
			width:500px;
			margin:0 auto 0 auto;
		}
		
		#content P {
			font-size:65%;
			color:#d5d5d5;
		}
		
		.boxreflection {
			margin-top:5px;
			height:40px;
			width:100%;
			background-image:url(../images/reflection_bg.gif);
			background-repeat:repeat-x;
		}


#footer {
    position: absolute;
    bottom: 0;
	width:100%;	
	text-align:center;	/* this will apply only to text and images */
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	background-color:#262626;
}