/*-----------------------------------------------------------------------------------*/
/* Globals */ 

 * {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}

body { 
 margin: 0;
 padding: 0;
 background:url(gfx/sky.jpg) repeat-y left top; 
 }

 body > #wrap{height: auto; min-height: 100%;}

.sky1 {background:url(gfx/sky.jpg) repeat-y left top;}
.sky2 {background:url(gfx/sky2.jpg) repeat-y left top;}
 
#wrap {
 width: 100%;
 border: 0px;
 z-index:1;
 min-width: 1024px;
}

.bg1 {background:url(gfx/bg1.png) no-repeat left bottom;}
.bg2 {background:url(gfx/bg2.png) no-repeat left bottom;}
.bg3 {background:url(gfx/bg3.png) no-repeat left bottom;}
.bg4 {background:url(gfx/bg4.png) no-repeat left bottom;}
.bg5 {background:url(gfx/bg5.png) no-repeat left bottom;}

#main {
 padding-bottom: 20px;  /* must be same height as the footer */
 }

#footer {
	position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	min-width: 1024px; /*1240px;*/
	/*background-color:#3e3b33;*/
	background:url(gfx/footerbghi.png) no-repeat center bottom;
	clear:both;
	} 
#footerpopup {position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	background:url(gfx/footerbghi.png) repeat-x;
	clear:both;
} 
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*ul { list-style: square url(gfx/square.png);}*/
#ul1, ul {
 margin-left:15px; 
 color: #3f3c37;
 font-size: 8pt;
 font-family: arial,verdana;
 font-weight: normal;
 text-decoration: none;
 }

@font-face {  
  font-family: "akbar";  
  src: url(akbar.eot); /* IE */  
  src: local("akbar"), url(akbar.ttf ) format("truetype"); /* non-IE */  
} 

a:visited{ color:#3f3c37; border-style:none; text-decoration:none;}
a:link{ color:#3f3c37; border-style:none; text-decoration:none;}
a:hover{ color:#ff7733; border-style:none; text-decoration:none;}


a.menulink:visited{ color:#fff; border-style:none; text-decoration:none;}
a.menulink:link{ color:#fff; border-style:none; text-decoration:none;}
a.menulink:hover{ color:#ffc644; border-style:none; text-decoration:none;}

a.footer:visited{ color:#bebdba; border-style:none; text-decoration:none;}
a.footer:link{ color:#bebdba; border-style:none; text-decoration:none;}
a.footer:hover{ color:#ffc644; border-style:none; text-decoration:none;}

.boldspan {font-weight:bold;}
.normalspan{font-weight:normal;}
.yellowspan {color:#ffbf32;}
.hilitefooter{color:#dcdad6;}
.activite1{color:#fff; font-size: 10pt; font-weight:normal;}

.hseparator{
 float: left;
 margin-top:5px;
 margin-bottom:5px;
 height: 1px;
 width: 100%;
 background-color:#bfbdb8;
}


#header {
 float:left;
 width: 100%;
 max-width:1600px;
 min-width:1024px;
 height: 163px;
 margin:0;
 background:url(gfx/header.png) no-repeat;
 }
 

#content {
 float:left;
 margin-top:10px;
 width:100%;
 height: auto;
 min-height: 500px;
 max-width: 1600px;
 background:url(gfx/papernote.png) no-repeat right top;
}

#content2 {
 float:left;
 margin-top:10px;
 width:100%;
 height: auto;
 min-height: 500px;
 max-width: 1600px;
}

#contentbox { 
 position:relative;
 
 }

#menupane {
 position: absolute;
 left:0px;
 top: 10px;
 width: 250px;
 height: 250px;
}
#textpane {
 position: absolute;
 right:380px;
 left:260px;
 top: 10px;
 width: auto;
 height: auto;
 max-height: 500px;
 text-align: justify;
 overflow: auto;
 padding-top:5px;
}

#videopane {
 position: absolute;
 right:25px;
 top:45px;
 width: 310px;
 height: auto;
}

#videoframe {
 width: 300px;
 height: 260px;
 background:url(gfx/vidframe.png) no-repeat;
}

#francofolies, #newssummary {
 width: 300px;
 height: 80px;
}

#videoname, #francostxt, #socialtxt {
 color: #3f3c37;
 text-align:center;
 font-family: akbar,arial,verdana;
 text-decoration: none;
}
#videoname { font-size: 10pt; font-weight: bold; }
#socialtxt { color: #868b85; font-size: 7pt; font-weight: normal; }
#francostxt { position:relative; top:-15px; font-size: 9pt; font-weight: normal; }
#francostxt a:link { color: #3f3c37; border-style:none; text-decoration:none;}
#francostxt a:visited { color: #3f3c37; border-style:none; text-decoration:none;}
#francostxt a:hover { color: #617983; border-style:none; text-decoration:none;}


#menubox {
 margin: 10px;
 width: 250px;
 height: 250px;
}

#menu {
 position: relative;
 left: 0px;
 top: 0px;
}

