body  {
	background: #000 url('../images/bg_tile.gif') repeat-x;
	margin: 0;
	padding: 0;
	text-align: center; /* for IE */
}
.date {
	font:  normal 14px/16px Arial;
	letter-spacing: 0.42em;
	color: #D4D4D4;
	text-align: left;
	margin-left: 30px;
}

/* ========== ARCHITECTURE ========== */
img { behavior: url("../extras/iepngfix.htc"); }
#clearMe { clear: both; }

#mainContainer {
	width: 800px;
	margin: 0 auto;
}
#mainHeader {
	height: 114px;
	width: 931px;
	margin: 0 auto;
}
img.title {
	float: left;
}
#navContainer {
	width: 800px;
	height: 52px;
	background: transparent url('../images/bg_nav.png') repeat-x;
	padding-top: 3px;
}
#mainContent {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #000;
	background-color: white;
	width: 490px;
	text-align: left;
	color: #666;
	font:  normal 11px/13px "Century Gothic";
	padding: 30px;
}
#mainContent a:link { color: #6699CC; text-decoration: none; }
#mainContent a:visited { color: #6699CC; text-decoration: none; }
#mainContent a:hover { color: #666; text-decoration: none; }

#mainPhoto {
	width: 190px;
	padding: 30px;
	background: #FFF url('../images/bg_photo.jpg') bottom left no-repeat;	
	border-bottom: 1px solid #000;
}
#attendeeList {
	width: 240px;
	float: left;
}
#attendeeList img {
	margin: 0 5px 0 0;
}

#footerLeft {
	width: 510px;
	height: 150px;
	padding: 20px;
	background: transparent url('../images/bg_reflect_footer.jpg') repeat-x;
}
#footerRight {
	width: 190px;
	padding: 30px;
	background: transparent url('../images/bg_photo_footer.jpg') repeat-x;
}
.logo {
	float: left;
}


/* ========== NAVIGATION ========== */

#navLinks {
	font:  normal 11px/13px "Century Gothic";
	margin: -3px 0 0 -10px;
}
ul#navList {}

ul#navList li {
	list-style: none;
	float: left;
	margin: 8px 2em 0 0;
}
ul#navList a:link { color: white; text-decoration: none; }
ul#navList a:visited { color: white; text-decoration: none; }
ul#navList a:hover { color: #99CCFF; text-decoration: none; }



/* ========== CONTENT ========== */


/* ========== FOOTER ========== */
#footerLinks {
	color: #CCC;
	font:  normal 10px/14px "Century Gothic";
	text-align: right;
}
#footerLinks a:link { color: #FFF; text-decoration: none; }
#footerLinks a:visited { color: #FFF; text-decoration: none; }
#footerLinks a:hover { color: #99CCFF; text-decoration: none; }


/* ========== H1 PAGE TITLES ========== */
/* === change H1 tags to images === */
h1.title_Bienvenue { width: 260px; height: 45px; display: block; margin-left: -10px; background: #FFF url('../images/hdr_bienvenue.gif') no-repeat; }
h1.title_eventSchedule { width: 260px; height: 45px; display: block; margin-left: -8px; background: #FFF url('../images/hdr_eventschedule.gif') no-repeat; }
h1.title_aboutMarseilles { width: 260px; height: 45px; display: block; margin-left: -12px; background: #FFF url('../images/hdr_aboutmarseilles.gif') no-repeat; }
h1.title_whosComing { width: 260px; height: 45px; display: block; margin-left: -10px; background: #FFF url('../images/hdr_whoscoming.gif') no-repeat; }
h1.title_travelTips { width: 260px; height: 45px; display: block; margin-left: -12px; background: #FFF url('../images/hdr_traveltips.gif') no-repeat; }
h1.title_sponsors { width: 260px; height: 45px; display: block; margin-left: -10px; background: #FFF url('../images/hdr_sponsors.gif') no-repeat; }
h1.title_istockaWhat { width: 260px; height: 45px; display: block; margin-left: -6px; background: #FFF url('../images/hdr_istockawhat.gif') no-repeat; }
h1.title_eventTickets { width: 260px; height: 45px; display: block; margin-left: -6px; background: #FFF url('../images/hdr_buytickets.gif') no-repeat; }
h1.title_models { width: 260px; height: 45px; display: block; margin-left: -6px; background: #FFF url('../images/hdr_models.gif') no-repeat; }

/* === hide the H1 text from view (we still want the text present in the HTML so that browsers can read it and say ... Oh, that text is important ... ) === */
h1.title_Bienvenue b, h1.title_eventSchedule b, h1.title_aboutMarseilles b, h1.title_whosComing b, h1.title_travelTips b, h1.title_sponsors b, h1.title_istockaWhat b, h1.title_eventTickets b, h1.title_models b { display: none; }


#whosComingTable p {
	font-size: 12px;
	color: #666;
}
/* XML Attendees List Styles (not applied) */
/* ===
For this to work, the following line must be added to the XML file so that it can find these styles.
<?xml-stylesheet type="text/css" href="estyle.css"?>

#whosComingTable userID {}
#whosComingTable avatarID {}
#whosComingTable orderID {}
#whosComingTable isstaff {}
#whosComingTable name {}
#whosComingTable quantity {}
#whosComingTable country {}
===*/