h1 {
	color:				#bf841b;
	font-size:			20px;
	font-family:		Verdana;
	margin-left:		0px;
	margin-top:			6px;
	margin-bottom:		6px;
}

body {
	background-color:	#cccccc;
	color:				black;
	font-size:			12px;
	font-family:		Verdana;
	padding:			0px;
	margin:				0px;
}

img {
	border:				0px;
	margin:				0px;
	padding:			0px;
}

td {
	border-spacing:		0px;
	border:				none;
	padding:			0px;
	margin:				0px;
	vertical-align:		top;
}

p {
	padding:			0px;
	margin:				0px;
}

a, a:visited {
	color:				#00437a;
	text-decoration:	underline;
}

a:hover {
	color:				#0060AF;
	text-decoration:	underline;
}

#layoutTable {
	display:			table;
	margin:				auto;
	width:				1005px;
	empty-cells:		show;
	border-spacing:		0px;
	border-collapse:	collapse;
	border:				none;
}

#fil {
	font-size:			9px;
	display:			none;
}

#siteLinks {
	width:				100%;
	text-align:			right;
}

#siteLinks a {
	color:				black;
	font-size:			10px;
	font-family:		Arial;
}

#leftColumn {
	background-color:	#cccccc;
	margin-left:		31px;
	width:				242px;
	background-image:	url(../images/leftColumnRepeat.jpg);
	background-position: right;
	background-repeat:	repeat-y;
	//width:			200px;
}

#rightColumn {
	background-color:	#eeeeee;
}

#leftMenuDiv {
	position:			absolute;
	top:				115px;
}

#logoIles {
	display:			block;
	position:			absolute;
	top:				0px;
	z-index:			8;
	height:				105px;
	width:				206px;
	text-decoration:	none;
	margin-left:		+35px;
	//margin-left:		auto;
}

#leftMenuDiv .menuElement, #leftMenuDiv .menuElementSelected {
	display:			block;
	position:			relative;
	z-index:			9;
	margin-bottom:		5px;
	margin-left:		+17px;
	//margin-left:		-12px;
	min-height:			30px;
	//height:			expression(this.scrollHeight < 30 ? "30px" : "auto");
	line-height:		30px;
	color:				white;
	width:				220px;
	//overflow:			hidden;
	text-indent:		21px;
	background-position: left top;
	background-repeat: no-repeat;
}

#leftMenuDiv .menuElement div {
	height:				30px;
	line-height:		30px;
	width:				220px;
	overflow:			hidden;
	position:			relative;
	z-index:			8;
}

.menuElement ul.menuContent, .menuElementSelected ul.menuContent {
	display:			none;
	z-index:			70;
	line-height:		18px;
	margin-top:			0px;
	padding-bottom:		10px;
	padding-left:		24px;
	//margin-left:		0px;
	margin-bottom:		0px;
}

.menuElementSelected ul.menuContent {
	display:			block;
}

#leftMenuDiv ul.menuContent li {
	list-style-type:	bullet;
	list-style-position:inside;
	text-indent:		0px;
	height:				15px;
	line-height:		15px;
}

#leftMenuDiv ul.menuContent li a, #leftMenuDiv a {
	color:				white;
	text-decoration:	none;
}

#leftColumnInnerDiv {

}

#leftColumnInnerDivImg {
	position:			absolute;
	z-index:			0;
	top:				0px;
	background-image:	url(../images/leftColumnTop.jpg);
	margin-left:		+32px;
	//margin-left:		3px;
	height:				812px;
	/*background-color:	#656366;*/
	background-color:	white;
	width:				205px;
}

#footer {
	display:			block;
	width:				100%;
	height:				75px;
	text-align:			center;
}

#footer a {
	color:				black;
	font-size:			10px;
}

#topZone {
	display:			block;
	height:				85px;
	width:				736px;
	margin-left:		17px;
	//height:			105px;
}

#footer {
	display:			block;
	height:				85px;
	width:				736px;
	margin-left:		17px;
	text-align:			center;
}

#topNagiv {
	display:			block;
	height:				85px;
	width:				765px;
}

