/* STYLE SHEET OF TOGETHER YOUTH EXCHANGE - ECO CREATVE */
/* CREATED BY VIPBURGR - VIPBURGR AT GMAIL COM   2010   */
/* #509ed5   */

	body{
		margin: 0px;
		padding: 0px;
		padding-top: 100px;
		background: #2f902c url('simg/bg-top.gif') repeat-x;
		text-align: center;
	}
	img{
		border: 0px solid;
	}
	img, div, input, td, a { 
		behavior: url("iepngfix.htc") 
	}
	td{
		padding: 0px;
		border: 0px solid;
		text-align: left;
		vertical-align: top;
	}
	
	#mainwrap{
		width: 881px;
		margin: auto;
		position: relative;
		text-align: left;
	}
	#tree{
		position: absolute;
		top: -60px;
		left: 200px;
		Z-index: 5;
		width: 614px;
		height: 512px;
		background-repeat: no-repeat;
	}
	#logo{
		position: absolute;
		top: -75px;
		left: 71px;
		Z-index: 30;
		width: 739px;
		height: 71px;
		background-repeat: no-repeat;
	}
	#logos{
		margin-top: 30px;
		margin-bottom: -20px;
		border-top: 1px dotted #4646b8;
		text-align: center;
		clear: both;
	}
	#logos img{
		margin: 2px;
		margin-bottom: 0px;
		border: 1px solid #4646b8;
	}
	#menu{
		width: 132px;
		overflow: hidden;
		position: absolute;
		top: 10px;
		left: 0px;
		Z-index: 20;
	}
	
	#content{
		width: 749px;
		position: absolute;
		top: 0px;
		left: 132px;
		Z-index: 25;
	}
	
	#top-menu{
		position: absolute;
		top: 1px;
		left: 0px;
		width: 749px;
		height: 25px;
		Z-index: 25;
		background: transparent url('simg/top-menu.png') no-repeat;
		
		color: #01641b;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 25px;
		vertical-align: middle;
	}
	
	#top-menu a{
		color: #01641b;
		text-decoration: none;
	}
	
	#top-menu a:hover{
		color: #152a91;
		border-bottom: 2px solid #152a91;
	}
	
	.menu-top{
		width: 132px;
		height: 10px;
		background: transparent url('simg/menu-top.png') left top no-repeat;
	}
	
	.menu-middle{
		width: 132px;
		background: transparent url('simg/menu-middle.png') repeat-y;
		padding-bottom: 2px;
	}
	
	.menu-bottom{
		width: 132px;
		height: 10px;
		background: transparent url('simg/menu-bottom.png') left top no-repeat;
		margin-bottom: 15px;
	}
	
	.content-top{
		width: 749px;
		height: 9px;
		background: transparent url('simg/cont-top.png') left top no-repeat;
	}
	
	.content-middle{
		width: 749px;
		background: transparent url('simg/cont-middle.png') repeat-y;
		padding-top: 25px;
	}
	
	.content-bottom{
		width: 749px;
		height: 9px;
		background: transparent url('simg/cont-bottom.png') left top no-repeat;
		margin-bottom: 30px;
	}
	
	#menuLogo{
		background: transparent url('simg/eco-creative-menu.png') no-repeat;
		width: 98px;
		height: 42px;
		margin: auto;
	}
	
	#logoTogetherFrance{
		margin: 0px 0px 15px 23px;
	}
	
	.menu-middle ul{
		margin: 5px 0px 0px 5px;
		padding: 0px 0px 0px 20px;
	}
	
	.menu-middle ul li{
		list-style-image: url('simg/bullet-1.png');
		font-family: Tahoma, Verdana;
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
		color: #000079;
	}
	
	.menu-middle ul li:hover{
		list-style-image: url('simg/bullet-2.png');
	}
	
	.menu-middle ul li a{
		color: #000079;
		text-decoration: none;
	}
	
	.menu-middle ul li a:hover{
		color: #005c08;
		text-decoration: none;
		padding-left: 3px;
	}
	
	.menu-middle ul img{
		margin: 3px 0px 3px -10px;
		display: block;
	}
	
	.content {
		padding: 25px;
		font-family: Arial;
		color: #000347;
		font-weight: bold;
		font-size: 13px;
		text-align: justify;
		line-height: 17px;
	}
	
	.content h1{
		margin-top: -14px;
		margin-bottom: 23px;
		text-align: center;
		color: #000079;
		font-size: 26px;
		font-family: Times New Roman;
		border-bottom: 2px dotted #000079;
		padding-bottom: 4px;
	}
	.content h2{
		color: #000079;
		margin-top: 5px;
		margin-bottom: 8px;
		margin-left: 10px;
		font-family: Times New Roman;
		font-size: 18px;
		clear: both;
	}
	
	.content p{
		padding: 0px;
		margin: 4px 4px 20px 4px;
	}
	
	.content img.right{
		float: right;
		margin: 3px 4px 10px 10px;
		border: 1px dotted #000079;
		padding: 1px;
	}
	
	.content img.left{
		float: left;
		margin: 3px 10px 10px 4px;
		border: 1px dotted #000079;
		padding: 1px;
	}
	
	.content img.galpic{
		float: left;
		margin: 10px;
		border: 1px dotted #000079;
		padding: 1px;
	}
	
	.content img.galpic:hover{
		float: left;
		margin: 10px;
		border: 2px solid #000079;
		padding: 0px;
	}
	
	.content p.infobox{
		padding: 10px;
		padding-right: 35px;
		border: 1px dashed #44BCB8;
		color: #44BCB8;
		font-size: 12px;
		font-style: italic;
		font-weight: normal;
		background: #1F617A url('simg/qm.png') 99% 11% no-repeat;
		text-align: left;
		width: 85%;
		margin: auto;
		clear: both;
		opacity: 0.9;
	}	
	
	.content p.gallery{
		text-align: center;
		clear: both;
	}
	
	.content p a{
		color: #01641b;
		text-decoration: none;
		border-bottom: 1px dotted #01641b;
	}
	
	.content p a:hover{
		text-decoration: none;
		border-bottom: 1px solid #01641b;
	}
	
	.content p.infobox a{
		color: #87f9f3;
		text-decoration: none;
		border-bottom: 1px dotted #45bbb7;
	}
	
	.content p.infobox a:hover{
		text-decoration: none;
		border-bottom: 1px solid #45bbb7;
	}
	
	.content table{
		margin: 20px 0px 20px 0px;
		border: 1px solid #01641b;
		border-collapse: collapse;
		background-color: #c6ddf2
	}
	.content table td{
		border: 1px dotted #01641b;
		padding: 3px;
		text-align: center;
		width: 130px;
		font-size: 10px;
		font-family: Arial;
		line-height: 12px;
		vertical-align: middle;
	}
	.content table td.bold{
		font-weight: bold;
		color: #01641b;
		font-size: 12px;
	}
	.content table td div.line{
		border-bottom: 1px solid;
		margin: 2px;
		color: #01641b;
	}
	.spacer{
		margin: 10px 150px 25px 150px;
		border-bottom: 1px dotted #000079;
		clear: both;
	}