html,body {
margin:0;
padding:0;
border:0;
font:12px "Lucida Grande", Verdana, sans-serif;
}

html  {
background: url(/images/bg.gif) repeat-x;
}

.sep {
height:7px;
}

/* wrapper */

#template { 
width: 903px;
margin:0 auto;
background:#fff;
padding:0 7px 5px 7px;
background: url(/images/bgtemplate.gif) repeat-y;
}

#header {
padding:0;
margin:0;
height:160px;	
overflow:visible;
background:url(/images/header.png) no-repeat;
//background: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/header.png');	
} 

#header h1{
display:none;
}

#header em{
display:none;
}

#header a.home{
margin-top:16px;
margin-left:20px;
position:absolute;
display:block;
width:190px;
height:80px;
}

#langmenu{
position:absolute;
margin-left:840px;
margin-top:11px;
}

#langmenu a{
display:block;
color:#333333;
text-decoration:none;
padding:3px;
}

#wrapper {
margin:0;
background-color:#33CC66;
background-repeat:no-repeat;
} 

#content { 
padding-bottom:25px;
}

#logo {
text-align:center;
height:144px;
margin:0;
padding:0;
}

hr.sep {
border:0;
padding:0;
margin:0;
clear:both;
height:0;
}

#footer {
height:255px;
background: url(/images/foot.png) no-repeat;
//background: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/foot.png');	
}

#footer img{
border:medium none;
}

.clear {
clear:both;
}


/* menu */ 


/* mainmenu */

#mainmenu {
position:absolute;
padding: 0;
margin-top: 115px;
margin-left:60px;
font:12px Arial, Verdana, sans-serif;
}

#mainmenu ul {
padding:0;
margin: 0;
}

#mainmenu ul li{
display:block;
list-style:none;
margin: 0;
float:left;
height:20px;
}


#mainmenu ul li a,#mainmenu ul li a:hover{
color: #333333;
list-style: none;
display:block;
_display:inline;
font-size:11px;
font-weight:bold;
_height: 14px;
margin:0;
padding: 4px 10px 4px;
text-decoration:none;
}


#mainmenu li.s a,
#mainmenu li.hs,
#mainmenu ul li a:hover{
color:#ff000;
background: url(/images/mainmenu/bgli.png) repeat-x;
}

/* pagelayout */

.item {
background-color:#FFFFFF;
border:0;
color:#4a4a4a;
font-size:11px;
padding:0 10px;
margin:0;
}

.list{
padding:0;
margin:0;
}

h2,.item h2,#col3-3 .menu item h2{
font-size:12px;
_height:0;
color:#4a4a4a;
background:url(/images/arrow.png) no-repeat center left;
padding:0 12px;
margin:0 0 10px 0;
}

.item em {
padding:0px;
font-style:normal;
font-size:10px;
display:block;
}

.contact .imageleft {
width:200px;
}

.item h3 {
text-transform:uppercase;
text-decoration:none;
display:inline;
padding:0;
margin:0;
border:0;
}

.detail h3 {
}

.item p.content {
padding:10px 0;
margin:0;
padding-bottom:5px;
display:block;
}

.item ul {
padding:0 10px 0 10px;
margin:0;
}

.item ul li {
list-style:url(../images/link.gif);
color:#333;
padding-bottom:5px;
}

.item a {
text-decoration:none;
/*background:url(../images/link.gif) bottom no-repeat left;*/
color:#3366FF;
}

.item a:hover {
color:#000;
text-decoration:underline;
}

.item a.url {
display:block;
width:216px;
overflow:hidden;

}

.item img.imagecenter {
margin-top:10px;
border:0px;
}

.item a.elink {
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
padding-left:13px;
background:url(../images/link.gif) bottom no-repeat left;
font-size:10px;
padding-top:5px;
font-style:italic;
}

a.aimgcenter {
	margin-left:-12px;
}

/* colspan */

.event {
border-bottom:1px dotted #666666;
_height:0
}

.event h3 {
padding:0;
margin:0;
text-transform:uppercase;
}

/* colspan */

#col1-3,#col2-3,#col3-3{
padding:20px 0 0 0;
margin:0 0 0 7px;
_margin:0 0 0 4px;
display:block;
width:291px; 
float:left;
}


#col12-3 {
padding-top:20px;
margin-left:7px;
_margin-left:4px;
display:block;
width:589px; 
float:left;
}

.col1-3,.col2-3,.col3-3{
padding:20px 5px 0 0;
margin:0 0 0 20px;
_margin:0 0 0 4px;
display:block;
width:272px; 
float:left;
}



/* fluid two cols taking img width */
.textright {
padding:0;
margin: 0 0 15px 0;
_height:0;
}

.imageright {
float:right;
_width:15px;
min-width:15px;
margin-left:12px;
margin-bottom:12px;
}

.imageleft {
float:left;
_width:15px;
min-width:15px;
margin-right:12px;
margin-bottom:12px;
padding-left:10px;
}


canvas {
padding-top:1px;
padding-bottom:10px;
}

a.thumbs, a.album {
padding-top:10px;
float:left;
display:block;
margin-right:10px;
}

a.album {
	height:100px;	
}

a.clean{
background-image:none;
padding:0;
}

.textleft {
padding:0;
margin: 0 15px 0 0;
_height:0;
}


.imagecenter {
}


.clearboth{
clear:both;
}

/* program list */

div.line {
border-bottom:1px solid #333;
}






/* navipage */

.navipage {
float:right;
width:250px;
height:16px;
text-align:right;
padding:0 10px;
}

.navipage a{
background:none;
padding:3px 3px;
}

.alphaindex a{
padding:0 3px;
}


table.program {
width:100%;
_border: 1px dotted #c6c6c6;
border-collapse:collapse;
color:#4a4a4a;
}

