<!--

	/* CSS Text */
	body {
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
		background: #fff;
		margin: 0;
		padding: 0;
		color: #333;
	}

	.container {
		width: 100%;
		min-width: 780px;
		background: #FFF;
	}

	.header {
		font-size: 10px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		letter-spacing: 1px;
		background-color: #333333;
	}

	.logo{
		position:fixed;
		width:219px;
		top:0;
		left:51px;
		z-index:1;
		border-right: #fff 1px solid;
		border-bottom: #fff 1px solid;
		border-left: #fff 1px solid;
		background-color: #888;
	}
	
	.time{
		position:fixed;
		top:8px;
		height:15px;
		left:581px;
		width:131px;
		padding:3px 4px 2px 6px;
		background-color: #ddcfb4;
		z-index:3;
	}
	
	.title{
		position:fixed;
		top:7px;
		font-size:19px;
		height:53px;
		left:296px;
		/* width:5%; */
		padding:18px 11px 2px 13px;
		border: #f00 1px solid;
		background-color: #fff; filter:alpha(opacity=96); opacity:0.96;
		z-index:2;
	}
	
	.buttons {
		position: fixed;
		top: 45px;
		right: 20px;
		width: 3000px;
		z-index: 3;
		padding: 10px;
	}
	
	.buttons a:hover {
		color: red;
	}
	
	.buttons a:active {
		color: gray;
	}

	.button{
		margin-left:3px;
		padding-right:6px;
		padding-left:6px;
		width:183px;
		height:133px;
		font-size: 0.75em;
		line-height: 0.25em;
		background: url(http://jacdepczyk.com/_graphics/button.png) no-repeat;
	}
	
	.v1{
		position:absolute;
		top:0;
		left: 9%;
		width:20%;
		height:100%;
		border-left: #966 1px solid;
		border-right: #9c9 1px solid;
		z-index: -1;
	}
	
	.v2{
		position:absolute;
		top:0;
		left: 34%;
		width:10%;
		height:100%;
		border-left: #f04 1px dotted;
		border-right: #ccc 1px solid;
		z-index: -1;
	}
	
	#main{
		/*margin: 0 15px 0 15px;*/
		/*height:400px;*/
		/* fore animation width:50px;*/
		font-size: 0.95em;
		line-height: 1.4em;
		border:	1px solid #cdF;
		width:50%;
		padding:25px 28px 25px 11px;
		margin-top:61px;
		margin-right: 140px;
		margin-left: auto;
		margin-bottom: 40px;
		background-color: #fff; filter:alpha(opacity=85); opacity:0.85;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-o-border-radius: 12px;
		/*z-index:1; */
	}
	
	#main .inset{
		background-color: #f0e0c0; filter:alpha(opacity=70); opacity:0.70;
		line-height: 1em;
		color: #f00;
		font-size: 0.85em;
		text-align: right;
		position: relative;
		bottom: -26px;
		right: -28px;
		padding: 10px;
		border-radius: 12px 0 12px 0;
		-moz-border-radius: 12px 0 12px 0;
		-webkit-border-radius: 12px 0 12px 0;
		-o-border-radius: 12px 0 12px 0;
		z-index:1;
	}

	.sidebar1 {
		float: right;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em;
		z-index: +1;
		position: fixed;
		width:181px;
		top:68px;
		right:0;
	}
	
	.sidebar1 ul.nav {
		list-style: none;
		position: relative;
		right:0;
	}
	
	ul.nav li {
		border-top: 1px solid #666; /* this creates the button separation */
	}
	
	.sidebar1 ul.nav li a, .sidebar1 ul.nav li a:visited{
		background: #ddd;
		color: #555;
		padding: 10px 40px 10px 10px;
		display: block;
		position: relative;
		right:-60px;
		text-decoration: none;
	}
	
	.sidebar1 ul.nav li a:hover, .sidebar1 ul.nav a:active, .sidebar1 ul.nav a:focus {
		background: #eee;
		color: #000;
		padding: 10px 40px 10px 10px;
		position: relative;
		right:0px;
	}

	.footer {
		position: fixed;
		right:0;
		bottom:0;
		text-align: right;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 11px;
		padding: 1px 9px 10px 5px;
		background-color: #fff; /*filter:alpha(opacity=91); opacity:0.91; */
		z-index:3;
	}
	
	.img_pool {
		position:fixed;
		/*width:121px;*/
		bottom:0;
		left:0;
		z-index:-1;
	}
	
	.img_funct {
		font-size: 0.8em;
		position:fixed;
		padding:3px 18px 4px 6px;
		line-height:92%;
		/* width:121px; */
		bottom:16px;
		left:0;
		z-index:4;
		border-bottom:	#333 1px solid;
		background-color: #f0e0c0; filter:alpha(opacity=75); opacity:0.75;
		border-radius: 0 0 12px 0;
		-moz-border-radius: 0 15px 0 0;
		-webkit-border-radius: 0 15px 0 0;
		-o-border-radius: 0 15px 0 0;
	}
	
	/* ~~ Element/tag selectors ~~ */
	ul, ol, dl { 
		padding: 0;
		margin: 0;
	}
	h1, h2, h3, h4, h5, h6, p {
		margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
		padding-right: 15px;
		padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	}
	a img { border: none; }

	a:link { color:#414958; text-decoration: none; }
	a:visited {
		color: #4E5869;
		text-decoration: none;	/* text-decoration: underline; */
	}
	a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
		text-decoration: none;
	}

	.sys_inf { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:9pt; letter-spacing:1px; color:#666; font-style:italic; }

	.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
		float: right;
		margin-left: 8px;
	}
	.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
		float: left;
		margin-right: 8px;
	}
	.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}

	.formbox {
		width:				87%;
		border:				1px dotted green;
		padding: 13px 20px;
		margin: 20px auto;
	}

	.submenu_top {
		font-size:			11px;
		font-weight:		bold;
		padding:			1px 24px 4px 21px;
		position:relative;
		top:44px;
		left:0px;
		background-color:	#dadada;
		/* [disabled]z-index:+1; */
	}
	
	.sharethis {
	margin:0;
	width:100px;
	height:22px;
	padding: 25px 0 3px 0;
	position:fixed;
	top:0;
	right:0;
	left:280px;
	z-index:+3;
	}

	.respond_form {
		width:570px;
		padding:36px 22px 22px 22px;
		position:absolute;
		top:94px;
		left:79px;
		z-index:+3;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 0.86em;
		font-weight: normal;
		letter-spacing: 1px;
		color: #000;
	}

	.respond_form_ttl {
		margin:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:2px;
		font-style: italic;
		font-size: 1.03em;
		color: #fff;
		height:23px;
		padding:3px 13px 3px 18px;
		border-left:	#f00 1px solid;
		position:absolute;
		top:92px;
		left:94px;
		background-color: #3e3533;
		filter:alpha(opacity=76);
		opacity:0.76;
		z-index:+2;
	}

	.respond_form_calque {
	width:590px;
	height:523px;
	border-right:	#f00 1px solid;
	border-bottom:	#f00 1px solid;
	position:absolute;
	top:92px;
	left:94px;
	background-color:	#fff;
	  filter:alpha(opacity=81);
	  opacity:0.81;
	z-index:+1;
	}

	.respond_form_calque_c {
	width:450px;
	height:145px;
	border-top:	#fff 1px solid;
	border-right:	#f00 1px solid;
	border-bottom:	#f00 1px solid;
	border-left:	#fff 1px solid;
	position:absolute;
	top:92px;
	left:94px;
	background-color:	#fff;
	  filter:alpha(opacity=66);
	  opacity:0.66;
	z-index:+1;
	}
	
-->