/******************************************************************** 
	steafan.com
	sh-main.css
********************************************************************/ 

html, body {
   margin : 0;
   padding : 0;
}

body {
	color : #000000;
	background : #f7f8f6 url(/images/bg-knot.gif) repeat;
	width : 100%;
	font : 12px "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
}

/* body (default) styles 
**********************************************************************/ 
a, 
a:link, 
a:visited,
a:active {
	/* color: #696969;  */
	color: #0000ff;
	text-decoration: none;
	border-bottom: 1px none #0001FF;
	
	}         

a:hover { 
	/* color: #696969;  */
	color: #ff0000;
	text-decoration: none; 
	border-bottom: 1px none #cc3333;
	}

/********************************************************************
  main layout divs
*********************************************************************/ 

/* container - this is the main wrapper
**********************************************************************/
#container {
	width: 800px;
	/* background-color: #f7f8f6; */
	color: #333;
	border: none;
	line-height: normal;
	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;  
}

/* header - contains the banner
**********************************************************************/
.header {
	/* width: 800px; */
	width:100%;
	position:relative;
	height:125px;
	/* background: #f7f8f6; */
	padding: 0px 0px 1px;
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}

.header h1 {
   padding: 0;
   margin: 0;
}

.header a, 
.header a:link, 
.header a:visited,
.header a:active,
.header a:hover { 
	text-decoration: none; 
	border-bottom: none;
}  

.header-date {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: none;
	float: none;
}       

/* leftnav - left navigation column
**********************************************************************/
.leftnav {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	font-size: 10pt;
	/* float : left; */
	width : auto;
	/*margin : 0;
	padding : 1em;
	text-align: left;
	/* letter-spacing: .2em; 
	line-height: 150%;*/
}

.leftnav a, 
.leftnav a:link, 
.leftnav a:visited,
.leftnav a:active {
	/* color: #696969; */
	color: #666666;
	padding-left: 10px;
	/* padding-right: 5px; */
	border-bottom: none;
	font-size: 10pt; 
}         

.leftnav a:hover {
	/* color: #cc3333; */
	color: #000;
	text-decoration: none;
	background: url(/images/delta.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 10pt; 
	/* padding-right: 5px; */
	border-bottom: none;
}

.leftnav TD {
	text-align: left;
}

.leftnav img.nofloat {
	float: none;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

.noshowlink a, 
.noshowlink a:link, 
.noshowlink a:visited,
.noshowlink a:active,
.noshowlink a:hover {
	/*	background: #fff url(none); */

	background: url(none);
}

/* content
**********************************************************************/
.content-header {
	font-size: 16px;
	font-weight: bold;
	padding-left: 0px;
	float: right;
}

.content-right-14-pt {
	font-size: 14pt;
	}

.content-right-16-pt {
	font-size: 16pt;
	}
	
.content-right-18-pt {
	font-size: 18pt;
	}

.content-right-20-pt {
	font-size: 20pt;
	}
	
.content-right-22-pt {
	font-size: 22pt;
	}	

.content-right {
	width: 650px;
	float: right;
	height: 100%;
	text-align: justify;
	padding-left: 0px;
} 

.content-right img.floatright {
	float: right;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

.content-right img.floatleft {
	float: left;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

.content-right img.floatright-noborder {
	float: right;
	margin: 4px;
	padding: 4px;
	border: none;
	background: #fff;
	vertical-align: text-top;
}

.content-right img.nofloat {
	float: none;
	margin: 4px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
}

/* .content-right img.noborder-nofloat {
	float: none;
	margin: 4px;
	padding: 4px;
	border: none;
	background: #fff;
	vertical-align: text-top;
}

.content-right ul {
	border: 0;
	margin: 0;
	padding-left: 10px;
	}      

.content-right li {
	margin-bottom: 2px;
	padding-left: 0px;
	margin-left: 5px;
	list-style: disc url(http://www.villagegallery.ca/images/delta.gif) outside;
	vertical-align: middle;
	}

.content-right li.none {
	margin-bottom: 2px;
	padding-left: 0px;
	margin-left: 0px;
	vertical-align: middle;
	list-style-type: none;
	list-style: none  outside;
	list-style-image: url(none);
} */


/* footer
**********************************************************************/
#footer {
	clear: both;
	width : 800px;  /* See note below */
	height: auto;
	margin: 0;
	color: #333;
	font : 11px Arial, Helvetica, Tahoma, sans-serif;
	/* background-color: #f7f8f6; */
	border-bottom: none;
	border-top: 1px solid #666666;
	position: fixed;
	bottom: 0px;
	vertical-align: bottom;
	border-right-style: none;
	border-left-style: none;
	font : 9pt "Trebuchet MS", Verdana, Arial, Helvetica, Courier, Times;
	background-image: url(/images/bg-knot.gif);
}

/* #footer a, 
#footer a:link, 
#footer a:visited,
#footer a:active {
	color: #666666;
	border-bottom: none;
	font-size: 9pt; 
}         

#footer a:hover {
	color: #000;
	text-decoration: none;
	font-size: 9pt; 
	border-bottom: none;
} */

#footer img {
   float : right;
}

#footer p {
   padding-left : 5px;
}

*>html #footer img {
        margin : 0;
}

/* miscellaneous styles
**********************************************************************/ 
h1 {
	font-size: 12pt;
	}
	
h2 {
	font-size: 14pt;
	padding-top: 5pt;
	border-top-style: solid;
	border-top-width: 1px;
	}
	
h3 {
	font-size: 16pt;
	}
	
h4 {
	font-size: 18pt;
	}

h5 {
	font-size: 20pt;
	}
	
h6 {
	font-size: 22pt;
	}	

		
.fineprint {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 6pt;
}

.smallprint {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 8pt;
}

.vline-left {
	padding-left: 5px;
	margin-left: 10px;
	border-left: 1px solid #9aa;
}
	
.go-top { 
	text-align: right; 
    font-size: 10px; 
    color: #696969; 
	margin-bottom: 0px; 
	padding-bottom: 3px;
}

/* form buttons
**********************************************************************/ 
input.btn{
   color: #050;
   font-family:"trebuchet ms", georgia, "times new roman", serif;
   font-size: 8pt;
   background-color: #ffffff;
   border: 1px solid #000000;
}

input.btnhov{
   color: #cccccc;
   font-family:"trebuchet ms", georgia, "times new roman", serif;
   font-size: 8pt;
   background-color: #050;
}

/* NOTE: HTML use:

 <input type="button" value="Submit" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>

 Thanks to http://www.webreference.com/programming/css_stylish
*/   


/* end
**********************************************************************/