/* CSS Document */

/* layout shin shin */
    body {
        margin: 0;
        padding: 0;        
        background: url(images/bg_tile.jpg);              
        text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px/14px;
        line-height: 18px;
		color: #593B2A;
    }
	
	.clear {
		clear:both; 
	}
    div#wrapper {
        width: 800px;        
        margin:  15px auto 10px auto;
        padding: 0;
        background: white;
        text-align: center;
    }
     div#clear {
		clear:both; 
    }
   
    /* HEADER */
        div#header {
            margin: 0px 0px 0px 0px;
            padding: 0px; 
            text-align: left;
			width: 800px;
			background-color: #B76F2F;
			height: 320px;
        }
				
	#home-banner {
		float: right;
        margin: 0px 0px 0px 0px;
        padding: 0px; 
        text-align: left;
        }
		
#nav { text-align: center; 
		float: left; 
		width: 220px; 
		padding: 10px 0 0 0;}

#nav ul { text-align: right; list-style-type: none; padding: 20px 20px 15px 10px; margin: 0 0; }

#nav ul li { font-size: 12px; line-height: 2.2em; color: #fff; border-bottom: 1px dotted #fff; }
#nav ul li.active { font-weight: bold; color: #333333; }
#nav ul li.active ul li { font-weight: normal;}
#nav ul li.last { border-bottom: none; }

#nav ul li a { display: block; color: #fff; border-bottom: none;}

#nav ul li a:hover, #nav ul li a.active { font-weight: bold; color: #333333; border-bottom: none; text-decoration: none;} /* red hover 8F2626 */ 

img.logo { text-align: center; margin:  0px auto;
}

	
  /* END HEADER */
    
    div#content {
		float: left; /* needed the float in here to view repeat in firefox */
		top: 0px;
        width: 100%;        
        margin: 0 auto 0 auto;
        padding: 0 0 30px 0;        
        text-align: left;
    }
	
    div#main {
        float: left;
        width: 500px;
        display: inline;
		padding: 0px;
		margin: 20px 15px 0px 25px;
		
    }

    div#sidebar {
        float: right;
        width: 200px;
        display: inline;
		margin: 20px 15px 0px 15px;
    }
	

/* HEADINGS */
	h1 {
		font-size: 1.6em;
		margin: 0px 0px 20px 0px;
		padding: 10px 0px 10px 0px;
		width: 100%;
	}
	h2 {
		font-size: 18px;
        line-height: 15px;
		margin: 15px 0px 15px 0px;
		padding: 0px;
		font-weight: bold;}
	h3 {
		font-size: 16px;
        line-height: 15px;
		margin: 5px 0px 5px 0px;
		padding: 0px;
		color: #90895d;
		font-weight: bold;
	}
	/* idea from bahighlige headings - need to insert class="title" in html */

	h2.title{
	font-size: 267%; 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #2a2215;
	text-transform: none;
	line-height: normal;	
	margin: 2px 0 8px 0;
	}


/* END HEADINGS */

/* TEXT */
	p {
		font-size: 11px;
		line-height: 20px;
		color: #593B2A;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
	}
	blockquote {
		/*   border-left:5px solid #59000D;*/
		margin: 0px 0px 15px 0px;
		line-height:1.4em;

	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
	
p.caption {
	font-size: 90%;
	margin: 0;
	padding: 0;
	}
	
	/* END TEXT */
	
/* LISTS */


	ul {
		font-size: 11px;
        line-height:1.4em;
		margin: 10px 0 1.5em 0;
		padding: 0;
	}
	ul li {
		margin: 0 0 0.25em 15px;
		padding: 0;
	}
	
	ul.sitemap {
        line-height:1.4em;
		margin: 10px 0 1.5em 0;
		padding: 0;
		list-style: none;
	}
	
		ul.sitemap li {
		margin: 0 0 0.5em 0px;
		padding: 0 0 0 5px;
	}
	
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE 
	table {
		margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}*/
	
	table {
	font-size: 11px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	color: #593B2A;
}
td {
	border-top: 1px solid #B76F2F;
	padding: 6px 6px 6px 12px;
}


/* END TABLE */	
	
	hr {
		display: none;
	}
	div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted black;
	}

/* IMAGES */
	img {
		border: 0;
		display: block;
}
.floatleft { 
    float: left; 
    margin: 10px 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 10px 0 10px 10px; 
}

a img { 
	border-width: 0;
	background: none;
	}
	
/* LINKS */
	a,
	a:link 
	a:active {
		color: #472600;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		color: #8F2626;
	}

	#content a,
	#content a:link 
	#content a:active {
		color: #8F2626;
		text-decoration: none;
		border-bottom: 1px dotted #8F2626; 
	}

	#content a:hover {
		text-decoration: none;
		border-bottom: 1px solid #8F2626; 
	}
/* END LINKS */
	
#thumbnail {
	padding: 4px; /* photo shape 3px 3px 8px 3px*/
	border: 1px solid #B76F2F;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	}	
#thumbnail a, #thumbnail a:hover { border: none;}

/* FORM */

#addresstable {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 11px;
}
#addresstable td {
	padding: 5px 10px;
	border-bottom: 1px solid #90895d;
	border-top: none;
}
.tdnoborder {
	border-bottom-style: none!important;
	border-left-style: none!important;
	background: #fff!important;
}
.tdnoborderbutton {
	border-style: none!important;
}
.hidden {
	display: none;
}
.txt {
	clear: both;
	text-align: left;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textfield40 {
	width: 40px;
}
.textfield60 {
	width: 60px;
}
.textfield90 {
	width: 90px;
}
.textfield180 {
	width: 180px;
}
.textfield280 {
	width: 280px;
}
.textfield360 {
	width: 360px;
}


/* FOOTER */
        div#footer {
            background-color: #fff;
			border-top: 1px solid #d6d4c3;
			height: 60px;
			font-size: 10px;
        }
		
        div#footer p {           
            margin: 22px 0px 0px 20px;
            padding: 0px;
			text-align: left;
			width: 250px;
			float: left;
			display: block;
			font-size: 10px;
        }
		
		div#footer ul {
			float: right;
			display: block;
			list-style: none;            
            margin: 20px 20px 0px 0px;
            padding: 0px;
        }
				
		div#footer ul li {
			float: left;
			display: inline;           
            margin: 0px;
            padding: 0px;
        }
		
		div#footer li.separator {
			padding: 0px 3px;
		}
    /* END FOOTER */