@charset "utf-8";
body {
	margin:17px 0 25px; 
	padding:0; 
	background:url(images/bg.gif) repeat-x #111111;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:17px;
	text-align:center;
}
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-family:"Myriad Pro", "Arial";
	font-weight:normal;
}
p { 
	margin:0; 
	padding:0; 
	font-size:12px;
	line-height:18px;
	color:#2b2b2b;
}

.relPos { position:relative;}
.clear { clear:both;}
.left { 
	float:left;
}
.right { 
	float:right;
}

.clearboth{ clear:both;}
/* Custom... */
#pageWrapper {
	width:1000px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	text-align:left;
}
#header { 
	width:100%;
	height:236px;
	position:relative;
	border-bottom:1px solid #a9a9a9;
}
#pdfIcon { position:absolute; top:5px; right:5px;}
#pdfIcon a, img { border:0;}

#flashLogo {
	width:254px;
	height:299px;
	position:absolute;
	top:-17px;
	left:66px;
}
#header h1 { 
	position:absolute;
	top:195px;
	left:341px;
	width:523px;
	height:24px;
	background:url(images/logo.png) no-repeat;
	text-indent:-9999px;
	behavior: url(../../../iepngfix.htc);

}

/* Navigation */
.navigation {
	width:auto;
	height:27px;
	list-style:none;
	margin-left:341px;
	margin-bottom:18px;	
}
.navigation ul 
{
	width:auto;
	margin:0;
	padding:0;
}
.navigation li { 
	float:left; 
	display:inline;
	height:27px;
}
.navigation li a {
	display:block;
	height:27px;
	text-indent:-9999px;
	outline:none;
}
/* Navigation Items */
.navigation li a.first { 
	width:104px; 
	background:url(images/item1.gif) no-repeat top; 
}
.navigation li a.second { 
	width:103px; 
	background:url(images/item2.gif) no-repeat top; 
}
.navigation li a.third { 
	width:105px; 
	background:url(images/item3.gif) no-repeat top; 
}
.navigation li a.fourth { 
	width:102px; 
	background:url(images/item4.gif) no-repeat top; 
}
.navigation li a.fifth { 
	width:103px; 
	background:url(images/item5.gif) no-repeat top;
}
.navigation li a.sixth { 
	width:104px; 
	background:url(images/item6.gif) no-repeat top; 
}

.navigation li a.first:hover, .navigation li a.second:hover, .navigation li a.third:hover, .navigation li a.fourth:hover, 
.navigation li a.fifth:hover, .navigation li a.sixth:hover, .navigation li a.active {
	background-position:bottom;
}
/* Up and Down Arrows*/
.spinner { 
	position:absolute;
	width:40px;
	/*top:230px; */
	top:200px;
	left:150px;
}
.spinner a { padding-right:3px; outline:none;}
.spinner img { 
	margin:0!important; 
	padding:0!important;
	border:0;
}

/* Heading with rounded background */
h2 { 
	display:block; 
	width:190px; 
	_width:210px; 
	height:21px;
	line-height:21px;
	font-size:15px; 
	color:#303030;
	background:url(images/heading_bg.png) no-repeat;
	padding:0 0 0 14px;
	behavior: url(../../../iepngfix.htc);
}
h2.galerie { 
	background:url(images/heading_galerie.png) no-repeat; behavior: url(../../../iepngfix.htc); _width:210px;
}
h2.sponsor {
	width:194px!important; 
	height:21px!important;
	padding:0;
	background:url(images/heading_sponsor.png) no-repeat;
	behavior: url(../../../iepngfix.htc);
}
/* footer */
.footer_con { 
	clear:both;
	width:895px;
	font-family:"Myriad Pro", "Arial";
	font-size:12px;
	color:#B1AFB1;	
	margin:11px 0 0 66px;
	padding:0;
}

.footer_con li { 
	width:auto;
	float:left; 
	display:inline;
	list-style:none;
	list-style-type:none;
	margin-left:20px;
}
.footer_con li a {
	height:28px; 
	color:#B1AFB1; 
	text-decoration:none;
}
.footer_con li a:hover { 
	text-decoration:underline;
}
.footer_con li.first { 
	margin-left:0;
}
.footer_con li.last { 
	float:right;
	margin-left:0;
	margin-bottom:0;
	padding-bottom:0;
}
/* Inner page Style */
.container { 
	width:900px;
	background:url(images/transBg.png) repeat-y top left;
/*	background:url(images/transBgIE.png) repeat-y top left;*/

	height:100%!important;
	/*_height:896px!important;*/
	margin-left:62px;
	overflow:auto;
	
	/*border:1px solid #ff2374;*/
	/*behavior: url(../../../iepngfix.htc);*/
	behavior: url("http://vieuxgrenadiers.ch/iepngfix.htc");
	

}