a.itemhover1, a.itemhover2, a.itemhover3, a.itemhover4, a.itemhover5, a.itemhover6 {
 position: absolute;
 width: 250px;
 left:0px;
 border:0px;
} 

a.itemhover1 {
 height: 60px; 
 background:url(gfx/item1.png) no-repeat;
 z-index: 6;
}
a.itemhover1:hover {z-index: 7; background:url(gfx/item1.png) no-repeat 10px 0px;}

a.itemhover2 {
 top: 30px;
 height: 75px; 
 background:url(gfx/item2.png) no-repeat;
 z-index: 5;
}
a.itemhover2:hover {z-index: 7; background:url(gfx/item2.png) no-repeat 10px 0px;}

a.itemhover3 {
 top: 60px;
 height: 75px; 
 background:url(gfx/item3.png) no-repeat;
 z-index: 4;
}
a.itemhover3:hover {z-index: 7; background:url(gfx/item3.png) no-repeat 10px 0px;}

a.itemhover4 {
 top: 110px;
 height: 60px; 
 background:url(gfx/item4.png) no-repeat;
 z-index: 3;
}
a.itemhover4:hover {z-index: 7; background:url(gfx/item4.png) no-repeat 10px 0px;}

a.itemhover5 {
 top: 150px;
 height: 60px; 
 background:url(gfx/item5.png) no-repeat;
 z-index: 2;
}
a.itemhover5:hover {z-index: 7; background:url(gfx/item5.png) no-repeat 10px 0px;}

a.itemhover6 {
 top: 185px;
 height: 60px; 
 background:url(gfx/item6.png) no-repeat;
 z-index: 1;
}
a.itemhover6:hover {z-index: 7; background:url(gfx/item6.png) no-repeat 10px 0px;}


#textpane h1 {
color:#e1810f;
font-family:akbar;
font-size:14pt;
font-weight:normal;
}

#textpane h2 {
color:#699352;
font-family:akbar;
font-size:12pt;
font-weight:normal;
}

#textpane p, #ul1,#contact p,#contactform , #contactform p{
 color: #3f3c37;
 font-size: 8pt;
 font-family: arial,verdana;
 font-weight: normal;
 text-decoration: none;
}

#contactform h1{
 color: #3f3c37;
 font-size: 12pt;
 font-family: arial,verdana;
 font-weight: normal;
 text-decoration: none;
}

#socialpane {
 position: fixed;
 right:25px;
 bottom: 10px;
 width: 170px;
 height: 80px;
 text-align: center;
 background:url(gfx/socialbg.png) repeat;
}

#moreinfo {
 float:right;
 color: #3f3c37;
 font-size: 9pt;
 font-weight: normal;
 text-align: right;
 font-family: akbar,arial,verdana;
 text-decoration: none;
}
#moreinfo a:link { color: #3f3c37; border-style:none; text-decoration:none;}
#moreinfo a:visited { color: #3f3c37; border-style:none; text-decoration:none;}
#moreinfo a:hover { color: #617983; border-style:none; text-decoration:underline;}

#videoplayer {
 position:relative;
 top: 50px;
 left: 15px;
 width: 270px;
 height: 185px;
}

#footer p,#footerpopup p {
 text-align:center;
 padding-top:6px;
 color: #a09f9b;
 font-size: 8pt;
 font-family: arial,verdana;
 font-weight: normal;
 text-decoration: none;
}

#newspane {
 position: absolute;
 right:10px;
 left:470px;
 top: 10px;
 width: auto;
 height: auto;
 text-align: justify;
 max-height: 500px;
 overflow: auto;
}

