/*Credits and Copyright
-----------------------------------------------
Concrescence Design Inc. Content Management System
author:    Craig Hermanson/Concrescence Design Inc.
version:   2005-02-20
copyright: Moving On Designs, Hamilton, ON
----------------------------------------------- */

/* Global Elements
----- */
html, body { height: 100%;}

body {
  margin: 0;
  padding:0;
  text-align: left;
  color: #000;
  background: #fff url(body.png) repeat-x top;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
/* ie5/win hack */
  }
div,p,h1,h2,h3,h5,ul,li {
  margin: 0;
  padding: 0;
  }
div.spacer {
  clear: both;
  }
#skipnav {
  position: absolute;
  top: -1000em;
  left: -1000em;
  }
hr {
  display: none;
  }

/* Section Navigation
----- */

#sectionnav {
  float: left; /* prevent ie/win bug (white line underneath a:hover) */
  width: 204px;
 	margin: 0 1px 0 1px;
 	padding: 0;
 	border-bottom: 1px solid #f0eee4; 
  border-top: 10px solid #FEE18C;
  }
#sectionnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
#sectionnav ul li {
  margin: 0px;
  background: #A5B8B8;
  }

#sectionnav a, #sectionnav h2 {
  font: bold 11px/16px arial, helvetica, sans-serif;
  color: #b31b1b;
  display: block;
 	border-top: 1px solid #f0eee4; 
  margin: 0;
  padding: 6px 10px;

	 /* ie5/win box model hack */
	 width: 204px;
	 voice-family: "\"}\""; 
	 voice-family:inherit;
	 width: 184px;
	 }
	
/* unhack ie5/win */
  #sectionnav>li a {
	 width: 185px;
  }

#sectionnav h2 {
  background: #526060;
  text-transform: uppercase;
  color:#fff;
  }

#sectionnav a {
text-decoration: none;
}

#sectionnav a:hover {
color: #c00;
background: #f3f3f6;
}

#sectionnav ul ul ul {
position: absolute;
top: 0;
left: 0;
}

#sectionnav li {position: relative;}

#sectionnav ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
background:#fff;
}

div#sectionnav ul ul ul,
div#sectionnav ul ul li:hover ul ul
{display: none;}

div#sectionnav ul ul li:hover ul,
div#sectionnav ul ul ul li:hover ul
{display: block;}

/* Styling for Expand */

#sectionnav a.x, #sectionnav a.x:visited{
font-weight:bold;
color:#b31b1b;
background: url(expand3.gif) no-repeat bottom right;
}

#sectionnav a.x:hover {
 color: #c00;
 background:#f3f3f6;
/* border-color: #cedcf6 #d2e0fb #d2e0fb #cedcf6; */
 }

#sectionnav a.x:active{
color:#c00;
}


/* Main Content
----- */
#base {
  background: transparent url(base.png) repeat-y top;
  width: 100%;	
  text-align: center;
  padding: 0;
  margin:0;
  border-bottom: 1px solid #2D4242;
  min-height: 100%;
  }
#wrapper {
  /*background: transparent url(wrapper.png) no-repeat bottom;*/
  background:transparent;
  padding-bottom: 100px;
  height: 100%;
  /* unhack ie5/win */
  text-align: left;
  margin: 0;
  }
#insidewrap {
  width: 750px;
  margin: 0 auto;
  }
#content {
  margin: 0;
  width: 750px;
  margin: 0 auto;
  clear: both;
  }
#subcontent {
float: left;
padding-bottom: 20px;
width: 204px;
/* ie5/win box model hack */
width: 205px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 204px;
}
#maincontent {
  float: right;
	 width: 470px;
	 padding: 0 10px;
	 }
#maincontent h2 { 
 padding-left:28px;
 padding-top:18px;
 }
#maincontent h3 {
  font-size: 1.3em;
  line-height:1.6em;
  margin-top:1.8em;
  padding-left:28px;
  }
#maincontent p {
 font-size: 0.69em;
	line-height: 1.4em;
	clear: none;
	font-weight: normal;
 margin-top: 1.8em;
	padding-left: 28px;
 }
#maincontent ul,ol {
 font-size: 0.69em;
 margin-top: 0.34em;
 padding-left: 38px;
 margin-bottom: 0.6em;
 }
#maincontent ul li {
 list-style-type: square;
 list-style-position: outside;
 }
#maincontent ul li ul {
 font-size: 100%;
 list-style-type: square;
 list-style-position: outside;
 margin-bottom: 0.3em;
 margin-left: -1.6em;
 }
/* Links 
----------------------------------------------- */
a, a:link {
	color: #b31b1b;
	
	/* prevent ie5/win from seeing border-bottom property */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	text-decoration: none;
	border-bottom: 1px solid #e5cfcf;
	}

/* unhack ie5/win */
html>a {
	text-decoration: none;
	border-bottom: 1px solid #e5cfcf;
	}
a:link {color: #c00; background-color: transparent; } 
a:visited {color: #c00; background-color: transparent; text-decoration: none;}
a:hover {color: #039; background-color: transparent; text-decoration: none; }

/********** FOOTER **********/

#footerwrap {
	float: left;
	width: 100%;
	background: #d7d6d1;
	padding: 0;
	/* hack ie5/win */
	text-align: center;
	margin: -50px 0;
	border-top:1px solid #2D4242;
 }

#footer {
	color: #333;
	width: 750px;
 margin: 0 auto;
 padding: 15px 0 35px 0;
 background:transparent;
	/* unhack ie5/win */
	text-align: left;
   	}

#footer ul {
	float: left;
	margin: 2px 0 7px 0;
	padding: 0;
	list-style: none;
	}
	
#footer li  {
	float: left;
	border-left: 1px solid #acacac;
	margin-left: 7px;
	padding-left: 7px;
	font-size: 0.65em;
	line-height: 1.3em;
	}
	
#footer li.first  {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
	}
	
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
font-size:0;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */