/*--------------------------------
			TAGS
--------------------------------*/

*{
	margin: 							0;
	padding:  							0;
	border: 							0;
}

html, body {
	font:								16px/1.1em Verdana, Arial, Helvetica, sans-serif;/*16px;*/
	color:								#2b1c55;
	/*background:							url(/img/bkg_repeat.jpg) top left repeat;*/
	background:							#f7f1fb url(/img/bkg_center.jpg) top center repeat-y;
}
p {
	font-size:							0.8em;
	margin-bottom:	 					1em;
}
img {
}
a { 
	color:								#8770b4;
}
a:hover {
}
h1 {
	font-size:							1.4em;
	line-height:						1em;
	margin-bottom:						0.4em;
	color:								#866CB2;
}
h2 {
	font-size:							1em;
	line-height:						1em;
	margin-bottom:						0.4em;
	color:								#ED3C1A;
}
h3 {
	font-size:							1em;
	margin-bottom:						0.6em;
	font-weight:						normal;
}
h4 {
	font-size:							1em;
	font-weight:						bold;
	margin-bottom:						0.4em;
}
h5 {
	font-size:							0.9em;
	font-weight:						normal;
	font-style:							italic;
	margin-bottom:						0.4em;
}
ul { 
	font-size:							0.8em;
	margin-bottom:						1em;
	margin-left:						2em;
}	
li {
	margin-bottom:						0.4em;
}
table {
/* 	font-size:							0.8em; */
	margin-bottom:						1em;
}
td {
	vertical-align:						top;
	padding:							3px 2px 3px 1px;	
}

hr {
	margin:								15px 0;
}

input {
	background-color:#ffffff;
	height: 20px;
}

select {
	border: 1px solid #ccc;
	height: 24px;
	padding: 3px;
	color : #907CB9;
	font-weight: bold;
	width: 200px;

}

button {
	border: none;
	background-color: transparent;
}

input:focus {
	background-color:#ffffff;
}

#bigdonation {

}

#donateform input  {
	height: 30px;
	width: 130px;
	font-size: 25px;
	color : #907CB9;
	font-weight: bold;
	text-align:right;
}

#donateform {
	margin: 0 auto;
	width: 400px;
	font-size: 16px;
}

ol{
	list-style: none;
}
/*--------------------------------
			Classes
--------------------------------*/

.clear {
	clear:								both;
}
.left {
	float:								left;
}
.right {
	float:								right;
}
img.left {
	margin-right:						10px;
	margin-bottom:						10px;
}
img.right {
	margin-left:						10px;
	margin-bottom:						10px;
}

.floatleft {
	float:left;
	margin:0 10px 25px 0; /*0 10px 15px 0; */
}
.hidden {
	display: none;
}


/*--------------------------------
			Structure
--------------------------------*/

#all, #header, #content, #column_main, #column_secondary, #footer {
	position: 							relative;/**/
}
#all, #header, #content, #footer {
	clear:								both;
}
#all {
	width: 								940px;
	margin: 							0 auto;
}
#header {
	position:							relative;
	height: 							25px;
	padding:							10px 0 10px 0;
}
#content {
}
#column_main {
	float:								right;
	width:								635px;
	width: expression(document.body.clientWidth < 625? "625px" : document.body.clientWidth > 625? "625px" : "auto");
	padding:	            			20px 20px 20px 15px; * padding: 2px;
}
#column_secondary {
	float:								left;
	width:								261px;
	/*background-color:					#EEF7FC;
	padding:							15px; */
	margin:								10px 0;
}


/*--------------------------------
		Barre de Navigation
--------------------------------*/

