@charset "utf-8";
/* CSS Document */

html {
	/*background-color:#CCCCCC;*/
	margin:0px;
	padding:0px;
	border:0px;}

body {
	background-color:#ccc;
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	}

a, a:visited, a:active {
	color: #636363;
	text-decoration: none;
	border:none;
	margin:0px;
	padding:0px;
	}

a:hover {
	color: #000000;
	text-decoration: none;
	border:none;
	margin:0px;
	padding:0px;
	}
	
p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#636363;
	}
	
h1 {
	padding:0px;
	margin:0px;
	color:#636363;
	}
	
h4 {
	margin:0px;
	font-weight:100;
	font-size:11px;
	color:#636363;
	}
	
h5 {
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-size:10px;
	text-align:left;
	color:#636363;
	}
	
ul {
	color:#636363;
	list-style-image:url('../images/bullet_s5.jpg');
	list-style-type:disc;
	}
	
ul li {
	padding-left:0px;
	margin-left:0px;
	}
	
#logo {
	position:relative;	
	margin: 0px auto;
	padding:20px 0px 10px 0px;
	border:0px;
	width:820px;
	background-color:#fff;
	}
	
div#logo img {
	padding:0px 0px 0px 30px;
	border:none;
	z-index:5;
	}


/* ################################### menu for site ################################### */
	
div#nav {
			margin:0px;
			padding:0px 0px 0px 0px;
			z-index:4;
			position:absolute;
			right:50px;
			top:70px;
			text-decoration:none;
			list-style:none;
			font-family:Helvetica, sans-serif;
			font-size:12px;
			}
			  
	
div#nav ul {
			margin:0;
			padding:0;
			list-style:none;
			z-index:4;
			}
	
	
div#nav ul ul {
			position:relative;
			display:none;
			margin:0;
			padding:0;
			z-index:4;
			}
	
	
div#nav li {
			position:relative;
			margin:0;
			padding:0px 10px 0px 10px;
			/*width:70px;*/
			float:left;
			height:12px; /*change*/
			line-height:9px; /*change*/
			text-align:center;
			background-color:#ffffff;
			border-left:2px solid #636363;
			}
				 
	
div#nav li.endOf {
			padding:0px 10px 0px 10px;
			border-right:2px solid #636363;
			}
				 
	
	/* div#nav li:hover { background-color:#d2fdbd; } */
				 
	
div#nav ul ul li {
			position:relative;
			margin:0px;
			/*width:70px;*/
			border-left:none;
			border-right:2px solid #636363;
			float:left;
			text-align:left;
			background-color:#ffffff;
			line-height:1.5em;
			}
	
	
div#nav ul.level1 li.submenu:hover ul.level2 {
			display:none;/*block*/
			}
	
	
div#nav ul.level1 li.submenu:hover ul.level2 a {
			display:none;/*block*/
			}
	
	
div#nav li a {
			display:block;
			margin:0px;
			padding:2px 0px 2px 0px;
			height:12px; /*change*/
			width:100%;
			voice-family: "\"}\"";
			voice-family:inherit;
			/*width:70px;*/
			}
			
div#nav ul ul li a {
			display:none;/*block*/
			margin:0px;
			padding:2px 0px 2px 12px;
			height:12px; /*change*/
			width:100%;
			voice-family: "\"}\"";
			voice-family:inherit;
			width:58px;
			}	
			  
	
div#nav>ul a {
			width:auto;
			}
	
	
div#nav a:link {
			color:#636363;
			}
	
	
div#nav a:visited {
			color:#636363;
			}
	
	
div#nav a:hover {
			color:#000000;
			background-color:#ffffff;
			/*font-weight:bolder;*/
			}
	
	
div#nav a:active {
			color:#333333;
			}
			
			
/* ################################### end of menu ################################### */


			
.background {
	position:relative;
	margin: 0px auto;
	padding:0px;
	border:0px;	
	background-color:#666;
	width:824px;
	}
	
#container1 {
	position:relative;
	margin: 0px auto;
	padding:0px;
	border:0px;
	width:820px;
	background-color:#CCCCCC;
	}	
			
#header{
	position:relative;	
	margin: 0px auto;
	padding:0px;
	border:0px;
	width:820px;
	height:100px;
	z-index:3;	
	background-image:url(../images/peronne_sky.jpg);
	}
	