#cr {
	font-size:			11px;
	font-family:		Arial;
	color:				#999999;
}

#contentZone {
	display:			block;
	width:				736px;
	margin-left:		17px;
	margin-right:		15px;
	font-size:			90%;
	min-height:			640px;
	height:				expression(this.scrollHeight < 640 ? "640px" : "auto");
	color:				#666666;
	font-family:		Arial;
	font-size:			100%;

}

/* CSS for news */
a.news, a.newsHidden {
	display:			inline;
	text-decoration:	none;
	font-family:		Arial;
	font-size:			9pt;
	font-weight:		bold;
	color:				#00437a;
	//font-weight:		normal;
}

a.newsHidden {
	display:			none;
}

a.news:hover {
	text-decoration:	none;
	display:			inline;
}

div#newsBarContainer {
	text-align:			left;
	text-indent:		35px;
	//text-indent:		15px;
	height:				30px;
	line-height:		37px;
	width:				400px;
	margin-left:		150px;
	overflow:			hidden;
	white-space:		nowrap;

}

td#newsBar {
	display:			table-cell;
	background-image:	url(../images/newsBar.jpg);
	background-repeat:	no-repeat;
	background-position:15px center;
	height:				30px;
	text-align:			center;
	padding-bottom:		5px;
}


/* News box */

#newsBoxUl {
	margin-left:		12px;
	margin-top:			5px;
	//position:			relative;
	//left:				+39px;
	width:				218px;
	//width:			215px;
	height:				85px;;
}

#newsBoxUl li {
	list-style-image:	url(../images/puce.gif);
	height:				20px;
	width:				218px;
}

#newsBoxUl li a, div.allNews a {
	text-decoration:	none;
	font-family:		Arial;
	font-size:			11px;
	font-weight:		bold;
	color:				#003d77;
}

div.allNews {
	float:				right;
	height:				20px;
	margin-top:			0px;
	margin-right:		3%;
	background-image:	url(../images/puce.gif);
	background-repeat:	no-repeat;
	text-indent:		10px;
	background-position: 2px 8px;
	//background-position: 2px 4px;

}

div.boxTitle {
	font-family:		Arial;
	font-size:			16px;
	font-weight:		bold;
	color:				#003d77;
	margin-left:		46px;
	margin-top:			12px;
}

/* News listing */
.newsPageBody, .searchItem {
	display:			block;
	float:				left;
	width:				500px;
	margin-left:		10px;
	
	font-family:		Arial;
	font-size:			12px;
	line-height:		16px;
	overflow:			hidden;
	text-align:			justify;
}

.searchItem {
	height:				55px;
}

.newsPageTitle22, .newsPageTitle2, .searchTitle {
	display:			block;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			16px;
	width:				100%;
	margin-top:			12px;
	margin-left:		12px;
	width:				100%;
}



.newsPageTitle2, .searchTitle {
	margin-left:		auto;
}


.newsPagePhotoBox {
	display:			block;
	float:				left;
	margin-left:		15px;
}

.newsPagePhotoBox .img1 {
	margin-top:			1px;
	border:				none;
	display:			block;
//	height:				79px;
//	width:				105px;
}

.img1 {
	margin-top:			1px;
	border:				none;
}


.img2 {
	margin-top:			50px;
	border:				none;
}

.newsPageRuler {
	clear:				both;
	width:				80%;
	position:			relative;
	top:				+20px;
	margin-bottom:		40px;
	left:				-2.6%;
	background-color:	#bf841b;
	border-color:		#bf841b;
	border-style:		solid;
	display:			block;
}

.date {
	position:			relative;
	margin-top:			-16px;
	font-size:			10px;
	font-style:			italic;
	font-weight:		normal;
	display:			inline;
	margin-right:		43px;
	float:				right;
}

.newsFollowUp {
	display:			block;
	clear:				both;
	height:				15px;
	width:				75px;
	margin-top:			16px;
	background-image:	url(../images/redArrow.png);
	background-repeat:	no-repeat;
	background-position:-4px 0px;
	text-align:			right;
	line-height:		15px;
}

