/* Base Stylesheet for Boxwood Website */

*
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	line-height: 15px;
}


a
{
  	color: rgb(31,143,255);
  	font-weight: bold;
  	text-decoration: none;
}

a:hover
{
  	color: rgb(153,0,0);
  	font-weight: bold;
  	text-decoration: underline;
}

a.reload
{
  	text-align: left;
    padding-left: 225px;
    color: rgb(31,143,255);
  	font-weight: bold;
  	text-decoration: none;
}

a.reload2
{
  	text-align: left;
    padding-left: 180px;
    color: rgb(31,143,255);
  	font-weight: bold;
  	text-decoration: none;
}

body
{
	  font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: black;
 	  background-color: rgb(0,101,0);
 	  text-align: center;
}

#contactimage
{
  	float: left;
  	width: 215px;
  	background-color: rgb(206,255,206);
  	text-align: justify;
  	padding-top: 10px;
  	padding-left: 40px;
  	padding-right: 40px;
}

#contacts
{
  	float: left;  
  	width: 229px;
    background-color: rgb(206,255,206);
    color: black;
   	text-align: justify;
   	padding-left: 20px;
	
}

#enclose1{ height: 665px;}

#enclose2{ height: 860px;}

#enclose3{ height: 480px;}

#enclose4{ height: 1550px;}

#enclose5{ height: 680px;}

#enclose6{ height: 900px;}

#enclose7{ height: 650px;}

#enclose8{ height: 605px;}

#flyer
{
  	float: left;
  	width: 459px;
  	background-color: rgb(206,255,206);
  	text-align: justify;
  	padding-left: 70px;
  	padding-right: 20px;
  	height: 668px;
}

#footer
{
  	float: left;  
  	width: 699px;
    background-color: rgb(206,255,206);
    text-align: justify;
   	padding-left: 50px;
  	padding-right: 50px;
}

#frame
{
  	width: 800px;
  	background-color: rgb(0,101,0);
  	margin-right:auto;
		margin-left:auto;
		margin-top: 0px;
		text-align:left;
	
}

#gallery
{
  	float: left;  
  	width: 280px;
    background-color: rgb(206,255,206);
    color: black;
   	text-align: center;
   	padding-left: 50px;
}

#heading1
{
  	width: 699px;
  	background-color: rgb(206,255,206);
  	text-align: center;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
 	  padding-top: 20px;
 	  padding-right: 50px;
 	  padding-left: 50px;
}
 
#heading2
{
  	width: 699px;
  	background-color: rgb(206,255,206);
  	text-align: left;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
 	  padding-top: 20px;
 	  padding-right: 50px;
 	  padding-left: 50px;
}

#heading3
{
  	width: 699px;
  	background-color: rgb(206,255,206);
  	text-align: left;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
 	  padding-top: 20px;
 	  padding-right: 50px;
 	  padding-left: 50px;
}

#history
{
  	float: left;  
  	width: 469px;
    background-color: rgb(206,255,206);
    color: black;
   	text-align: justify;
   	padding-left: 30px;
   	padding-right: 50px;
}

#images
{
  	float: left;
  	width: 149px;
  	background-color: rgb(206,255,206);
  	text-align: justify;
  	padding-top: 10px;
  	padding-left: 40px;
  	padding-right: 40px;
  	
}

#insert
{
  	float: left;
  	width: 185px;
  	background-color: rgb(206,255,153);
  	margin-left: 0px;
  	border: solid 2px green;
}

#insertbooking
{
  	float: left;
  	width: 160px;
  	background-color: rgb(206,255,153);
  	margin-left: 0px;
  	text-align: center;
  	border: solid 2px green;
}
#leftcolumn
{
  	float: left;  
  	width: 200px;
    background-color: rgb(206,255,206);
    color: black;
   	text-align: left;
   	padding-left: 50px;
 	
}

#leftcolumn2
{
  	float: left;  
  	width: 200px;
    background-color: rgb(206,255,206);
    color: black;
   	text-align: left;
   	padding-left: 50px;
   	height: 710px;
}

#leftcolumn3
{
  	float: left;  
  	width: 200px;
    background-color: rgb(206,255,206);
    color: black;
   	text-align: left;
   	padding-left: 50px;
   	height: 668px;
}
#links
{
  	float: left;
  	width: 499px;
  	background-color: rgb(206,255,206);
  	text-align: justify;
  	padding-left: 30px;
  	padding-right: 20px;
}

