/* External Style Sheet for screen: sandymacfarlane.ca */
/* Site Design: Black Cap Design */

* {margin: 0} /* sets margin on everything to 0 to address IE & non-IE rendering inconsistencies  */
a {outline: none}  /* to rid nasty link outline in Firefox */
img {border: none;} /* removes border on all images */
html, body
{
	height: 100%; /* forces background image to 100% of browser window's height */
}

body 
{
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color: #14100d;
	color: black; 
	min-width: 998px; /* prevents design collapse (header) on small window resize */
	
	background-image: url('../images/bg.gif');
	background-repeat: repeat-y;
	background-position: top center;	
}

#container
{
	background-image: url('../images/bg.gif');
	background-repeat: repeat-y;
	background-position: top center;
	height: 100%;
}
#content_container
{
	width: 998px;
	margin: 0 auto;
}
#sidebar
{
	width: 200px;
	float: left;	
	padding: 10px 0 0 30px;
}
/* ============<BANNER>============= */
#banner
{
	height: 230px;
	background-image: url('../images/banner.jpg');
	background-repeat: no-repeat;
	background-position: 228px 0;
}

/* ============</BANNER>============ */

/* ============<HORIZONTAL NAVIGATION>============ */
#nav 
{
/*	margin: 0 auto; */
	width: 900px;
	height: 26px;  
	float:right;
  font-size: 1.5em;
  font-weight: bold;
}
#nav ul 
{
	margin: 0;
	padding: 0 10px 0 166px;
	list-style:none;
}
#nav li 
{
  display: inline;
  margin: 0;
  padding: 0;
}
#nav a 
{
  float:left;
	background: white url('../images/tab_left.gif') no-repeat top left;
  margin: 0 2px;
  padding: 0 0 0 4px;
  text-decoration:none;
}
#nav a span 
{
  float: left;
  display: block;
	background: white url('../images/tab_right.gif') no-repeat top right;
  padding: 3px 28px 6px 24px;
  color: #8f9093;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav li.active a, #nav li.active a:visited             
{
  background-position: top left;
  color: white;
}
#nav li.active a span  
{
  background-position: top right;
  color: white;
}
#nav a:hover
{
  background: white url('../images/tab_left.gif') no-repeat;	
  background-position: top left;
  color: #e0c986;
}
#nav a:hover span
{
	background: white url('../images/tab_right.gif') no-repeat;
  background-position: top right;
  color: #e0c986;	
}
#nav li.active a:hover
{
	background: white url('../images/tab_left.gif') no-repeat;
	background-position: top left;
	color: white;	
}
#nav li.active a:hover span 
{
	background: white url('../images/tab_right.gif') no-repeat;
	background-position: top right;
	color: white;	
}
/* ---<To force other elements below #nav>--- */ 
.clear_right
{
	clear: right;	 
}
/* ============</HORIZONTAL NAVIGATION>============ */

/* ===============<CONTENT DIVs>================= */
#content
{
	margin: 50px 0 0 200px;
}
#content p
{
	padding: 6px 94px 6px 90px;	
	line-height: 200%;
	letter-spacing: .04em;
	font-size: 1.2em; 
}
#instructions
{
	padding-left: 90px;
	letter-spacing: .04em;
	font-size: 1.2em;
	margin: 8px 0 12px 0;		
}
#content h1
{
	font-size: 1.8em;
	padding: 32px 90px 8px 90px;
	color: #87888a;
	letter-spacing: .1em; 	
}
#content h2
{
	font-size: 1.6em;
	color: #87888a;
	font-style: oblique;
	padding: 8px 90px 6px 90px;
	letter-spacing: .1em; 			
}
#content ul
{
	padding: 6px 80px 6px 130px;	
	line-height: 200%;
	letter-spacing: .04em;
	font-size: 1.2em;
}
#content ol
{
	padding: 6px 22px 6px 60px;
	line-height: 130%;	
}
.clear_both /* NECESSARY TO PREVENT IE6 RENDERING BUG */
{
	display: block;
	height: 1px;
	clear: both;	
}
.highslide-gallery
{
	float: left;
	padding: 9px;
	width: 148px;		
	height: 190px;
	text-align: center;	
}
table.thumbset
{
	margin: 0px 0px 0 82px;
}
.thumbset td
{
	text-align: center;
	vertical-align: top;
	width: 148px;
	padding: 6px;
}
.thumbset_subtext
{
	letter-spacing: .04em;
	font-size: 1.2em; 
}

.spacer_10
{
	clear: both;
	display: block;
	height: 10px;
}


/* ===============</CONTENT DIVs>================= */
/* ============<ANCHORS>============ */
#content a:link, #footer a:link 
{
	color: #ab895d;
	text-decoration: underline;
}
#content a:visited, #footer a:visited  
{
	color: #ab895d;
	text-decoration: underline;
}
#content a:hover, #footer a:hover
{
	color: #ab895d;
	text-decoration: none;	
}
#design_cred a:link, #design_cred a:hover, #design_cred a:visited
{
	color: #aaa;	
}
/* ============</ANCHORS>============ */

/* ===============<LISTS>=================== */
ul.standard
{
	padding-right: 76px;
	list-style-type: none;
	margin-top: -6px;
}	
ul.standard li
{
  background: transparent url('../images/bullet.gif') no-repeat;
  background-position: 0 2px;
  margin-left: 2px;
  padding-left: 24px;  
	line-height: 150%;	
}

/* ===============</LISTS>================== */

/* =================<FOOTER>================= */
#footer 
{
	clear: both;
	border-top: 1px solid #ddd;
	width: 600px;
	height: 50px;
	margin: 20px 0 0 290px;

}
#footer p
{
	font-size: 1em;
	letter-spacing: .04em;
	margin: 10px 0 0 0; 
	color: #aaa;			
}
#design_cred
{
	padding-left: 180px;
}

/* =================</FOOTER>================= */

/* =========<MISCELLANEOUS DIVs>========== */
#skip
{
	display: none;	
}

/* ----------------<horizontal footer navigation>---------------- */