/* the overall design width is confined and centered */
html { 
	margin:0;
	padding:0
}

body {
	margin-left:0;
	margin-top:15px;
	padding:0;
	font: 76% arial,sans-serif
}

p	{
	text-align:left;
	FONT-SIZE: 1em;
	color:#000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

a	{
	font-size:1em;
	color:#FF0000
}
	
TD {
text-align:left;
FONT-SIZE: .9em;
color:#000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TD a:link {
text-align:center;
FONT-SIZE: .9em;
color:#136304;
text-decoration:none;
}

TD a:visited  {
text-align:center;
FONT-SIZE: .9em;
color:#00f;
text-decoration:none;
}

TD a:hover  {
text-align:center;
FONT-SIZE: .9em;
color:#FFCC00;
text-decoration:none;
} 

TD a:active  {
text-align:center;
FONT-SIZE: .9em;
color:#0F0;
text-decoration:none;
} 

/* set page to centre or go to left in reduced size viewport */
/* optimise page width to 780 pixels */

div#container {
	margin-left:auto;
	margin-right:auto;
	background:#EDFDF0;
	width:800px;
	border-style:solid;
	border-color:#D5B557;
	border-width:1px	
}

div#header {
position:relative;
background:#EEFDF1;
border-bottom-style:solid;
border-bottom-color:#D5B557;
border-bottom-width:1px
}

div#header h1 {
margin: 0;
padding-left:1px;
background:#EFFDE8
}

div#header p {
position:absolute;
right:0px;
top:0px
}

div#header1 {
background:#EEFDF1;
width:100%
}

div#header1 p {
background:#EEFDF1;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
}

/* all the navholder */
div#navholder {
width: 100%;
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 0px;
float:right;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
background-image: url("navbgsweep.jpg");
background-repeat:repeat-x;
/* background:#136303; */
border-bottom-style:solid;
border-bottom-color:#D5B557;
border-bottom-width:2px;
border-top-style:solid;
border-top-color:#D5B557;
border-top-width:1px;
}

/* padding controls navbar space to right hand side */
div#navholder ul{
float:right;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
/* background:#136303; */
list-style-type: none
}

div#navholder li{
/* background:#136303; */
float:right;
white-space: nowrap;
}

/* navholder links */

div#navholder a {
display:block;
text-decoration:none;
color: #FFF;
background-image: url("butredarrowsweep.jpg");
/* background-image: url("upbtn.gif"); */
background-repeat: no-repeat;
background-position: 0% 50%;
padding: 4px 10px 4px 40px;
/* border-right: 1px solid #000; */
/* border-left: 1px solid #666; */
/* border-bottom: 1px solid #000; */
}

div#navholder a:hover {
color: #FFCC00;
background-image: url("butyelarrowsweep.jpg");
/* background-image: url("overbtn.gif"); */
background-repeat: no-repeat;
background-position: 0% 50%;
text-decoration:none;
}

#sellink a:active {
	color: #000000;
	background-image: url("upbtn2.jpg");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}	
/* end of navholder /*

/* ----------------- wrappers go here --------- */
/* wrapper holds only the left hand column */
/* rees only has 2 col at present */

div#wrapper { 	
	float:left;
	width:100%;
	background:#EDFDF0}
}

/* in case we want 1 col layout */
div#wrapper1col {
	float:left;
	width:100%;
	background:#EDFDF0
}


/* this is for the home page */
div#wrapper2col { 	
	float:left;
	width:493px;
	background:#EDFDF0
}

/* wrapper for the workshop page ------------------------------- */

div#wrappershop { 	
	float:right;
	width:493px;
	background:#EDFDF0
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}


/* -------------- content -------- */
div#content {
background:#EDFDF0
}

div#content p{
margin:15px 20px 0 50px;
line-height:1.4em;
}

div#content ul{
margin-top:20px;
padding-left:80px;
line-height:2.0;
}

/* ---------------content1---------*/
div#content1 {
margin:10px 10px 0px 0px;
padding:0px 0px 0px 10px;
border-style:solid;
border-color:#136303;
border-width:0px; 
}

div#content1 p{
text-align:left;
FONT-SIZE: 0.9em;
color:#000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
padding:0 10px;
line-height:1.4em;
}

div#content1 ul{
margin-top:20px;
padding-left:80px;
line-height:2.0;
}

div#rightcol1, div#rightcol2 {
	float:left;
	width:285px;
	background:#FFF;
	margin: 12px 5px 0 0;
	border-style:solid;
	border-color:#136303;
	border-width:0px;
}

div#rightcol1 p, div#rightcol2 p {
	margin:0 15px 15px 15px;
	FONT-SIZE: 1em;
/* home is margin: 5px 10px */
}


/* --------------------- rightcol3aaaaaaaaaaaaaaaaaa -------------------*/
/* change padding to adjust left column width and height */
div#rightcol3a {
	float:left;
	width:275px;
	background:#C1F9CB;
	margin: 0px 0px 0 0px;
	padding: 0px 0px 20px 0px;
	border-right-style:solid;
	border-right-color:#D5B557;
	border-right-width:0px;
}

div#rightcol3a p {
	margin:30px 10px 0px 10px;
	FONT-SIZE: 1em;
	color:#136303;
	line-height:1.4em;
}

div#rightcol3 {
	float:left;
	width:233px;
	background:#136303;
	margin: 15px 0px 0 10px;
	border-style:solid;
	border-color:#D5B557;
	border-width:1px;
}

/* div#rightcol3 p {
	margin:0 10px 15px 15px;
	FONT-SIZE: 1em;
/* home is margin: 5px 10px
}
*/

div#boxtop {
	background:#136303;
	width:100%;
}

div#boxtop p {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	letter-spacing:.05em;
	color:#FFF;
	margin: 5px 0 5px 20px;
}

div#thewindow {
	background:#EDFDF0;
	width:100%;
	height:460px;
	position:relative;
	overflow:hidden; 
}

div#thetext {
	position:absolute;
	width:97%;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px
}


/* start of the side navholder --------------------- */
div#snavholder {
width:100%;
margin:0px 0 0 0px;
padding: 0px 0px 0px 0px;
float:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
/* background-image: url("navbgsweep.jpg");
background-repeat:repeat-x; */
/* background:#136303; */
}

div#snavholder ul{
float:left;
list-style-type:none;
margin:0px 0 0 0px;
padding: 0px 0px 0px 0px;
}

div#snavholder li{
width:233px;
margin:1px 0px 0px 0px;
/* background:#136303; */
float:left;
white-space:nowrap;
}

/* snavholder links */
div#snavholder a {
display:block;
text-decoration:none;
color: #fff;
background-image: url("butredarrowsweep.jpg");
/* background-image: url("upbtn.gif"); */
background-repeat: no-repeat;
background-position: 0% 50%;
padding: 4px 10px 4px 40px;
border-right: 1px solid #000;
border-left: 1px solid #666;
border-bottom: 1px solid #000;
}

div#snavholder a:hover {
color: #FFCC00;
background-image: url("butyelarrowsweep.jpg");
/* background-image: url("overbtn.gif"); */
background-repeat: no-repeat;
background-position: 0% 50%;
text-decoration:none;
}

#ssellink a:active {
	color: #000000;
	background-image: url("upbtn2.jpg");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}	
/* end of side navholder /*

/* gold top line element in the footer */
div#extra2 {
	border-top-style:solid;
	border-top-color:#FFCC00;
	border-top-width:1px;
	margin-top:0px;
	padding-top:10px;
	background:#EEFDF1;
	clear:both;
	width:100%;
}

div#extra2 td{
	text-align:center
}

.link {
	display: none;
}