/* Style sheet for Lapalme Communication */
/* By Natmark-Concept inc. 2008 All rights reserved. */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center; /* Hack for IE5/Win */
	font-size: 76%;
	color: #313131;
	background-color: #ffffff;
	margin-top: 10px;
	padding: 0px;
	}

html {height: 100.1%;} /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */
img { border: 0px; }

#outerframe { width: 764px; margin: 0 auto; 
	border: 1px solid #313131;
	text-align:left; /* Counteract to IE5/Win Hack */
	background-color: #ffffff;
    color: #313131;
	}

/* Header */
#header { border-bottom: 10px solid #535652; }
#header .link { padding-top: 2px; padding-right: 10px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; }
#header a:link, #header a:visited	{ color: #466C7D; background-color: #ffffff; text-decoration: underline; font-size: 11px; } 
#header a:hover, #header a:active { color: #466C7D; background-color: #ffffff; text-decoration: overline; font-size: 11px; }

/* Background shadows and colors */
/*.shadowleft { background-image: url(../images/shadow-left.jpg); background-repeat: repeat-y; }
.shadowright { background-image: url(../images/shadow-right.jpg); background-repeat: repeat-y; }
*/
.blue { background-color: #B0D2E4; color: #535652; }
.shadowleft { background-color: #ccc; color: #000; }
.shadowright { background-color: #ccc; color: #000; }


/* Grey section */
#grey 				{ background-color: #ccc; color: #000; font-size: .90em; font-weight: normal; padding: 16px 20px 16px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; }
#grey h1 			{ background-color: #ccc; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin-bottom: 0px; }
#grey p 			{ margin-top: 0px; }
#grey a:link, #right a:visited	{ color: #335E7E; background-color: #ffffff; text-decoration: underline;} 
#grey a:hover, #right a:active { color: #6A2F1D; background-color: #ffffff; text-decoration: overline; }

/* Blue section */
#blue 				{ background-color: #B0D2E4; color: #535652; font-size: .85em; font-weight: bold; margin: 20px 20px 16px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; }
#blue a:link, #right a:visited	{ color: #535652; background-color: #B0D2E4; text-decoration: underline;} 
#blue a:hover, #right a:active { color: #535652; background-color: #B0D2E4; text-decoration: overline; }

/* White section */
#white 				{ background-color: #ffffff; color: #466C7D; font-size: .90em; font-weight: normal; padding: 10px 20px 16px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; }
#white h1 			{ background-color: #ffffff; color: #535652; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin-bottom: 0px; }
#white p 			{ margin-top: 8px; }
#white a:link, #white a:visited	{ color: #466C7D; background-color: #ffffff; text-decoration: underline;} 
#white a:hover, #white a:active { color: #466C7D; background-color: #ffffff; text-decoration: overline; }
#white .small 		{ font-size: .85em; color: #535652; background-color: #ffffff; }
#white a.small:link, #white a.small:visited { color: #535652; background-color: #ffffff; text-decoration: underline; }
#white a.small:hover, #white a.small:active { color: #535652; background-color: #ffffff; text-decoration: overline; }

#copyright { color: #313131; background-color: #ffffff; text-align: center; font-size: 10px; padding: 8px 0px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#copyright a:link, #copyright a:visited { color: #313131; background-color: #ffffff; text-decoration: underline; }
#copyright a:hover, #copyright a:active { color: #313131; background-color: #ffffff; text-decoration: overline; }