#location
{
  	float: left;  
  	width: 499px;
    background-color: rgb(206,255,206);
    color: black;
   	text-align: justify;
   	padding-left: 30px;
   	padding-right: 20px;
}


#middlecolumn
{
  	float: left;  
	  width: 300px;
  	background-color: rgb(206,255,206);
  	color: black;
  	text-align: justify;
  	padding-left: 20px;
  	
}


#navbar
{
	float: left;
  width: 175px;
 	margin-left: 0px;
 	margin-top: 0px;
 
}

#navbar li a
{
	display: block;
	width: 100%; 
	padding: .25em;
	text-decoration: none;
	font-weight: bold;
	color: rgb(0,101,0);
	font-size: 1.3em;
}

#navbar ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navbar li
{
	margin: 0;
	padding: 0;
}

#navbar li a:hover, #navbar li a:focus 
{
	
	background-color: rgb(0,101,0);
	color: yellow;
}

#navbar li a.Current, #navbar li a.Current:hover
{
	border-left: 0.785em solid rgb(202,82,0);
	cursor: default;
}

#rightcolumn
{
  	float: left;
  	width: 449px;
  	background-color: rgb(206,255,206);
  	text-align: justify;
  	padding-left: 50px;
  	padding-right: 50px;
  	height: 710px;
}

#topiary
{
  	float: left;  
  	width: 230px;
    background-color: rgb(206,255,206);
    color: black;
   	text-align: justify;
   	padding-left: 20px;
}

#topiaryimages
{
  	float: left;
  	width: 229px;
  	background-color: rgb(206,255,206);
  	text-align: center;
  	padding-top: 0px;
  	padding-left: 30px;
  	padding-right: 40px;
}


#wrapper
{
  	width: 799px;
  	background-color: rgb(206,255,206);
  	font-size: 10px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  
}

div.formtop
{
  	float: left;
  	width: 274px;
  	background-color: rgb(206,255,206);
  	padding-left: 220px;
   		
}

div.form1
{
  	float: left;
  	width: 489px;
  	background-color: rgb(206,255,206);
  	text-align: justify;
  	padding-left: 0px;
  	padding-right: 50px;
  
  
  	
}

div.form2
{
  	float: left;
  	width: 499px;
  	background-color: rgb(206,255,206);
  	text-align: left;
  	padding-left: 0px;
  	padding-right: 0px;
  	
  	
}

div.form3
{
  	float: left;
  	width: 389px;
  	background-color: rgb(206,255,206);
  	text-align: left;
  	padding-left: 95px;
  	padding-right: 0px;

  	
  	
}


h2
{
  	font-size: 1.05em;
  	font-weight: bold;
}

h2.gardenbooking
{
  	font-size: 1.25em;
  	font-weight: bold;
  	padding-left: 250px;
  	color: rgb(0,101,0);
}

h2.topiary
{
  	font-size: 1.25em;
  	font-weight: bold;
  	padding-left: 210px;
  	color: rgb(0,101,0);
}

img { border: none; }

img.captcha
{
   float: left;
  
}

img.garden
{
   float: left;
   background-color: rgb(206,255,206);
   padding: 20px;
}

img.history
{
   float: left;
   background-color: rgb(206,255,206);
   padding-top: 40px;
   padding-bottom: 10px;
}

img.logo1
{
   float: left;
   background-color: rgb(206,255,206);
   padding-top: 25px;
   padding-left: 50px;
}

img.logo2
{
   float: left;
   background-color: rgb(206,255,206);
   padding-top: 10px;
   padding-left: 5px;
}

img.logo3
{
   float: left;
   background-color: rgb(206,255,206);
   padding-top: 0px;
   padding-left: 25px;
}

img.links
{
   float: left;
   background-color: rgb(255,255,255);
   padding: 2px;
   border: solid 1px green;
}		

img.richmond
{
   float: right;
   background-color: rgb(206,255,206);
   padding-left: 20px;
   padding-bottom: 0px;
}

img.slideshow
{
   float: left;
   background-color: rgb(206,255,206);
   border: solid 1px green;
   margin-left: 40px;
   margin-top: 10px;
  
}

img.thumbnail 
{
   background-color: rgb(206,255,206);
   border: solid 1px green;
}		

input:focus 
{
   background-color: rgb(255,255,204);
}		
			
p { font-size: 1em; }