.redArrowO {
	display:			block;
	float:				left;
	height:				15px;
	width:				22px;
	background-image:	url(../images/redArrow.png);
	background-repeat:	no-repeat;
	background-position:left top;
}

.newsPageBodyO {
	display:			block;
	float:				left;
	width:				392px;
	font-family:		Arial;
	font-size:			12px;
	line-height:		16px;
}

.newsPagePhotoBoxO {
	display:			block;
	float:				left;
	width:				192px;
	margin-left:		30px;
}

/* SEARCH STUFF */

#searchBox {
	float:				right;
	background-image:	url(../images/searchBg.jpg);
	height:				29px;
	width:				202px;

}

#txtSearch {
	margin-left:		31px;
	margin-top:			4px;
	width:				130px;
	background-color:	transparent;
	border:				none;
}

#subSearch {
	height:				0px;
	width:				0px;
	position:			absolute;
	top:				-100px;
	left:				-100px;
}

.searchTitle, .searchTitle a, .searchTitle a:visited {
	color:				#003d77;
	text-decoration:	underline;
}

.searchNavig {
	display:			block;
	width:				100%;
	text-align:			center;
}

.rssFeed {
	display:			block; 
	height:				39px;
	width:				300px;
	background-image:	url(../images/feed.gif);
	background-repeat:	no-repeat;
	line-height:		52px;
	text-indent:		50px;
	text-decoration:	none;
	color:				#003d77;
}

#fontSizeBox {
	display:			block;
	display:			none;		// TEMP
	float:				right;
	margin-right:		29px;
}

/* Lightbox stuff */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* modAj sections */
.modAjSondageBox {
	display:				block;
	width:					279px;
	color:					#e2a508;
	font-weight:			bold;
}

.modAjSondageBox table{
	width:					100%;
	border-spacing:			0px;
	border-collapse:		collapse;
}

.modAjSondageSubmit { }

.modAjSondageQuestion {
	display:				block;
	margin-left:			50px;
	font-size:				10pt;
	font-weight:			bold;
	margin-bottom:			10px;
}

.modAjSondageChoixBox {
	margin-left:			60px;
}

.modAjSondageSubmitButton, .modAjSondageResultButton {
	display:				block;
	float:					left;
	background-color:		transparent;
	border:					none;
	font-family:			Arial;
	font-size:				8pt;
	cursor:					pointer;
	text-decoration:		underline;
	margin-top:				15px;
	margin-bottom:			5px;
	margin-left:			40px;
	margin-right:			40px;
	color:					#e2a508;

}

.modAjSondageResultButton {
	float:					right;
}

.modAjSondageResultatChoixBox {
	margin-left:			20px;
}

.modAjSondageTop, .modAjSondageResultatTop {
	display:				table-cell;
	background-image:		url(../images/sondageTop.jpg);
	height:					39px;
}

.modAjSondageResultatTop {
	background-image:		url(../images/sondageTop.jpg);
}

.modAjSondageBottom {
	display:				table-cell;
	background-image:		url(../images/sondageBottom.jpg);
	background-repeat:		no-repeat;	
	height:					8px;
}

.modAjSondageContent {
	display:				table-cell;
	background-image:		url(../images/sondageRepeat.jpg);
}

.modAjSondageFullBar {
	display:				none;
	height:					20px;
	width:					50px;
	float:					right;
	margin-right:			25px;
}

.modAjSondageCurrBar {
	display:				none;
	height:					20px;
	float:					right;
	background-color:		red;
}

.modAjSondagePercent {
	display:				block;
	float:					right;
	margin-right:			25px;
	margin-top:				-15px;
}

.modAjVoteTotal {
	display:				block;
	width:					100%;
	line-height:			40px;
	text-align:				center;
	font-weight:			bold;
}

#rightColumn {
	display:				table-cell;
	width:					602px;
	background-image:		url(../images/rightColumnBg.jpg);
	background-repeat:		no-repeat;
	background-color:		#eeeeee;
}

.rssIcon {
	height:					28px;
	width:					48px;
	background-image:		url(../images/rssIcon.gif);
	background-repeat:		no-repeat;
	float:					left;
}

