/* css in order of display on html */
html, body {
  margin-top: 12px;
  margin-bottom: 0;
  padding:0;
  height:100%;
  text-align: center;
  min-width: 774px;


}
#wrapper {
  min-height:100%;
  position: relative;
}




#header {

  margin-left: auto;
  margin-right: auto;
  position: relative;
  /* margin-top: 16px; */
  background:#fff;
  font-size: x-small;
  text-align: right;
  background: #fff url("../assets/robinsgardens_logo_small.gif") no-repeat top center; 
  border-top: 1px solid #e9e9e9; 
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;	
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 865px;	
  height: 200px;
}
html>body #header {
  width: 865px;	
  height: 200px;
}

#belowheader {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 12px;
    font-size: x-small;
  text-align: right;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 759px;	
  height:40px;
}
html>body #belowheader {
  width: 759px;
  height:40px;
     background: #fff url("../assets/robinsgardens_logo_small.gif") no-repeat top center; 
}
	
/* begin --- search */
form, p {
  margin: 0 0 0 0;
}
#search_box {
  float: right;
  width: 201px;
  height: 31px;
  background: url(assets/bg_search_box.gif);
}
#search_box #s {
  float: left;
  padding: 0;
  margin: 6px 0px 0px 6px;
  border: 0;
  width: 159px;
  background: none;
  font-size: .8em;
}
#search_box #go {
  float: right;
  margin: 3px 4px 0 0;
}

/* end --- search */	
	

/* need this if we want more than one column */
#wrapmain {
  margin:0 auto;
  width:760px;

}
	
#maincontent {
  position: relative;
  text-align: left;
  float:left;

 /* padding-bottom: 50px;	 height of the footer */  
  voice-family: "\"}\"";
  voice-family: inherit;
  width:759px;  

	
}
html>body #maincontent {
  width:759px;  

}

/*** main content appearance ***/
#maincontent {

 border: thin solid #e9e9e9;
  padding-left: 20px;
  padding-right: 20px; 
	  padding-bottom: 20px;
   background: #fff; 
  color: #000;
  /* font-family: "Trebuchet MS",Myriad,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;	*/
  font-family: Verdana, Arial, Helvetica, sans-serif;	
  font-size: 11px;
  line-height: 20px;
}
#maincontent a:link, #maincontent a:visited, #maincontent a:active  { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #666666; 
  text-decoration: underline ;  
}
#maincontent a:hover { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #000; 
  text-decoration: underline;  
}
h1 {
    color: #666666;
    /* font-family: "Trebuchet MS",Myriad,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;	*/
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	font-size: 12px;
	font-weight: bold;
}

/* end --- main content */


/* begin --- sidebar for future use so only 1 px*/
#sidebar {
  /* background:#99c; */
  float:right;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 1px;
}
html>body #sidebar {
  width: 1px;
}

/* end --- sidebar */
html #footer {
	height: 1%;
	}
#footer {
clear: both;
   left: 0;
  bottom:0;
  /* height:50px;			 height of the footer  */
  background:#fff;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 100%; 
}
html>body #footer {
  width: 100%;
}

 html #footertext {
	height: 1%;

	  
}
#footertext {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
 /* border-top: 1px solid #666666; */
  margin-left: auto;
  margin-right: auto;
  text-align: left;
   	/* height:50px;		 height of the footer  */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 760px; 
}
html>body #footertext {
  width: 760px;
}

/* start --- footer appearance */
#footertext {

  background: #fff;
  color: #666666;
  /* font-family: "Trebuchet MS",Myriad,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;	*/
  font-family: Verdana, Arial, Helvetica, sans-serif;	
  font-size: 10px;
  line-height: 20px;
}
#footertext a:link, #footertext a:visited, #footertext a:active  { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #996600; 
  text-decoration: none ;  
}
#footertext a:hover { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000; 
  text-decoration: none;  
}

/* end --- footer appearance */