body
	{font-family: verdana, arial, tahoma, sans-serif; margin: 0; padding-bottom: 20px; 
	font-size: 90%; background-image: url(images/TopGradient.gif); background-repeat: repeat-x;}
	
	/*link instructions have to be done in this order*/
	body a:link
	{color: #3D65B2; text-decoration: none; font-style: normal;}

	body a:visited
	{color: gray; text-decoration: none; font-style: normal;}

	body a:hover
	{text-decoration: underline; font-style: normal;}

	body a:active
	{}


div.frame 
	{width: 790px; margin: 0 auto;
	padding: 10px 10px 0px 0px;}


div.header 
	{padding-top: 10px;	margin-bottom: 5px;}
	
	h1.headerinfo /*this is the info in the page header: Kevin L. ERWIN...*/
	{padding: 0px; margin: 0px; font-size: 120%; 
	border-style: solid; color: #3D65B2; border-width: 2px 0px 2px 0px;}

	h2.services
	{font-size: 80%; text-align: right; margin: 0; padding: 10px 0px 15px 0px; color: #3D65B2;}

	a.services:link
	{}	
	a.services:visited
	{color: #3D65B2;}	
	a.services:hover
	{}
	
	a.logo:link
	{}
	a.logo:visited
	{color: #3D65B2;}
	a.logo:hover
	{text-decoration: none;}
	

div.navigation
	{width: 180px; float: right; padding-left: 0; padding-top: 40px; padding-bottom: 60px;}

	ul.navlist
	{padding: 0; margin: 0; list-style: none;}

	li.navitem
	{padding: 10px 5px 10px 5px; color: #7eb6e3; font-style: italic; font-weight: bold;}

	li.navitem ul
	{margin: 0; padding: 4px 0px 0px 15px; list-style: none;}



div.content
	{width: 565px; min-height: 450px; float: right; padding: 50px 10px 50px 20px;
	margin-left: 10px; border-left: solid 1px silver;}



div.inpagebox
	{width: 250px; float: right; padding: 20px 0px 20px 20px; margin: 0px 0px 10px 10px;
	border-left: solid 1px silver;}

	ul.inpagemenu
	{padding: 0; margin: 0; list-style: none;}

	li.inpagemenuitem
	{font-weight: bold; padding: 0px 0px 4px 0px; color: #7eb6e3; font-style: italic;}
	
	
	
div.aside
	{float: right; width: 450px; background-color: #F8F8FF;
	padding: 10px; margin: 10px; border-bottom: solid gray 1px; border-right: solid silver 1px;}

div.informations /*To activate, remove "display: none"*/
	{float: right; clear: right; width: 224px; background-color: #F8F8FF; padding: 0px 3px 0px 3px;
	border-bottom: solid gray 1px; border: solid silver 1px; display: none;}


div.footer
	{width: 100%; clear: right; font-size: 80%; color: white;
	text-align: center; padding-top: 10px; padding-bottom: 10px;}
	/*The mention "width" here is in theory unneccessary, but it makes the Xhtml/css images sit on the bottom border instead of floating about 1 cm above it in Internet Explorer 6. Va savoir.*/

	li.footeritem
	{display: inline; margin: 5px; color: #7eb6e3;}



h1, h2, h3, h4, h5, h6
	{color: #223966;}

	h1 /*main page headings*/
	{font-size: 100%; padding-bottom: 20px;}

	h2 /*sub-main page headings*/
	{font-size: 90%; clear: right;}
	/*The clear right is added here to make the 'haut de page' image occupy a single line in the Con. gen.*/
	
	h2:target {background: #b0c4de;}
	/*This is a CSS 3 pseudo-class and is currently only supported by firefox, Safari, Opera (the others just ignore it). In "liens-utiles", when you select a subject, not only will the page jump to the required heading, that heading will also be highlighted by the CSS.*/


	h2.liensutiles
	{margin-top: 50px; padding: 10px 0px 10px 0px; border-top: solid #394d5e 1px; clear: none;}
	/*the clear none is added here to correct IE behavior in the page liens utiles provoked by the clear right mentioned just above.*/

	h3
	{font-size: 90%;}

	h4 /*CV section titles*/
	{font-size: 90%; font-style: italic;}

	h5
	{font-size: 90%; margin: 0; padding: 0px 0px 20px 0px;}



p, ul
{font-size: 80%; line-height: 1.3;}

.inset
{padding-left: 1.5em;}

li ul
{font-size: 100%;} /*This indicates that a second order list should be shown at the same size as its first order list*/

address
{font-size: 80%; font-style: normal;}

 li.rates
 {margin-top: 10px;}



img
{float: right; margin: 0px 0px 5px 10px}

img.xhtmlcss
{float: left; margin-left: 1px;}

img.courriel
{float: none; margin: 0; padding: 0;}

a img 
{border: none; float: right; clear: right;} /* This is currently applying only to the 'haut de page' links*/



strong, em
{color: #223966;}

strong.nobold
{font-weight: normal; color: black;}

em.normal
{font-style: italic; color: black;}

.limittotextlength
{display: inline;}

.boxoverheader
	{width: 200px; padding: 5px; font-size: 80%; 
	background-color: #3D65B2; color: white;
	border-top: solid 1px rgb(215,215,215); border-left: solid 1px silver; border-right: solid 1px silver;
	text-indent: 1em;}

.boxoverbody {width: 200px; padding: 10px 5px 10px 5px; font-size: 75%;
background-color: #F8F8FF;
border-top: solid 1px rgb(215,215,215); border-left: solid 1px silver; border-right: solid 1px silver; border-bottom: solid 2px gray;}

.boxoversign {float: none; clear: none; margin: 0; padding: 0;}