.container .leftCol {
	width:212px;
	text-align:left;	
	float:left;
	margin:0!important; padding:0!important;
}


#sideNav {
	width:200px;
	margin:0;
	padding:0;
	/*background:url(images/inner_navBg.jpg) repeat-y top right;*/
	list-style:none;
	font-family:"Myriad Pro", "Arial";
	font-weight:600;
	font-size:12px;
	color:#303030;
	margin-left:13px;
	margin-bottom:25px;
	list-style-type:none;
}
#sideNav li {
	height:29px;
	line-height:28px;
	background:url(images/subnav_sep.gif) no-repeat 10px bottom;
	list-style-type:none!important;
	background-color:#dedede;
}

#sideNav li.last{
	background:url(images/thelast.png) no-repeat bottom left;
}

#sideNav li a  { 
	height:29px;
	padding-left:27px;
	display:block;
	color:#303030;
}
#sideNav li a:hover,
#sideNav li a.active {
	background-color: #f1f0f2;
	text-decoration:none;
}

#sideNav li a.first { background:url(images/sub_navFirst_off.gif) no-repeat top left;}

#sideNav li a.first:hover,
#sideNav li a.fActive {
	background:url(images/sub_navFirst.gif) no-repeat top left #f1f0f2; text-decoration:none;
}

#sideNav li.last a:hover,
#sideNav li a.lActive {
	background:url(images/sub_navLast.gif) no-repeat bottom left #f1f0f2; text-decoration:none;
}

/* Right Column Content -- For Event page only */
.container .rightCol {
	width:662px;
	_width:690px;
	*width:680px;
	height:100%;
	min-height:540px;
	background-color:#f1f0f2;
	float:left;
	padding:21px 0 0 22px;	
	text-align:left;

}

/* date list*/
.container .rightCol #event-month {
	margin:0;
	padding:0; 
	width:642px;
	height:32px;
	list-style:none;
	background:url(images/event-monthBg.gif) no-repeat top;
	margin-bottom:27px;
}
.container .rightCol #event-month ul { 

	float:left; 
	display:inline; 
	margin:0;
	/*margin:0 0 0 15px; */
	padding:0;
	
}
.container .rightCol #event-month li {
	/*width:auto;*/
	height:32px;
	padding:0;
	margin:0;
	font-family:"Myriad Pro";
	font-size:12px;
	font-weight:bold;
	color:#373737;
	display:inline;
	line-height:32px;
	background:url(images/event-seperator.gif) no-repeat right center;
}
.container .rightCol #event-month li.first { 
	/*padding:0 15px 0 0*/
}
.container .rightCol #event-month li.last { 
	background:none; 
	/*padding:0 0 0 8px;*/
}
.container .rightCol #event-month li a {
	/*width:70px;*/
	width:90px;
	text-align:center;
	display:inline-block; 
	color:#373737; 
	text-decoration:none;
	outline:none;

}
.container .rightCol #event-month li a.active,
.container .rightCol #event-month li a:hover {
	height:32px;
	display:inline-block; 
	color:#730202; 
	background:url(images/event-hover.gif) no-repeat bottom center;
}
/* Previous and Next Button */

.container .rightCol #event-month #divmonthlist { float:left; display:inline;}

.container .rightCol #event-month .btn_previous,
.container .rightCol #event-month .btn_next,
.container .rightCol #event-month .btn_next_di,
.container .rightCol #event-month .btn_previous_di
 {
	width:16px;
	height:16px;
	font-size:10px;
	float:left;
	display:inline;
	padding-top:8px;
	outline:none;
}
.container .rightCol #event-month .btn_previous { 
	margin:0 8px 0 8px; 
	background:url(images/btn_pre.gif) no-repeat bottom center;
}
.container .rightCol #event-month .btn_next { 
	margin:0 0 0 8px; 
	background:url(images/btn_nex.gif) no-repeat bottom center;
}
.container .rightCol #event-month .btn_previous_di { 
	margin:0 8px 0 8px; 
	background:url(images/btn_pre.gif) no-repeat bottom center;
	filter:alpha(opacity=25);
	opacity:0.25;
}
.container .rightCol #event-month .btn_next_di { 
	margin:0 0 0 8px; 
	background:url(images/btn_nex.gif) no-repeat bottom center;
	filter:alpha(opacity=25);
	opacity:0.25;
}
/* end of buttons */ 

.container .rightCol .event-list { 
	width:622px; 
	padding:0 10px; 
}
.container .rightCol h1 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#730202;
	margin:0 0 10px 11px;
}
.seperator-line { 
	width:618px; 
	height:0px; 
	padding:0;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #b5b4b5;
	margin:0;
	font-size:1px;
	line-height:1px;
	margin:0 0 21px 11px;
}
.container .rightCol .event-list table td {
	height:30px; 
	border-bottom:1px solid #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#2b2b2b;
	font-size:12px;
	vertical-align:middle;
}
.container .rightCol .event-list .white-bg { 
	height:31px;
	border-top:1px solid #cccbcc;
	border-bottom:1px solid #cccbcc;
	background-color:#f6f5f7;
}