#headlinespane {
 color : #3f3c37;
 font-size: 9pt;
 font-weight: bold;
 font-family: tahoma,arial,verdana;
}

#headlines {
 position: absolute;
 left:260px;
 top:10px;
 padding: 10px;
 padding-top: 20px;
 width: 180px;
 height: auto;
 min-height:250px;
 max-height: 400px;
 background:url(gfx/news2bg.png) repeat-x;
 }

#headlinespane span{
 font-size: 8pt;
 font-weight: bold;
 font-family: tahoma,arial,verdana;
}
#latestnews {
 text-align: center;
 color : #3f3c37;
 font-size: 11pt;
 font-weight: normal;
 font-family: akbar,tahoma,arial,verdana;
 text-decoration: underline;
}
#newssummarytitle {
 text-align: center;
 color : #3f3c37;
 font-size: 10pt;
 font-weight: bold;
 font-family: tahoma,arial,verdana;
 text-decoration: underline;
}
#agenda,#contact {
 position:absolute; 
 right:300px;
 left:260px;
 top: 10px;
 }
 
#agendanav {
 margin-top: 2px;
 margin-left: 2px;
 margin-bottom: 10px;
 color: #3f3c37;
}

#tabnav {
 margin: 0;
 padding: 0 0 20px 10px;
 border-bottom: 1px solid #699352;
}
 
#tabnav li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
}
 
#tabnav a:link, #tabnav a:visited {
 float: left;
 font-size: 12px;
 font-family: arial,verdana;
 line-height: 14px;
 font-weight: bold;
 margin: 0 10px 4px 10px;
 text-decoration: none;
 color: #3f3c37;
}
 
#tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover {
 border-bottom: 4px solid #699352;
 padding-bottom: 2px;
 color: #363;
}
 
#tabnav a:hover { color: #699352;}

a.agendatab:visited{ color:#fff; border-style:none; text-decoration:none;}
a.agendatab:link{ color:#fff; border-style:none; text-decoration:none;}
a.agendatab:hover{ color:#fff; background-color: #699352; border-style:none; text-decoration:none;}
a.agendatab:active{ color:#fff; border-style: #699352;; text-decoration:none;}


#agendapane, #contactpane {
 text-align: justify;
 width: auto;
 height: auto;
 max-height: 500px;
 overflow : auto;
}

#agendashort, #agendafull {
 width: auto;
 height: auto;
 padding: 1px;
 color: #3f3c37;
 font-size: 9pt;
 font-family: arial,verdana;
 font-weight: normal;
 text-decoration: none;
 /*background-color:#b9ced7;*/
 margin-bottom:5px;
}

#agendatitle {
 font-size: 10pt;
 font-weight: bold;
 font-family: tahoma,arial,verdana;
}
#agendatitle span {background-color: #eee171; color:#545454;}
#agendashortcontent { background-color:#fff;}
#agendatable, #searchtable, #shortstorytable { border:0;}
#agendacell1 {
 width:10px;
 height:auto;
 background-color:#e8f0f3;
 }
#agendacell2 { padding:5px; }

#agendasearch {
 position: absolute;
 right:20px;
 top:30px;
 padding: 10px;
 width: 220px;
 height: auto;
 min-height: 60px;
 max-height: 400px;
 overflow: auto;
 background-color:#fff;
 }
#searchtable {
max-height:450px;
overflow: auto;
}
#searchtablerow {
 font-size: 11px;
 font-family: arial, verdana;
 font-weight: normal;
 border : 5px solid #e8f0f3;
}

#searchtabletitle {
 font-size: 12px;
 font-family: arial, verdana;
 font-weight: bold;
}

#resultsfound {
 color: #3f3c37;
 font-size: 9pt;
 font-family: arial,verdana;
 font-weight: normal;
 text-decoration: none;
 }

#tablewrap {
 position:relative; 
 left:0;
 top:0;
 margin-left:5px;
 margin-right: 5px;
 border: 1px solid #fff;
 /*-moz-box-shadow: 1px 1px 5px #555; 
 -webkit-box-shadow: 1px 1px 5px #555; 
 box-shadow: 1px 1px 5px #555; */
 }
