/*   
NOTES  tst

left nav background  #a87e4e
left nav color  #fodbbe

bodycopy background #e6ddce
bodycopy colour #928783

footer bg #8e7f78
footer color #e5dccb

copy h1 #8e8077

embedded images with dropshadows - dropshadow specs are:  
	shadow width 5px
	opacity 75%
	Feathering 5px
	light angle 300deg
	BG #e6ddce  (BODY COPY BG)

2-column page layout using a single large background image.


basic div nesting: 

body
	container	
		topmenu
		header
		mainbody
			leftcolumn
				(suckerfish menu)
			bodycopy
				bodycopytext
		footer



 */

/*global selector to cut down ie margin issues*/
* {margin:0;padding:0;border:0;}


/*   son of suckerfish menu system  */

	#nav, #nav ul { /* top list */
		list-style: none;
		float : left;
		width : 165px;
	}
	
	#nav li { /* top list items */
		position : relative;
		float : right;
		line-height : 1.3em;
		margin-bottom : -1px;
		width: 165px;
		padding: 0.4em 0;
		
	}
	
		#nav li ul li { /* submenu 1+ items */
		position : relative;
		float : right;
		line-height : 1.3em;
		margin-bottom : -1px;
		width: 200px;
		padding: 0.4em 0;
		
	}
	
	#nav li ul { /* submenu 1 list */
		position : absolute;
		left: -999em;
		margin-left : 166px;
		margin-top : 1;           /* alignment for submenu 1 link underline here */
		text-align : left;/*stagesix*/
		width:200px	/*stagesix*/
	}

	#nav li ul a { /* submenu 1 anchors */	
			text-decoration : underline;
			text-align:left;
			display:block;/*stagesix*/
			padding:0 5px;/*stagesix*/
		}
	
	
	#nav li ul ul { /* submenu 2 lists - has different Left spacing to submenu 1 */
		left: -999em;
		margin-top : 0;           /* alignment for submenu 2 link underline here */
		text-align : left;/*stagesix*/
		width:200px	/*stagesix*/
		margin-left : 200px;/*stagesix*/
	}
	
	#nav li a {   /* default link */
		color : #f0dbbe;
		font-weight : bold;
		text-decoration : underline;
		background-color : transparent;
		font-size:0.9em;
	}
	
	#nav li a:hover {	color : white;	}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;	background-color :#a87e4e;	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: 0; /*stagesix*/
		top:0; /*stagesix*/
		background-color :#a87e4e;
	}


/* end suckerfish here  */

body {background-color:#cabb9e;text-align:center;}

#container {
display:block;
width:800px;
margin:0 auto;
text-align:left;
font-family:Arial, Verdana, Helvetica, Sans-Serif;
color:#928783;
font-size:12px;
}

#topmenu {display:block;width:800px;min-height:32px;background-color:white;text-align:right;}

a.atopmenu, a.atopmenu:visited, a.atopmenu:link {color:#928783;text-decoration:none;}
a.atopmenu:active, a.atopmenu:hover {text-decoration:underline;}

#header {
display:block;
width:800px;
height:142px;
background:url(navimages/toplogo.jpg) no-repeat #231f20; 
text-align:left;
}

#mainbody{
display:block;
width:800px;
background:url(navimages/bg-bodycopy.gif) no-repeat bottom left;
}

#leftcolumn {
display:block;
float:left;
width:165px;
background:transparent;
padding:40px 0 0 0;
text-align:right;
}

#bodycopy{
display:block;
width:635px;
background:transparent;
float:right;
}

#bodycopytext{padding:23px 8px 35px 29px;}

#bodycopytext p {border-top:10px;border-bottom:14px;}

#bodycopytext p + p { margin-top: 0.5em; } 


#footer {display:block;width:800px;height:32px;background-color:#8e7f78;color:#e5dccb;font-size:12px;padding:14px 0 0 0;text-align:center;}

/* #footer a, #footer a visited {font-size:10px;text-decoration:none;}
#footer a.active, #footer a.hover {} */

h1{font-size:16px;font-weight:bold;color:#928783;line-height:18px;margin:3px 0 8px 0;}
h2{font-size:12px;font-weight:bold;color:#928783;line-height:16px;margin:8px 0px;}
h3{font-size:12px;font-weight:bold;color:#928783;line-height:14px;}
h4{font-size:10px;font-weight:bold;color:#928783;line-height:12px;}

b,strong {font-weight:bold;color:#928783;}

fieldset {padding:10px 10px border:thin solid #999;border-width:1px;}

a,a:visited,a:link {text-decoration:none;color:#a87e4e;}
a:active, a:hover{text-decoration:underline;color:#fcb827;}



/* ----------------------- CMS standard items ------------------------------- */

/* -------------------------cart -------------------------------*/
.tableheader {background-color: white;color:#999;font-weight:bold;}

/* ----------------------------- sitemap ------------------- */

a.sitemaplink,a.sitemaplink:visited,a.sitemaplink:link {
text-decoration:none;
vertical-align:middle; 
}
a.sitemaplink:hover,a.sitemaplink:active
{
text-decoration:none;
vertical-align:middle; 
}

/* -----------------------breadcrumb------------------------------- */

#breadcrumbdiv {display:block;position:relative;top:-20;}

.breadcrumblight
{ 
color: #999;
text-decoration: none;
font-weight: bold;
font-size: 9px;
}

.breadcrumbdark
{ 
color: #999;
text-decoration: none;
font-weight: bold;
font-size: 9px;
}


a.breadcrumb,a.breadcrumb:link,a.breadcrumb:visited
{ 
color: #999;
text-decoration: none;
font-weight: bold;
font-size: 9px;
}
a.breadcrumb:active, a.breadcrumb:hover
{
color: #928783;
text-decoration: underline;
font-weight: bold;
font-size: 9px;
}

/* --------------------------------- form and validation  -------------------------------- */


input {background-color:#fff;color:#333;border:thin solid #000;border-width:1px;padding:2px 2px 2px 2px;}
.checkbox {border:none;background-color:#fff;color:#333;}
.dashright{	border-right:thin dashed #d4d0c8;border-right-width:1px;}
select {background-color:#fff;color:#333;;border:thin solid #000;border-width:1px;padding:2px 2px 2px 2px;}
.inputbutton {background-color:#A57B4A;color:#f0dbbe;border:thin solid #8C4A42;border-width:1px;font-size:0.8em;font-weight:bold;}
textarea.styled {
	border: 1px solid #333;
	padding: 5px;
	font-family:
	background-color:#fff;
}
.nostylebutton{border:none;background:transparent;padding:0;}



.redsub
{
color: #AF544F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 12px;
}



 td.info   { font-size:80%; color: #666666; background-color: transparent; font-weight: NORMAL; }

  .info   { font-size:80%; color: #666666; background-color: transparent; font-weight: normal; }
  .warn   { font-size:80%; color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
  .error  { font-size:80%; color: red; background-color: transparent; font-weight: bold }


  
 /* this behavior is a fix for suckerfish in ie6, need to have the csshover2.htc file from whatever:hover  */
body {   behavior: url("menu/csshover2.htc"); } 
  
  
/* 
#container {border:thin solid red;}
#topmenu {border:thin solid black;}
#mainbody {border:thin solid orange;}
#bodycopy {border:thin solid blue;}
#header {border:thin solid green;}
#leftcolumn {border:thin solid blue;}
#footer {border:thin solid pink;}
*/