/**/



.container .rightCol p { 
	font-size:12px; 
	line-height:18px;
	padding-top:25px;
}
.container .rightCol hr { 
	margin-top:25px;
}



/* Side Boxes */

.boxContainer { 
	margin:0 0 5px 13px;
	_margin-right:0;
	_padding:0!important;
	width:197px!important;
	
	
}
.boxContainer hr {
	height:1px; 
	border:none;
	border:1px solid #bcbcbc;
}
.boxContainer .h-line {
	width:168px; 
	height:0; 
	border-top:1px solid #bcbcbc;
	margin-top:8px;
}

.box, .boxGalerie { 
	width:168px; 
/*	_width:194px; */
	border-left:1px solid #d0d0d0; 
	border-right:1px solid #d0d0d0; 
/*	border-bottom:1px solid #d0d0d0;*/
	background-color:#ffffff;
	padding:12px;
	behavior: url(../../../iepngfix.htc);
	_margin-top:-3px;
	
}

h3 { 
	font-size:12px; 
	color:#730202;
}
.box  img { 
	margin:10px 0 7px 0;
	padding:0;
}
.thumb img { 
	margin:0!important;	
	margin-left:30px!important;
}
.box p { 
	width:135px;
	font-size:10px; 
	line-height:14px; 
	color:#5a5a5a;
	margin-top:5px;
}

.boxGalerie h3 { 
	width:100%;
	text-align:center;
	margin-bottom:7px;
}

.boxGalerie p { 
	width:auto;
	font-size:10px; 
	line-height:14px; 
	color:#5a5a5a;
	margin-top:5px;
}
.boxGalerie a.icons {
	vertical-align:top;
	
}
.boxGalerie a.icons img { 
	width:14px;
	height:14px;
	border:none;
}
.boxGalerie a.gallarie { 
	width:auto;
	color:#730202;
	font-size:10px;
	font-weight:bold;
	float:right;
	line-height:20px;
}

/* top link background */
ul#subTab { 
	list-style:none;  
}
ul#subTab li { 
	width:102px;
	height:24px;
	float:left; 
	display:inline;
	margin-left:6px;
	margin-bottom:18px;
}
ul#subTab li.first { margin-left:0;}
ul#subTab li a { 
	color:#303030;
	font-size:12px;
	display:block;
	background:url(images/tabBg.jpg) no-repeat top left;
	line-height:24px;
	text-align:center;
}
ul#subTab li a:hover,
ul#subTab li a.active { 
	color:#ffffff;
	background:url(images/tabBgHover.jpg) no-repeat top left; 
}
/* Gallery */
#gallery { 
	width:570px; 
	height:auto;
	overflow:auto;
	margin-left:-9px;
	margin-bottom:25px;
}
.thumbContainer { 
	width:165px; 
	height:137px;
	padding:9px 0 0 9px;
	background:url(images/gallThumbBg.png) no-repeat top left;
	float:left;
	display:inline;
	margin-bottom:20px;
	text-align:center;
	margin-right:16px;
	behavior: url(../../../../iepngfix.htc);
}
.thumbContainer img { 
	width:154px; 
	height:99px;
	display:block;
	border-top:1px solid #8d8d8d;
	border-right:1px solid #8d8d8d;
	border-left:!px solid #8d8d8d;
	border-bottom:1px solid #646464;
	text-align:left;
}
.thumbContainer a { 
	font-size:11px; 
	text-align:center;
	color:#000000;
	line-height:26px;
}
/* Paging */
ul#paging { 
	clear:left;
	width:auto;
	margin:0;
	padding:0;
	height:38px;
	float:right;
	text-align:center;
	list-style:none;
	margin-right:25px;
}
ul#paging li { 
	width:22px; 
	height:22px;
	float:left; 
	display:inline; 
	margin-right:3px;
}
ul#paging li a { 
	display:block;
	font-size:12px;
	line-height:22px;
	background:url(images/pagingOver.gif) no-repeat top left;
}
ul#paging li a:hover,
ul#paging li a.active { 
	color:#656565;
	background:url(images/pagingOn.gif) no-repeat top left;
}
.gallClear { 
	clear:both; 
	margin-top:0!important;
}