p.booking
{
  	font-size: 13px;
  	text-align: center;
  	color: rgb(31,143,255);
  	font-weight: bold;
}
p.buxus
{
  	font-size: 0.70em;
  	text-align: left;
  	color: rgb(31,143,255);
  	padding-left: 180px;
}

p.baytrees
{
  	font-size: 0.70em;
  	text-align: left;
  	color: rgb(31,143,255);
  	padding-left: 180px;
}

p.footer
{
  	font-size: 0.90em;
  	text-align: center;
}

p.form
{
  	font-size: 0.90em;
  	text-align: center;
  	padding-left: 221px;
}

p.form2
{
  	font-size: 0.90em;
  	text-align: center;
  	padding-left: 125px;
}
p.formfooter
{
  	font-size: 0.90em;
  	text-align: center;
  	padding-left: 130px;
}

p.formfooter2
{
  	font-size: 0.90em;
  	text-align: center;
  	padding-left: 120px;
}

p.images
{
  	font-size: 1.1em;
  	text-align: center;
  	font-weight: bold;
  	color: rgb(0,101,0);
}

p.capsimage
{
  	text-align: right;
  	padding-right: 50px;
}


sup
{
    text-align: center;
    font-size: 0.85em;
    color: rgb(0,0,0);
}

textarea:focus 
{
   background-color: rgb(255,255,204);
}	


table.form
{
    border-collapse: collapse;
    color: black;
      
}


td.form
{
    width: 100px;
    vertical-align: middle;
    color: black;
    padding: 4px;
    font-family: verdana;
    font-size: 0.7em;
    
}

    
td.form2
{
    width: 50px;
    vertical-align: middle;
    color: black;
    padding: 4px;
    font-family: verdana;
    font-size: 0.7em;
    
}


td.formsecure
{
    width: 40px;
    color: black;
    padding: 4px;
    font-family: verdana;
    font-size: 0.7em;
    
}

td.formsecure2
{
    width: 80px;
    color: black;
    padding: 4px;
    font-family: verdana;
    font-size: 0.7em;
    
}

td.formtopiary
{
    width: 100px;
    vertical-align: middle;
    color: black;
    padding: 4px;
    font-family: verdana;
    font-size: 0.7em;
    
}

td.times
{
    color: black;
    font-family: verdana;
    font-size: 0.9em;
    line-height: 85%;
    
}
th.form
{
    width: 250px;
    text-align: right;
    vertical-align: top;
    background-color: rgb(206,255,206);
    font-family: verdana;
    font-size: 1.5em;
    padding-right: 14px;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

th.form2
{
    width: 400px;
    text-align: left;
    background-color: rgb(206,255,206);
    font-family: verdana;
    font-size: 1.5em;
    padding-right: 0px;
    padding-bottom: 0.75em;
   
   
}

th.form3
{
    width: 500px;
    text-align: left;
    vertical-align: top;
    background-color: rgb(206,255,206);
    font-family: verdana;
    font-size: 1.5em;
    padding-right: 0px;
    padding-bottom: 0.75em;
   
   
}
th.formsecure
{
    width: 250px;
    text-align: right;
    vertical-align: bottom;
    background-color: rgb(206,255,206);
    font-family: verdana;
    font-size: 1.5em;
    padding-right: 14px;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

th.formsecure2
{
    width: 142px;
    text-align: right;
    vertical-align: bottom;
    background-color: rgb(206,255,206);
    font-family: verdana;
    font-size: 1.5em;
    padding-right: 14px;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

.formlabel th
{
    text-align: right;
    font-size: 0.9em;
    padding-left: 20px;
    background-color: rgb(206,255,206);
    
}
.topiarylabel th
{
    text-align: right;
    font-size: 0.9em;
    padding-left: 0px;
    background-color: rgb(206,255,206);
    
}


tr.events
{
    text-align: center;
    font-size: 11px;
    color: rgb(0,0,0);
    padding: 1px;
}


tr.form_header
{
    
    text-align: left;
    color: rgb(0,101,0);
    background-color: rgb(206,255,206);
    font-family: verdana;
    font-size: 1.0em;
    padding-left: 50px;
    
}


#buttonSubmit
{
    margin-left: 250px;
    margin-top: 10px;
    font-weight: bold;
}

#buttonReset
{
    font-weight: bold;
    margin-left: 50px;
}

#buttonSubmit2
{
    margin-left: 240px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

#buttonReset2
{
    font-weight: bold;
    margin-left: 50px;
    margin-top: 5px;
    margin-bottom: 10px;
}