#nav {
	width:								679px;
	margin-left:						261px;
}
/*#nav.with_submenu {
	height:								50px;
}*/
#nav ul {
	list-style-type:					none;
	font-size:							0.9em;
	position:							relative;
	/*background-color:					beige;*/ /* MENU BACKGROUND COLOR */
	width:								679px;
	height:								47px;
	margin:								0;
	padding:							0;
}
#nav li {
	float:								left;
	text-align:							center;
	margin:								0;
}
#nav li a {
	display:							block;
	float:								left;
	height:								47px; /* SAME FOR HEIGHT AND LINE HEIGHT */
	line-height:						47px; /* SAME FOR HEIGHT AND LINE HEIGHT */
	color:								#000;
	text-decoration:					none;
}
#nav li a span {
	display:							none;
}
#nav li.thispage a {
	background-color:					#FFF;
	/*color:								#FFF;*/
}
#nav li a:hover {
	color:								#FFF;
}
	/* --- SUBMENU STARTS HERE ---  */
	#nav li ul {
		display:							none;		
		position:							relative;
		font-size:							0.8em;
		font-family:						Arial, Verdana, Helvetica, sans-serif;
	}
	#nav ul ul {
		/*float:								left;*/
	}
	#nav li.thispage ul {
		display:							block;
		position:							absolute;
		top:								47px;
		left:								0;
		height:								31px;/*23px;*/
		/*background-color:					#FFF;*/ /* SUBMENU BACKGROUND COLOR */
		background:							url(/img/submenu_bkg.jpg) top left no-repeat #FFF;
	}
	#nav ul ul li a {
		display:							block;
		width:								auto;
		height:								23px;/*15px;*/ /* SAME FOR HEIGHT AND LINE HEIGHT */
		line-height:						23px;/*15px;*/ /* SAME FOR HEIGHT AND LINE HEIGHT */
		padding:							0 15px;
		margin:								4px 0 3px 0;
		border-right:						1px solid #927EB9;
	}
	#nav li.thispage ul li a {
		background-color:					transparent;
		color:								#866CB2;
	}
	#nav li.thispage ul li a:hover {
		/*background-color:					yellow;*/
		text-decoration:					underline;
	}
	#nav li.thispage ul li.thispage a {
		/*background-color:					yellow;*/
		font-weight:						bold;
	}
	
/* --- Top navigation image replacement ---*/
#home, #about, #campaign, #events, #ways_to_contribute, #contact {
	height:									47px;
	background:								top left no-repeat #FFF;
}
#home {
	width:									94px;
	background-image:						url(/img/nav_home.jpg);
}
#about {
	width:									103px;
	background-image:						url(/img/nav_about.jpg);
}
#campaign {
	width:									109px;
	background-image:						url(/img/nav_campaign.jpg);
}
#events {
	width:									91px;
	background-image:						url(/img/nav_events.jpg);
}
#ways_to_contribute {
	width:									157px;
	background-image:						url(/img/nav_ways_to_contribute.jpg);
}
#contact {
	width:									106px;
	background-image:						url(/img/nav_contact.jpg);
}
/* topnav over */
.thispage #home {
	background-image:						url(/img/nav_home_over.jpg);
}
.thispage #about {
	background-image:						url(/img/nav_about_over.jpg);
}
.thispage #campaign {
	background-image:						url(/img/nav_campaign_over.jpg);
}
.thispage #events {
	background-image:						url(/img/nav_events_over.jpg);
}
.thispage #ways_to_contribute {
	background-image:						url(/img/nav_ways_to_contribute_over.jpg);
}
.thispage #contact {
	background-image:						url(/img/nav_contact_over.jpg);
}

.clear {
	clear: both;
}

/*--------------------------------
			Particularites
--------------------------------*/

/* --- HEADER --- */
#logo {
	width:								250px;
	height:								80px;
	/*margin-top: 						10px;*/
	position: absolute;
}
#topright_info {
	width:								550px;
	height:								70px;
	position:							absolute;
	top:								0;
	right:								0;
	text-align:							right;
	font-size:							0.7em;
	color:								#8770b4;
}
#topright_info a {
	text-decoration:					none;
}
#topright_info a:hover {
	text-decoration:					underline;
}

/* --- SPLASH IMAGE AREA --- */
#splash {
	height:								215px;
}
#splash_left {
	width:								261px;
	height:								215px;
	float:								left;
	background:							url(/img/splash_left_bkg.jpg) top left no-repeat #8F7BB8;
}
#splash_left h3 {
	color:								#F9DA47;
	margin:								10px 0;
	font-size:							1.1em;
	font-weight:						bold;
}
#splash_left p {
	color:								#FFF;
	font-size:							10px;
	line-height:						1.2em;
	margin-bottom:						0.8em;
}
#splash_left div {
	padding:							5px 10px;
}
#splash_right {
	width:								679px;
	height:								215px;
	float:								left;
}

.exec img{width:150px; height:113px;}

/* --- COLUMN MAIN --- */
#column_main ul{ 
}

