@charset "UTF-8";
/* 
ihand.ca
Version 0.83 - July 6, 2017
Stylesheet for user page 
*/
/* link : visited: hover: active */
body {
	background-color:#FFF;/*#929292*/
	scrollbar-face-color:#FFF;
	width: 100%; /* 100% */
	background-color:#FFF; /*#929292;*/
}

div#mainContainer {
	width: 100%; /* 100% */
	/*height: 700px;*/
	background-color:#FFF; /*#929292;*/
	margin: 0px 0px;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	margin: auto;
}

div#overflowContainer {
	overflow:hidden; position:relative;
}

div#content {
	position: relative;
	width: 200%; /* This is variable */
	left:0;
	clear:both;
}
div.column {
	float: left;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight:400;
}
div.columnChild h1, div.columnChild h2, div.columnChild h3, div.columnChild h4, div.columnChild p, div.columnChild li {
	font-style:normal;
}
div.columnChild p, div.columnChild ul, div.columnChild ol {
	margin:0em 0em;
	padding:0.5em 1em;
}
div.columnChild h1, div.columnChild h2, div.columnChild h3, div.columnChild h4 {
	margin:0em 0em;
	padding:0.25em 0;
	font-style:normal;
}
div.columnChild h1 {
	font-size:1.6em;
	padding-top:0.625em;
	padding-left:0.625em;
}
div.columnChild h2 {
	font-size:1.4em;
	padding-left:0.71428571em;
	line-height:1em;
}
div.columnChild h2 span {
	font-size:0.75em;
	color:#999;
}
div.columnChild h3, div.columnChild h4 {
	font-size:1.2em;
	margin:0em 0em;
	padding:01em 0.833333em 0.25em;
	font-size:1.2em;
}

div.columnChild h3, div.columnChild h4, div.columnChild h2, div.columnChild h1 {
 font-style:normal !important; 
 font-weight:300 !important;
}

/****
*
* Header
*
***/
div#header, div#footer {
	clear:both;
	background-color:#A9A9A9;
	/*background-color:#FFF;*/
	width:100%;	
}
div#header {
/*	background-image:url(../images/ui/UI-MC-CentGothic-Logo-01.gif);
*/	background-repeat:no-repeat;
	background-position:center center;
}

div#header a.currentMain {
	background-color:#B5B5B5 !important;
}

ul#mainNavigation {
	float:right;
	width:40%;
	margin:0 0;
}
ul#mainNavigation li {
	float:left;
	width:99%;
	margin:0 0;
}

/* For IE7 and IE8 
(although latter displays properly, 
it doesn't support last-child) */

li#searchWidget {
	width:99%;
	padding:0 0;
	text-align:right;
	list-style:none;
	float:right;
	padding-top:0.25em;
	padding-bottom:0.25em;
}
li#searchWidget label {
	color:#666;	
}
li#searchWidget input#autocomplete {
	width:20em;
}
/*
ul#mainNavigation li#siteHomeLi a {
	background-image:url(../images/ui/UI-MC-CentGothic-Logo-01.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:1.3em;	
}
ul#mainNavigation li#siteHomeLi span {
	display:none;	
}*/
/* For other browsers */
ul#mainNavigation li:last-child {
	width:100% !important;
	/*background-color:#F00 !important;*/
}

ul#mainNavigation li span {
	display:block; 
	padding-left:0.5em; 
	padding-right:0.5em; 
	padding-top:0.75em; 
	padding-bottom:0.75em;
}

ul#mainNavigation li a{
	display:block;
	/*border-right:1px solid #868686;
	border-left:1px solid #B5B5B5;*/
	padding-top:0.75em;
	padding-bottom:0.75em;
	text-align:center;
	text-decoration:none;
	color:#666;
	margin:0 0;
}

div#header a#homeLink.inactive {
	/*visibility:hidden;*/
	display:none;	
}

div#header a#homeLink {
	display:block;
	background-color:#888;
	color:#eee;
	width:10%;
	text-align:center;
	text-decoration:none;	
	padding-top:0.5em;
	padding-bottom:0.5em;
	position:relative;
	top:0.25em;
	left:0.25em;
	/*background-image:url(../images/ui/arrowLeft-32px-tonal75.gif);
	background-repeat:no-repeat;
	background-position:center left;*/
}
/* link : visited: hover: active */
div#header a#homeLink:link {
	background-color:#888;
	color:#eee;
}
div#header a#homeLink:visited {
	background-color:#888;
	color:#eee;
}
div#header a#homeLink:hover {
	background-color:#88A;
	color:#eee;
}
div#header a#homeLink:active {
	background-color:#888;
	color:#eee;
}

/**
Intro section
**/

div#introSection {
	color:#000;
}
div#introSection div.columnChild {
	height:100%;
}
div#introSection div.columnChild h1, div#introSection div.columnChild h2, div#introSection div.columnChild h3, div#introSection div.columnChild h4, div#introSection div.columnChild p, div#introSection div.columnChild ul, div#introSection div.columnChild ol {
	/*border-right:1px solid #888;*/
}

/**
Subsections
**/

div#sectionsMain {
	background-color: #fff; /*#FCC;*/
	overflow:scroll;
}

div#sectionMenuColumn {
	overflow:auto;
	height:100%;
}

div#sectionsMain div.columnChild {
	/*border-left:1px solid #666;*/
	/*height:100%;*/
}


div#footer p {
	padding:0.5em;
	font-size:10px;
	text-align:center;
	color:#797979;	
}