table.program h3 {
text-transform:uppercase;
text-decoration:none;
display:inline;
}


table.s h3{
font-size:10px;

}


table.s em{
display:inline;
}



table.program tr.date{
border-bottom:1px dotted #000;
height:26px;
font-size:11px;
font-weight:bold;
_height:0;
}

table.program td.day{
padding-left:10px;
}

table.program tr.line{
border-bottom:1px solid #e8e8e8;
_height:0;
}

table.program tr.s{
background-color:#f6f9fc;
}

table.program td.img{
padding:10px;
width:40px;
vertical-align:top;
}

table.program td.img a{
border:1px;
padding:0;
border:0;
background:none;
}

table.program td.desc{
padding:10px 0;
border-right:1px solid #e8e8e8;
vertical-align:top;
_height:0
}

table.program td.descotf{
padding:3px 2px;
border-right:1px solid #e8e8e8;
vertical-align:top;
_height:0
}

table.program td.desc p, table.program td.descotf p{
font-size:10px;
margin:0;
padding:0 22px 0 0;
}

table.program td.desc em, table.program td.descotf em{
padding:0;
display:inline;
}

table.program td.desc h3, table.program td.descotf h3, .box h3{
	color:#4a4a4a;
	font-size:13px}

table.program td.hour{
background-color:#f7f7f7;
width:40px;
padding:10px;
vertical-align:top;
font-size:11px;
font-weight:bold;
}

table.program tr.s td.hour{
background-color:#ebf3f9;
}


/* contact list */

ul.contact,ul.contact_bo{
list-style:none;
padding:10px 0;
margin:0;
overflow:hidden;
height:100px;
}

ul.contact_bo{
height:100%;
}

ul.contact li.l1,ul.contact_bo li.l1{
background-color:#ededed;
list-style:none;
height:36px;
padding:0;
margin:0;
}

ul.contact li.l2,ul.contact_bo li.l2{
list-style:none;
height:36px;
padding:0;
margin:0;
}

ul.contact li span{
display:block;
background:  url(/images/contact/man.png) no-repeat;
padding:4px 4px 4px 38px;
height:28px;

}

/*ul.contact li a{
display:block;
background:  url(/images/contact/man.png) no-repeat;
padding:4px 4px 4px 38px;
height:28px;

}

ul.contact li a:hover{
text-decoration:none;
}*/

/* form */

form.client {
}


form.client label{
display:block;
padding-bottom:4px;
padding-top:10px;
}

form.client input.txt, form.client textarea.txt {
width:96%;
border:1px solid #c6c6c6;
background:url(../images/form/bg.png) repeat-x;
padding:3px;
}

form.client input.txt { 
	height:17px;
}

form.client textarea.txt { 
	height:70px;
}

form.client input.s {
background:url(../images/form/bg_s.png) repeat-x;

}


form.client input.n {
width:40%;
}


form.client div.btnsend {
text-align:right;
padding-top:10px;
}


form.client table {
width:100%;
border-collapse:collapse;
margin:10px 0;
}

form.client td {
padding-right:10px;
}


/* partner */

.partner .box{
border-top:1px dotted #000;
_height:0;
}

.partner .box h3{
float:left;
padding-left:22px;
display:block;
width:180px;
border-bottom:1px;
}

.partner .box img{
float:left;
padding:12px;
}


#col123-3 {
padding-top:20px;
margin-left:7px;
_margin-left:4px;
display:block;
width:888px; 
float:left;
}




/* menu */
	
.menu {
}

.menu ul{
padding:0;
margin:0;
}


.menu ul li{
float:left;
width:49.2%;
list-style-type:none;
list-style:none;
padding:0;
margin:0;
}

.menu ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
list-style-type:none;
padding:6px 10px 1px 10px;
height:16px;
width:102px;
margin:4px 0 3px 5px;
text-decoration:none;
font-size:9px;
background:url(/images/menu/bg.png) no-repeat;
text-decoration:none;
color:#4a4a4a;
font-style:italic;
font-weight:bold;
}

.menu ul li.s a,
.menu ul li a:hover{
background-color:#EAEAEA;
background:url(/images/menu/bgs.png) no-repeat;
text-decoration:none;
color:#3366FF;

}

.submenu {
border-top:1px solid #cccccc;

}
/* -------- langmenu ---------- */

#langmenu	{ 
float:right;
}

#langmenu ul {
margin:0;
padding:0;
}

#langmenu li {
float:left;
list-style:none;
padding:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}


/** categorypath **/

#categorypath  {
margin:0 0 6px 0;
padding: 0px;
}

#categorypath a, #categorypath a:visited  {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
padding: 2px 0px 4px 0px;
}

/** formcheck **/
.error_f {
	background:transparent url(../images/form/bge.png) repeat-x scroll 0%;
}

/* tips */

.tool-tip {
	color: #fff;
	width: 139px;
	height: 100px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url('/images/bubble2.png') top;	
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('/images/bubble2.png') bottom;	
}

/** Youtube image size **/
img.imgyoutube {
	width:60px;
	height:40px;
padding:0 10px;
}


/** itable **/
.odd{
	background-color: #fff;
}
.even{
	background-color: #eee;
}

#lstreserv{
	display: none;
	visibility: hidden;
}

.itable  {
	width:100%;
}

.itable td {
	/*width:100px;*/
	font-size:12px;
}

th.tot_reserv{
	padding-right:45px;
	text-align:right;
}


/** Benevoles View**/

table .volunteers{
}

table .volunteers th{
text-align:left;
padding-bottom:5px;
}

table .volunteers td{
padding:5px 2px;
vertical-align:top;
}

table .volunteers td.lbl, table .volunteers tr.lbl {
background-color:#F7F7F7;
width:100px;
}