#insert{
	position:absolute;	
	margin: 0px 0px 0px 0px;
	padding:65px 0px 0px 80px;
	border:0px 0px 0px 0px;
	z-index:5;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	}
	
#insert p{
	color:#002258;
	}


#title {
	/*position:relative;
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	border:0px;
	background-color:#CC6;
	width:100%;
	height:200px;
	border:1px solid #000;*/
	}

#content1 {
	position:relative;
	margin: 0px;
	padding:0px;
	border:0px;
	background-color:#FFFFFF;
	width:100%;
	min-height: 420px;
	height: auto !important;
	/*height:420px;*/
	font-family:Helvetica, sans-serif;
	font-size:11px;
	}
	
	.contentL {
		position:relative;
		float:left;
		left:0px;
		width:410px;
		height:100%;
		text-align:left;
		}	
	
	.contentL h4 {
		padding:10px 0px 0px 80px;
		}
	
	.contentL p {
		padding:35px 10px 0px 80px;
		margin:0px 0px 0px 0px;
		text-align:left;
		}
	
	.contentL ul {
		padding:20px 15px 0px 95px;
		margin:0px 0px 0px 0px;
		}
		
	
		.columnL {
			position:relative;
			float:left;
			left:0px;
			width:260px;
			}
			
			.columnL ul {
				padding:10px 10px 0px 95px;
				margin:0px 0px 0px 0px;
				}
				
			/*.columnL p {
				padding:35px 10px 0px 80px;
				margin:0px 0px 0px 0px;
				text-align:justify;
				}*/
			
		.columnR {
			position:relative;
			float:left;
			left:0px;
			width:150px;
			}
			
			.columnR ul {
				padding:10px 10px 0px 20px;
				margin:0px 0px 0px 0px;
				}
				
			/*.columnR p {
				padding:35px 10px 0px 80px;
				margin:0px 0px 0px 0px;
				text-align:justify;
				}*/
				
	
	.contentR {
		position:relative;
		float:left;
		left:0px;
		width:410px;
		height:auto;
		overflow:hidden;
		}
		
	.contentR h4 {
		padding:35px 0px 0px 40px;
		}
	
	.contentR p {
		padding:35px 50px 0px 40px;
		margin:0px 0px 0px 0px;
		text-align:left;
		}
	
	.contentR ul {
		padding:20px 55px 0px 55px;
		margin:0px 0px 0px 0px;
		text-align:left;
		}
		
		.columnRL {
			position:relative;
			float:left;
			left:0px;
			width:220px;
			}
			
			.columnRL ul {
				padding:10px 10px 0px 55px;
				margin:0px 0px 0px 0px;
				}
				
			/*.columnRL p {
				padding:35px 10px 0px 80px;
				margin:0px 0px 0px 0px;
				text-align:justify;
				}*/
			
		.columnRR {
			position:relative;
			float:left;
			width:190px;
			}
			
			.columnRR ul {
				padding:10px 10px 0px 20px;
				margin:0px 0px 0px 0px;
				}
				
			/*.columnRR p {
				padding:35px 10px 0px 80px;
				margin:0px 0px 0px 0px;
				text-align:justify;
				}*/
	
	#contact1 {
		position:absolute;
		left:450px;
		top:315px;
		padding:0px 40px 0px 0px;
		font-family:Helvetica, Arial, sans-serif;
		font-size:11px;
		z-index:6;
		text-align:left;
		}	
	
#footer {
	position:relative;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	}
	
#foot {
	position:relative;
	margin:0px;
	padding:0px;
	border:0px;
	width:820px;
	height:20px;
	background-color:#e1e1e1;
	}
	
.copytext {
		position:relative;
		float: left;
		width:280px;
		height:20px;
		padding:5px 0px 0px 360px;
		margin:0px;
		}
		
.backpage {
		position:relative;
		float: left;
		width:80px;
		height:20px;
		padding:5px 0px 0px 10px;
		margin:0px;
		}
		
.forwardpage {
		position:relative;
		float: left;
		width:80px;
		height:20px;
		padding:5px 10px 0px 0px;
		margin:0px;		
		}
		
.forwardpage h5 {
		text-align:right;
		}