/* Style for duperrier.com */

body 		{ 
		background: #E8E8E8;
		width: 100%;
		font: normal 0.8em "Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif; 
		color: black;
		line-height: 130%;
		margin: 0; 
		padding: 0; 
		text-align: center;
		}



p, blockquote, ul, ol, dl, dd, li, dir, menu	{	
		/* inherit from body */	
		}	


img		{ border: none }
		
h1 		{ 
		font-family: tahoma, arial, helvetica, sans-serif; 
		font-size: 1.5em;
		text-align: left; 
		color: black; 
		background: url('icon.png') left bottom no-repeat;
		padding-left: 18px;
		}



a 		{
		color: blue; 
		background: transparent; 
		text-decoration: underline; 
		font-weight: normal; 
		}
		
a:hover 	{ 
		color: navy; 
		background: transparent; 
		text-decoration: underline; 
		font-weight: normal; 
		} 

p.center	{
		text-align: center; 
		}


#page 	{ 
		width: 700px;
		border-left: 5px solid #D6D7D9;
		border-right: 5px solid #D6D7D9;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
				text-align: center;
		}

#header {
	width: 700px;
	height: 100px;
	margin: 0;
	padding: 0; 
}


ul#menu {
	float: left;
	width: 100%;
	background-color: #3A3A3A;
	height: 20px;
	border-bottom: 3px solid #CFCFCF;
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0; 
}

ul#menu li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0; 
	text-align: center;	
}

ul#menu a {
	width: 116px;
	height: 20px;
	background-color: #3A3A3A;
	color: white;
	text-decoration: none;
	margin: 0;
	padding: 0; 
	display: block;
	text-align: center;
}

ul#menu a:hover {
	width: 116px;
	height: 20px;
	background-color: #3A3A3A;
	color: white;
	text-decoration: underline;
	background-color: #848484;
	margin: 0;
	padding: 0; 
	display: block;
	text-align: center;
}

.red {
	color: #F00000;
	}

#right {
	float: left;
	margin-left: 40px;
	width: 190px;
	text-align: justify;

}

#content h2, #right h2 {
	font: normal 1.3em tahoma, arial, helvetica, sans-serif;
	border-bottom: 1px dotted #030303;
	margin-top: 20px;
}

#right ul {
	list-style-image:url('square.png');
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#right li {
	height: 20px;
}

#right a {color: #646464; text-decoration: none;}

#right a:hover {color: #818080; text-decoration: underline;}




#content 	{ 
	float: left;
	width: 450px;
	text-align: justify;
	padding-left: 10px;
		}


#bottom 	{ 
		background-color: transparent; 
		clear: left;
		padding: 1em; 
		border: 1px none blue; 
		color: gray; 
		text-align: left; 
		font-size: 10px;
		}

#title {
		position: absolute;
		top: 20px;
		text-align: center;
		margin: 0;
		padding: 0; 
		}
		
#title h1 {
	font-size: 2em;
	font-weight: normal;
	color: white;
	font-family: verdana, arial, helvetica, sans-serif;
	background: none;
	text-align: center;
	margin: 0;
	padding: 0; 
}

#title p {
	color: white;
	text-align: center;
	padding-left: 130px;
	padding-top: 5px;
}