﻿

 /* body style */
body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #F79344;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
 /* top background image */
.page_top_bg
{
    background: url(../../images/bg_top_2.gif) repeat-x;
    background-position: left top;
	position: relative;
}
 /* bottom background image */
.page_bottom_bg
{
    background-image: url(../../images/bg_bottom.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
	position: relative;

    }
	
	
 /* website container*/	
.thrColElsHdr #container {
	width: 62.5em;  
	background: #F79344;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-image: url(../../images/statue_eiffel.png);
    background-repeat:no-repeat;
    background-position: bottom left;
	position: relative;
} 
 /* header */
.thrColElsHdr #header { 
	background-image:url(../../images/header.png);
	background-repeat:no-repeat;
	width: 62.5em;
	height: 13.4375em;
} 

.thrColElsHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.countdown
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
    margin: 0 auto;
	text-align:center;
	height:5px;
    }

 /* left column navigation column */
.thrColElsHdr #sidebar1 {
    margin-top:2em;
	float: left; 
	height:41.125em;
	width: 11.8125em;
	padding: 0px ;
	background-image: url(../../images/side_column_1.png);
    background-repeat: no-repeat;
	background-position:top;
	}

 /* navigation links holder */
.navigationholder  {
margin-top: 4em;
margin-left: 0.9375em;
font-size: 0.8125em;
font-weight: bold;

}

 /* right column sponsors column */
.thrColElsHdr #sidebar2 {
    margin-top: 2em;
	float: right; 
	width: 11.4375em; /* since this element is floated, a width must be given */
	border:solid 0.1875em;
    border-color: #7C1C20;
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px; /* top and bottom padding create visual space within this div */
	background-image: url(../../images/sponsors_column.png);
    background-repeat: no-repeat;
	background-position:top;
	height: auto !important; /* for modern browsers */
	height: 41.125em; /* for IE5.x and IE6 */
	min-height:41.125em; /* for modern browsers */
}

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

 /* main content holder*/
.thrColElsHdr #mainContent {
	margin: 0px 192px 0px 214px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background-color: #FFFFFF;
	padding-top: 15px;
	border-right: solid 0.1875em;
	border-left: solid 0.1875em;
	border-left-color: #7C1C20;
	border-right-color: #7C1C20;
	width: 35.625em;
	color:#000000;
	height: auto !important; /* for modern browsers */
	height: 55.25em; /* for IE5.x and IE6 */
	min-height:55.25em; /* for modern browsers */
} 


 /* footer style*/
.thrColElsHdr #footer { 
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	background-image:url(../../images/footer.gif);
	background-repeat:no-repeat;
	height:9.0625em;
} 

 /* footer contact information text style*/
.footertext{
	margin: 0px; 
	padding-top: 10px; 
	color:#FFFFFF;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

/* footer links style */
.footertext2{
	margin: 0px; 
	padding-top: 10px; 
	font-size:0.75em;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0.5em;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0.5em;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 0.0625em;
    line-height: 0px;
}

/* orange text style*/
.style3 {
color:#7B1C20;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

/* wine text style*/
.style4 {
color:#7B1C20;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}



/* orange large text header style*/
.headerstyle2 {
margin-right:13px;
margin-left:13px;
margin-bottom: 0px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
background-color:#7B1C20;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.125em ;
}

/* orange medium text header style*/
.headerstyle3 {
margin-right:13px;
margin-left:13px;
margin-bottom: 0px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
background-color:#7B1C20;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.875em;
}

/* paragraphe dotted border style*/
.paragraphstylecontact2 {
	margin-right:0.9375em;
	margin-left:0.9375em;
	margin-bottom:0.9375em;
	padding: 0.625em;
	border-bottom:dotted #7B1C20;
	border-right:dotted #7B1C20;
	border-left:dotted #7B1C20;
	border-width: 0.125em;
	font-family: Arial, Helvetica, sans-serif; font-size: 0.875em;
	line-height:18px;
}



 /* side navigation link styles */
a.navigation:link {
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}     /* unvisited link */
a.navigation:visited {
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}  /* visited link */
a.navigation:hover {
	text-decoration:underline;
	color: #C85127;
	font-weight: bold;
	
}   /* mouse over link */
a.navigation:active {
	text-decoration:underline;
	color: #C85127;
	font-weight: bold;
}   /* selected link */


 /* body link styles */
a.navigation2:link, .paragraphstylecontact2 a:link {
	text-decoration:none;
	color: #C85227;
	font-weight: bold;
}     /* unvisited link */
a.navigation2:visited, .paragraphstylecontact2 a:visited {
	text-decoration:none;
	color: #C85227;
	font-weight: bold;
}  /* visited link */
a.navigation2:hover, .paragraphstylecontact2 a:hover {
	text-decoration:none;
	color: #6A2225;
	font-weight: bold;
	
}   /* mouse over link */
a.navigation2:active, .paragraphstylecontact2 a:active {
	text-decoration:none;
	color: #6A2225;
	font-weight: bold;
}   /* selected link */


 /* footer link styles */
a.navigation3:link {
	text-decoration:none;
	color: #ffffff;
	font-weight: bold;
}     /* unvisited link */
a.navigation3:visited {
	text-decoration:none;
	color: #ffffff;
	font-weight: bold;
}  /* visited link */
a.navigation3:hover {
	text-decoration:underline;
	color: #F79344;
	font-weight: bold;
	
}   /* mouse over link */
a.navigation3:active {
	text-decoration:underline;
	color: #F79344;
	font-weight: bold;
}   /* selected link */

/* navigation column style*/
ul.navigation {
margin-left: 0; 
padding-left: 0;
list-style-type: none;
}
	
li.navigation {
margin-left: 0; 
padding-left: 0;
list-style-type: none;
margin-bottom: 2px;
}

/* sponsors column style*/
ul.sponsors {
margin-top: 3.75em;
text-align:center;
font-size: 14px; 
font-weight: bold;
list-style-type: none;
margin-left: 0; 
padding-left: 0;
}
	
li.sponsors {
list-style-type: none;
margin-left: 0px; 
padding-left: 0px;
font-size: 14px; 
font-weight: bold;
margin-bottom: 5px;
}

ul.exhibitor {
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0; 
padding-left: 0;}
	
li.exhibitor {
list-style-type:disc;
margin-top: 0;
margin-left: 16px; 
padding-left: 0;
}