/* Commitee Member Display */
#memberDisplay { 
	width:574px; 
	height:auto;
	overflow:hidden;
	margin-left:7px;
}
#memberDisplay .memBlock { 
	width:238px; 
	height:100px; 
	background:url(images/comitte_memberBg.gif) no-repeat top left;
	float:left;
	display:inline;
	padding:11px 29px 11px 10px;
	margin:0 7px 7px 0;
}
#memberDisplay .memBlock img { 
	width:65px; 
	height:98px; 
	float:left;
	display:inline;
	border:1px solid #ffffff;
	margin-right:15px;
}
#memberDisplay .memBlock .rightP { 
	width:155px; 
	height:98px;
	float:left;
	display:inline;
}
#memberDisplay .memBlock .rightP h1, h5, p { 
	font-family:Arial, Helvetica, sans-serif;
	color:#2a2a2c;
}
#memberDisplay .memBlock .rightP h1, h5 { 
	margin:0;
	padding:0;
	font-size:12px;
}
#memberDisplay .memBlock .rightP h5 { 
	width:100%; 
	padding-bottom:6px;
	border-bottom:1px solid #aeaeae;
}
#memberDisplay .memBlock .rightP p { 
	width:100%;
	font-size:10px; 
	line-height:14px;
	border-top:1px solid #e7e7e7;
	margin:0; 
	padding:5px 0 0 0;
}


/* members thumb display page */
.rightCol h1 { text-transform:none;}
.rightCol .picContainer { width:560px; margin-top:25px; }

.rightCol .picContainer .newBlock { width:125px; height:auto;  text-align:center; margin-bottom:25px;}
.rightCol .picContainer .newBlock img { width:auto; height:auto; margin-bottom:5px; background:url(images/imgShadow.gif) repeat-y right 5px; padding-right:5px; }
.rightCol .picContainer .newBlock h5, h6 { margin:0; background-color:#ffffff; color:#000000; }
.rightCol .picContainer .newBlock h5 { font-size:12px; font-weight:bold; padding-top:3px;}
.rightCol .picContainer .newBlock h6 { font-size:11px; font-weight:normal; padding-bottom:3px;}

/* Default Paging Style (td) */
.pagingM { 
	clear:left;
	width:auto;
	padding:0;
	height:22px;
	float:right;
	text-align:center;
	list-style:none;
	font-size:12px;
	text-align:right;
	margin:15px 25px 0 0; 
}
.pagingM td { margin:0; padding:0; }

.pagingM td a { 
	width:22px;
	height:22px;
	display:inline-block;
	font-size:12px;
	line-height:22px;
	background:url(images/pagingOver.gif) no-repeat top left;
	text-align:center;
	color:#e7e7e7;
}
.pagingM td a:hover
 {
	width:22px;
	height:22px;
	color:#656565;
	background:url(images/pagingOn.gif) no-repeat top left;
	text-decoration:none;
	text-align:center;
}
.pagingM td span { 
	display:inline-block;
	width:22px;
	height:22px;
	line-height:22px;
	background:url(images/pagingOn.gif) no-repeat top left;
	text-align:center;
}

/* Contact Us Page Styles */
#contact-form {
	width:300px;
	float:left;
}
#contact-form table td { 
	font-size:11px;
	color:#333333;
	padding-bottom:5px;
}
#contact-form table td input {
	font-size:11px; 
	color:#333333;
	border:1px solid #cbcbcb;
	background-color:#f4f4f4;	
}
#contact-form table td .NormalRed { list-style:circle; color:#666666;}
#contact-form table td textarea { 
	width:178px;
	font-size:11px; 
	color:#333333;
	border:1px solid #cbcbcb;
	background-color:#f4f4f4;
	overflow:auto;
}
#contact-form table td input.chk { 
	width:16px; 
	height:16px;
	border:none; 
}
#contact-form table td input.btn-send { 
	width:52px; 
	height:22px; 
	background:url(images/btn_send.gif) no-repeat top left;
	border:none;
}
.contact-right { 
	float:right;
}
.contact-right p { 
	font-size:12px;
}
.contact-right p h5 { 
	font-size:12px;
	margin:0;
	padding:0;
}
.contact-right p a:hover { 
	color:#666666;
}
.Normal a:hover { 	color:#666666;}


.error-message ul { 
	color:#666666; 
}
.error-message ul li { list-style:disc;}

/* news Ticker*/
#newsTicker{
	height:224px; 
	overflow:hidden; 
	position:relative; 
	border-right:1px solid #D0D0D0; 
	width:193px; 
	border-bottom:1px solid #d0d0d0;
	background-color:#ffffff;
}


/* Sitemap Style */
.sitemap {  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2b2b2b; }
.sitemap h1 { font-family:"Myriad Pro"; font-size:19px; }
.sitemap h1 strong { font-size:22px; font-weight:600;}
.sitemap ul li { line-height:14px; margin:10px 0 0 0; padding:0;}
.sitemap ul li ul li { margin:0; padding:0;}
.sitemap a.heading { font-weight:bold;}
.sitemap a:hover { color:#2b2b2b;}