.rssText {
	float:					left;
	height:					28px;
	width:					100px;
	margin-top:				4px;
	font-family:			Tahoma;
	font-weight:			bold;
	color:					white;
	text-align:				center;
	font-size:				8pt;

}

/*** Cal ***/

.calendar {
	background-color: #00477D !important;
}

.theCalendar {
	overflow:			hidden;
	width:				250px;
	font-size:			12px !important;
	background-image:	url(../images/calendarRepeat.jpg) !important;
	background-color: #00477D !important;
}

div.choiceBox {
	background-image:	url(../images/calendarTop.jpg);
	background-repeat:  no-repeat;
	padding-top:		6px;
}

.monthBox {
	display:		block;
	width:			252px;
	padding-left:	2px;
	background-color:	#00477D !important;
}

div.dayBox, div.dayBoxToday, div.dayBoxActivity, div.dayBoxDayName, a.dayBoxActive {
	display:		block;
	height:			25px;
	width:			35px;
	line-height:	25px;
	text-align:		center;
	float:			left;
	background-color: #00477D;
	background-repeat: no-repeat;
	background-position: center center;
}

div.dayBox {
	background-image: url(../images/dayBox.jpg);
}

a.dayBoxActive {
	display:			block;
	height:				100%;
	width:				100%;
	color:				black;
	cursor:				pointer;
	text-decoration:	underline;
	background-image: url(../images/dayBoxActivity.jpg);
	color: #F0AC00;
}


div.dayBoxDayName {
	color:				#dda40d;
	background-color:	#00477D;
}

div.dayBoxToday {
	background-image: url(../images/dayBoxToday.jpg);
	color: #F0AC00;
}

.prevMonth {
	display: block;
	float:	left;
	cursor: pointer;
	margin-left: 22px;
	//margin-left: 28px;
	color: #dda40d;
}

.nextMonth {
	display: block;
	float: left;
	cursor: pointer;
	color: #dda40d;
}

.yearSelect {
	float:	left;
}

.monthSelect {
	float: left;
	margin-left: 10px;
}

div.clear {
	clear:	both;
}


.underCal {
	display:			block;
	height:				100px;
	background-image:	url(../images/calendarRepeat.jpg);
	width:				252px;
	clear:				both;
	color:				#F0AC00;
}

div.calendarBottom {
	display:			block;
	width:				250px;
	background-image:	url(../images/calendarBottom.jpg);
	background-repeat:  no-repeat;
	height:				10px;
	//overflow: hidden;
	clear:				both;
}

a.calAct {
	color:				#F0AC00;
}


table.ilesBox {
	display:			table;
	border-collapse:	collapse;
	border-spacing:		0px;
}

table.ilesBox td.topLeftCell {
	display:			table-cell;
	height:				20px;
	width:				7px;
	background-image:	url(../images/boxTopLeft.jpg);
	background-position: top left;
	background-color:	#BF851A;
	background-repeat: no-repeat;
}

table.ilesBox td.topRightCell {
	display:			table-cell;
	height:				20px;
	width:				7px;
	background-image:	url(../images/boxTopRight.jpg);
	background-position: top right;
	background-color:	#BF851A;
	background-repeat: no-repeat;
}

table.ilesBox td.middleCell {
	display:			table-cell;
	height:				20px;
	font-size:			120%;
	color:				white;
	line-height:		20px;
	font-family:		Arial;
	background-image:	url(../images/boxTopRepeat.jpg);
	background-color:	#BF851A;
	//width:			expression((this.parentNode.parentNode.offsetWidth - 14)+"px");
}

table.ilesBox td.contentCell {
	background-color:	white;
	padding:			5px;
	color:				#666666;
	font-family:		Arial;
}



@media print {
	.menuElement {
		display:	none;
	}

	#contentZone {
		width:		100%;
	}
	
	#topZone img {
		display:	none !important;
	}

	#topZone input {
		display:	none !important;
	}

	#topZone span {
		display:	none;
	}

	#siteLinks {
		display:	none;
	}

	#topZone hr {
		display:	none;
	}

}

.newsPageTitle {
	width:	739px;
	margin-bottom: 0px;
}

#contentZone {
	margin-top:			50px;
	//margin-top:		30px;
}