html, body {
	height: 100%;

}

body {
	margin: 0;
	background: url('stripe-gradient-6.png') repeat top center;  

	
	font-family: arial, helvetica, sans-serif; 
	font-size: 85%;
}

#main {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: white;
		border-right: 6px solid #FCB01C;
	border-left:6px solid #FCB01C;

}

#logobox-f {
background: url('logo-box-f-2020.png') no-repeat;
		height:150px;	
	margin-top: 2px;
		margin-left: 20px;
	position: relative;
}

#logobox-f img {

	position: absolute;
	top: 5px;
	left: 550px;
	width: 400px;
	height: 120px;
	border: 0;

}

#logobox {
	background: url('logo-box-2020.png') no-repeat;
	height: 148px;
	margin-top: 4px;
	margin-left: 10px;
	position: relative;
}

#logobox img {
	position: absolute;
	top: 5px;
	left: 550px;
	width:  400px;
	height: 120px;
	border: 0;
}

#stickynote_e {

	height: 100px;
	Width: 75px;
	margin-top: 0px;
	position: relative;
}

#stickynote_e img{
	position: absolute;
	top: 0px;
	left: 325px;
	width:  100px;
	height: 75px;
	border: 0;
z-index: 1;
}

#stickynote_f {

	height: 100px;
	Width: 75px;
	margin-top: 0px;
	position: relative;
}

#stickynote_f img{
	position: absolute;
	top: 0px;
	left: 325px;
	width:  100px;
	height: 75px;
	border: 0;
z-index: 1;
}


#nav {
width: 100%;
float: left;
clear: left;
background-color: #FFFFFF;
border-top: 2px solid #D2B039;
border-bottom: 2px solid #FCB01C;
list-style: none;
font-size: 90%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#nav ul {
margin: 0;
padding: 0 0 0 0;
list-style: none;
}

#nav li {
display: block;
width: 10.69%;
float: left;
background-color: #blue;
background-repeat: no-repeat;
border-right: 3px solid orange;
margin-left:0; margin-right:0px; margin-top:0; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0; padding-bottom:0
}

#nav a {
float: left;
width: 100%;
text-align: center;
background-color: #005386;
background-repeat: no-repeat;
background-position: right top;
text-decoration: none;
font-weight: bold;
color: #ffffff; padding-left:0px; padding-right:0px; padding-top:0.2em; padding-bottom:0.2em;

}

#acceuil #nav li.acceuil
{				border-right: 2px solid #FCB01C;
									border-left: 2px solid #FCB01C;
										background-color: #005386;
}

#profil #nav li.profil,
#services #nav li.services,
#joindre #nav li.joindre,
#formulaires #nav li.formulaires,
#sinistres #nav li.sinistres,
#personnel #nav li.personnel,
#faqs-f #nav li.faqs-f, 
#home #nav li.home,
#about #nav li.about,
#whatwedo #nav li.whatwedo,
#contact #nav li.contact,
#forms #nav li.forms,
#claims #nav li.claims,
#staff #nav li.staff,
#faqs #nav li.faqs,
#outils #nav li.outils,
#toolbox #nav li.toolbox
{				border-right: 2px solid #FCB01C;
									border-left: 2px solid #FCB01C;
										background-color: #005386;
}

#acceuil #nav li.acceuil a, #profil #nav li.profil a, #services #nav li.services a, #joindre #nav li.joindre a, #formulaires #nav li.formulaires a, #outils #nav li.outils a, #sinistres #nav li.sinistres a, #personnel #nav li.personnel a, #faqs-f #nav li.faqs-f a, #home #nav li.home a, #about #nav li.about a, #whatwedo #nav li.whatwedo a, #contact #nav li.contact a, #forms #nav li.forms a, #claims #nav li.claims a, #staff #nav li.staff a, #faqs #nav li.faqs a, #toolbox #nav li.toolbox a
	{text-align: center;
  							background-color: #C11B17;  
  							color:white;
}
 
#content {
	margin-top: 3.5em;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-bottom: 0px;
	min-height: 56%;
	background-image: url("bipper_new.gif");
	background-repeat: no-repeat;
	background-position: bottom right;

}

#contentstaff {
	margin-top: 3.5em;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-bottom: 0px;
	min-height: 56%;


}


h1{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 122%;
	color: #002345;
	line-height: normal;
}

h2{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 90%;
	color: #002345;
	line-height: normal;
	margin-bottom: 0;
}
h3{
	font-family: trebuchet ms, helvetica, sans-serif; 
	font-size: 90%px;
	font-style: italic;
	color: black;
	line-height: normal;
	margin-bottom: 0; margin-top: 0;
}


ul li       { 
				list-style-type: square;
				margin-bottom: 0;
				padding: 0;}
				
ul ul li    {  list-style-type: circle;
				margin-bottom: .1em;}


ul	{			margin-top: .5em;
				padding: 0; 
				font-size: 95%; 
				text-align: left;
}

ul ul {	margin-top: .1em;
	font-size: 99%;}


#footer {
	clear: both;
	background: white;
	height: 60px;
	border-top: 2px solid gray; 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 50px;
	font-family: trebuchet ms, helvetica, sans-serif; 
	font-size: 60%;
	color: ##000000
	font-weight: bold;
	text-decoration: none;
	bottom:0;
	padding: 20px,0;


	}