#tablesemitransp{position:absolute; left:0; width:100%; height:100%; background-color:#fff;z-index:0;}
#tablecontent{position:relative; z-index:2;}
#shortstorytable{width:100%;}
#searchcell1,#shortstorycell1{
 width:auto; 
 height:auto; 
 padding-left:5px;
 color:#699352;
 font-family:akbar;
 font-size:12pt;
 font-weight:normal;
 }
#searchcell2,#shortstorycell2{padding : 5px;}
 
#pagint {
 text-align:right;
 color : #3f3c37; 
 font-size: 10pt;
 font-family: arial,verdana;
 z-index:100;
 }

#newsarticle {
 width: auto;
 height: auto;
 padding: 10px;
 color: #3f3c37;
 font-size: 8pt;
 font-family: arial,verdana;
 font-weight: normal;
 text-decoration: none;
 zoom: 1;
 background-color:#fff;
 background:url(gfx/halflite.gif);
 }

#newstitle {
 color: #699352;/*#3f3c37;*/
 font-size: 12pt;
 font-weight: normal;
 font-family: akbar,arial,verdana;
 text-decoration: none;

}

#steps,#step1,#step2,#step3 {
 margin-left : 10%;
 margin-right: 10%;
 margin-top : 10px;
 padding: 5px;
 font-family : arial, verdana;
 font-size: 12px;
 background-color:#cce6ee; 
 color:#000;
 border: 1px solid #66aaff;
 width: 80%;
 height: auto;
}
#whiteframe {
 padding: 5px;
 margin-left:10px;
 margin-right: 40px;
 margin-bottom: 10px;
 font-family : arial, verdana;
 font-size: 12px;
 color:#000;
 height: auto;
 background-color: #ffffff;
 border : 1px solid #eeeeee;
}

#steps h1, #step1 h1, #step2  h1, #step3 h1{
 font-size: 14px;
}

#step1 {
 background-color: #fedb8a; /*#c9e9be;*/
 border : 1px solid #fec172 /*#b4d298;*/
 }
#step2 {
 background-color: #f9eca2; /*#dfe9be;*/
 border : 1px solid #f9e096; /*#c8d59d;*/
}
#step3 {
 background-color: #fef3d6; /*#e9dfbe;*/
 border : 1px solid #fee1c9;/*#d8caa7;*/
}

#mp3powered {
 font-family:verdana;
 font-size:6px;
 }

#mand {
 font-family:arial,verdana;
 font-size:10px;
}

#zimbalampane {
 position: absolute;
 right:25px;
 top:5px;
 width: 420px;
 height: auto;
}
#zimbalamtxt {
 position: absolute;
 right:420px;
 left:260px;
 top: 0px;
 width: auto;
 height: auto;
 max-height: 500px;
 text-align: justify;
 overflow: auto;
 padding-top:5px;
}

#mp3pane {
 position: absolute;
 right:340px;
 left:320px;
 top: 10px;
 width: auto;
 height: auto;
 max-height: 500px;
 text-align: justify;
 overflow: auto;
 padding-top:5px;
}

#mp3pane h2 {
color:#699352;
font-family:akbar;
font-size:12pt;
font-weight:normal;
}

#alignright {float:right; text-align:right;}

.halflite,.opacity50 { 
 -khtml-opacity:.50;
 -moz-opacity:.50;
 -ms-filter:”alpha(opacity=50)”;
 filter:alpha(opacity=50); 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 opacity:.50; 
 }
.opaque {
 -khtml-opacity:1.0;
 -moz-opacity:1.0;
 -ms-filter:”alpha(opacity=100)”;
 filter:alpha(opacity=100); 
 opacity:1.0; 
}
.opacity75 { 
 -khtml-opacity:.75;
 -moz-opacity:.75;
 -ms-filter:”alpha(opacity=75)”;
 filter:alpha(opacity=75); 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 opacity:.75; 
 }
 
.opacity90 { 
 -khtml-opacity:.90;
 -moz-opacity:.90;
 -ms-filter:”alpha(opacity=90)”;
 filter:alpha(opacity=90); 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 opacity:.90; 
 }
.shadow1 {
 border: 5px solid #fff;
 -moz-box-shadow: 1px 1px 12px #555; 
 -webkit-box-shadow: 1px 1px 12px #555; 
 box-shadow: 1px 1px 12px #555; 
}
.clips {margin-bottom:10px;}
#videoname {text-align:left;}