/* Colour scheme: #0066FF (blue), #CC3300 (red), #CCCCFF (light blue) */

/* links blue with hover/active red */	

body {
	margin-left: 5%;	
	margin-right: 5%;
	margin-top: 0;
	background-color: #CCCCFF;
	font: 12px helvetica,arial,sans-serif;
	color: black;
	/*scrollbar-base-color: #0066FF;
	scrollbar-arrow-color: #0066FF;
	scrollbar-highlight-color: #0066FF;
	scrollbar-shadow-color: #CC3300;
	scrollbar-darkshadow-color: #CC3300;
	scrollbar-face-color: #0066FF;
	scrollbar-3dlight-color: #CC3300;*/
}
div.main {
	/* IE hack meant to work like min_width ?? _width: 650px; */
	min-width: 650px;
	width: 100%;
	overflow: hidden;
}
div.title_banner {
	width: 100%;
	height: 80px;
	overflow: hidden;
	position: relative;
}
img.thyon_region_logo {
	position: absolute;
	top: 5px;
	right: 20px;
}
img.quatre_vallees_logo {
	position: absolute;
	top: 5px;
	right: 100px;
}
div.contact_info_bar {
	width: 100%;
	height: 19px;
	background: #CC3300 url('../graphics/contact_info_bar_bg.gif') repeat-x bottom left;
	color: white;
	position: relative;
}
div.contact_info_bar span {
	position: absolute;
	left: 6px;
}
div.contact_info_bar_shadow {
	background: #CCCCFF url('../graphics/contact_info_bar_shadow.gif') repeat-x top left;	
	width: 100%;
	height: 2px;
	/*position: absolute;*/
}
div.menu_container {
	width: 100%;
	height: 31px;
	position: relative;
	border-width: 1px;
}
div.menu_corner {
	width: 35px;
	height: 22px;
	background: #006600 url('../graphics/menu_corner_bg.jpg') no-repeat bottom right;
	position: absolute;
	top: -3px;
	_top: -16px; /* underscore hack for IE 6 and under bug which otherwise produces horizontal gap */
	right: 695px;
	_right: 695px; /* underscore hack for IE 6 and under bug which otherwise produces RHS 1px indent */
	/*z-index: 0;*/
}
div.menu {
	width: 695px;
	height: 22px;
	text-align: right;
	background: #0066FF url('../graphics/menu_bg.gif') repeat-x bottom left;
	font-weight: bold;
	font-size: 1.2em;
	position: absolute;
	top: -3px;
	_top: -16px; /* underscore hack for IE 6 and under bug which otherwise produces horizontal gap */
	right: 0;
	_right: -1px; /* underscore hack for IE 6 and under bug which otherwise produces RHS 1px indent */
	/*z-index: 1;*/
}
div.menu span {
	position: absolute;
	top: 1px;
	left: 0px;
}
div.menu span img {
	width: 15px;
	height: 16px;
	margin-right: 18px;
	margin-left: 18px;
	vertical-align: middle;
}
div.menu span a, div.menu span a:visited, div.contact_info_bar span a, div.contact_info_bar span a:visited, div.bottom_menu a, div.bottom_menu a:visited {
	color: white;
}
div.menu span a:hover, div.menu span a:active, div.bottom_menu a:hover, div.bottom_menu a:active {
	color: #CC3300;
}
div.menu a.current {
	color:  #CC3300 !important;
}
div.content {
	line-height: 1.3em;
	text-align: justify;
	/*clear: both;*/
	padding: 0 10px 200px;
}
/* Draw attention to this word/phrase */
.look {
	display: inline;
	font-weight: bold;
	font-size: 1.1em;
}
h2, h3 {
	margin: 0;
}
h2{
	font-size: 1.4em;
}
h3{
	font-size: 1.2em;
}
a, a:visited, div.contact_info_bar span a:hover, div.contact_info_bar span a:active {
	color: #0066FF;
	text-decoration: none;
}
a:hover, a:active {
	color: #CC3300;
}
ul li {
	list-style: disc outside url('../graphics/snowflake_menu.gif');
	padding-left: 0.5em;
	line-height: 1.8em;
}
ul li span {
	vertical-align: top; /*for IE5.5, also read by IE6 */
	vertical-align: 4px; /*for Opera, Fx, IE6/7 - seems to be ignored by IE5.5*/
}
div.content img.shadowed_img, div.content img#the_picture {
	display: block;
	/*width: 100%; Moved to homepage.css - see comment there. */
	position: relative; /* needed or IE 5.5 and 6 cut off image outside div caused by -ve margins */
	margin: -6px 6px 6px -6px;
}
div.img_shadow {
	display: block;
	background: url('../graphics/shadow.png') no-repeat bottom right !important;
	background: url('../graphics/shadow.gif') no-repeat bottom right;
	margin: 20px;
	border: 1px solid #CCCCFF;	/* Will not offset correctly and therefore show drop-shadow without border even though it will without it on the homepage - seems like a bug! */
}
div.bottom_menu {
	clear: both;
	height: 20px;
	text-align: center;
	color: white;
	background: #0066FF url('../graphics/bottom_menu_bg.gif') repeat-x top left;
}
div.bottom_menu a {
	margin: 6%;
}
table, tr, td {
	border: none /*1px solid black*/;
	border-collapse: collapse;
}
img {
	border: 0;
}