/* --- COLUMN SECONDARY --- */
#column_secondary div{
	background:							url(/img/leftbox_bot.gif) bottom left no-repeat #fff4c5;
	margin:								0 0 18px 0;
	padding:							0 0 20px 0;
}
#column_secondary div h3 {
	display:							block;
	height:								43px;
	background:							url(/img/leftbox_top.jpg) top left no-repeat #FFFFFF;
}
#column_secondary div h3 span {
	display:							none;
}
#column_secondary div.events h3 {		background-image:url(/img/leftbox_top_events.jpg);}
#column_secondary div.campaign h3 {		background-image:url(/img/leftbox_top_campaign.jpg);}
#column_secondary div.newsletter h3 {	background-image:url(/img/leftbox_top_newsletter.jpg);}
#column_secondary div.postcard h3 {	background-image:url(/img/leftbox_top_holidaycards.jpg);}

#column_secondary div h4 {
	margin-bottom:						0.4em;
}
#column_secondary p, #column_secondary h4, #column_secondary form{
	margin:								0 15px;
}

/* FOOTER */
#footer{
	text-align:							center;
	font-size: 							0.8em;
	border-top:							1px solid #8770b4;
	margin-top:							10px;
	padding-top:						3px;
}
#footer a { 
	text-decoration: 					none;
	color: 								#406595;
}
#footer p {
	margin-bottom:0; padding-bottom:5px;
}


/* Tableau sur la page about => Hsitory */

table#table_history {
	width: 600px;
	border-collapse: collapse;
	margin-left:20px;
}

table#table_history td {
	border: 1px solid #ccc;
}

th#history_year {
	width:90px;
}

#table_history thead {
	background-color: #D5C6F1;
	border:1px solid #8770B4;
	color:#8770B4;
	font-size: 1.5em;
	vertical-align:middle;
}

/* tableau About > Chapter */

table.table_chapter {
margin: 10px 0;
	border-collapse: collapse;
	vertical-align:middle;
}

.table_chapter td {
	width:180px;
/*	border-top: 1px solid #ccc;
*/	padding:5px;
}


td.chapter{
	color:#8770B4;
	font-size: 1.5em;
	width:170px;
/*	border: 1px solid #ccc;
*/
}

/* EVENTS > UPCOMIN */
.dancing_with_stars li {
	font-size:							0.8em;
	clear:both;
}



/* --- Homepage --- */
#homepage .home_video,
#homepage .home_events,
#homepage .home_campaign,
#homepage .home_newsletter,
#homepage .home_postcard {
	background:							url(/img/home_bottom.png) bottom right no-repeat #fff4c5;
	/*margin:								0 0 30px 0;
	padding:							0 0 20px 0;*/
	width:								230px;
	height:								340px;/*285px;*/
	
}


#homepage .home_events,
#homepage .home_campaign,
#homepage .home_newsletter {
	/*min-height: 430px;*/ /* NOT REQUESTED BY CLIENT ?? */
}

#homepage div h3 {
	display:							block;
	height:								42px;
}
#homepage div h3 span {
	display:							none;
}
#homepage .home_video h3 {		background-image:url(/img/home_video.png);}
#homepage .home_events h3 {		background-image:url(/img/home_events.png);}
#homepage .home_campaign h3 {	background-image:url(/img/home_campaign.png);}
#homepage .home_newsletter h3 {	background-image:url(/img/home_newsletter.png);}
#homepage .home_postcard h3 {	background-image:url(/img/home_holidaycards.jpg);}

#homepage div h4 {
	margin-bottom:						0.4em;
}
#homepage p, #homepage h1, #homepage h4, #homepage form{
	margin:								0 15px 1em 15px;
}

#homepage table {
	margin-bottom: 0;
}

#homepage .home_video {
	float: left;
	text-align: center;
}

#homepage_text {
	float: left; 
	width: 620px;
	margin: 20px 10px 20px 0;
}
/*Glee page */
.glee_club_desc {
	clear:left;
	margin-bottom:20px;
}
.glee_liclear li img{
	margin-bottom:5px;
}

.glee_showdown h3{
	font-weight:bold;
	font-size:16px;
	text-decoration:underline;
	margin-top:20px;
	}

ul.glee_gallery{
	display:block;
	list-style:none;
	margin-lefT:none;
	}
	
.glee_gallery li{
	display:block;
	text-align:center;
	}