/* Table of Contents
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu,
nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		font: 14px/21px  "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; text-indent: 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {color: #555; }

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
	hr { border: solid #dff0d8; border-width: 2px 0 0;  margin: 0 0 10px 0; height: 0; } /* margin-bottom 30px for front end */
	hr .front {margin-bottom: 30px; }
/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; color: #666; font-size: 1.2em; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%,
rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /*
Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2)
0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2)
0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2)
0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2)
0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 120%;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-top: 20px;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 15px 15px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%,
rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /*
Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3)
0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3)
0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3)
0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3)
0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%,
rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4)));
/* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35)
0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35)
0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35)
0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35)
0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="date"],
	input[type="tel"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 1px 2px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		max-width: 100%;
		margin-bottom: 0px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="date"]:focus,
	input[type="tel"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #777;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 40px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	/*input[type="checkbox"] {
		display: inline; }*/
	label span,
	legend span {
		font-weight: normal;
		font-size: 12px;
		color: #444; }

/* #Misc
================================================== */
	.remove-top { margin-top: 0 !important; }
	.half-top { margin-top: 10px !important; }
	.add-top { margin-top: 20px !important; }
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

/* #Clearing
================================================== */
    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear:both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
/* ----------------------------- Theme css ------------------------------------ */
body {
	line-height: 150%; /* &&&&&&&&&&&&&&&&&&&&&&&& changed from 1.5em &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
	background-color: #3E5F41;
	background-image: url('../images/bodybg.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color: #000;
	overflow-x: hidden;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists.
For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain.
Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;	 		/* removing the top margin gets around an issue where margins can escape from their containing div.
								The remaining bottom margin will hold it away from any elements that follow. */
	padding: 0 0;	/* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math.
								A nested div with side padding can also be used as an alternate method. */
	text-align: left;
	color: #007000;
}
p {
color: #000;
}
h1 {
font-size: 160%;
}
h2 {
font-size: 140%;
}
h3 {
font-size: 120%;
}
.red {
	color: red;
}
.green {
	color: green;
}
.gray {
	color: gray;
}
.white {
	color: white;
}
.black {
	color: black;
}
.selected {
	color: white;

}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #666;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: green;
	text-decoration: underline;
}
.grow {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.grow:active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*  This fixed width container surrounds all other divs  */
.container {
	width: 100%;
	background-color: #fff;
	background-repeat: repeat;
	background-attachment: fixed;
}

/* Top Menu  */
.toggle, [id^=drop] {
 display: none;
}
nav {
  /* added top 3 for sticky menu */			
  position: fixed;
  z-index: 2;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #000;

}
nav:after {
  content: "";
  display: table;
  clear: both;
}
nav a:link {
	color: #bbb;
}
nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
	z-index: 2;
}
nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: black;
}
nav ul li:hover {
	background-color: #222;
}
nav a {
  display: block;
  padding: 0 20px;
  color: #bbb;
  font-size: 12px;
  line-height: 60px;
  text-decoration: none;
}
nav a:visited {
	color: #bbb;
}
nav ul li ul li:hover {
	background-color: #222;
}
nav a:hover {
	color: #fff;
	background-color: #000000;
	text-decoration: none;
}
nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}
nav ul li:hover > ul {
	display: inherit;
}
nav ul ul li {
  width: 300px;
  float: none;
  display: list-item;
  position: relative;
	z-index: 2;
}
nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

/* Media Queries
--------------------------------------------- */
@media all and (max-width : 768px) {
nav {
	margin: 0;
}
.toggle + a,
 .menu {
	 display: none;
 }
.toggle {
  display: block;
  background-color: black;
  padding: 0 20px;
  color: #bbb;
  font-size: 12px;
  line-height: 60px;
  text-decoration: none;
  border: none;
}
.toggle:hover {
	color: #fff;
	background-color: #000000;
}
[id^=drop]:checked + ul {
	display: block;
}
nav ul li {
  display: block;
  width: 100%;
}
nav ul ul .toggle,
nav ul ul a {
	 padding: 0 40px;
 }
nav ul ul ul a {
	padding: 0 80px;
}
nav a:hover,
nav ul ul ul a {
	color: #fff;
	background-color: #000000;
}
nav ul li ul li .toggle,
nav ul ul a {
	 background-color: #000000;
}
nav ul ul {
  float: none;
  position: static;
  color: #bbb;
}
nav ul ul li:hover > ul,
nav ul li:hover > ul {
	display: none;
}
nav ul ul li {
  display: block;
  width: 100%;
}
nav ul ul ul li {
	position: static;
}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}

	/* The header div  */
	#message {
		padding: 70px 0px 10px 0px;	
		width: 100%;
		text-align:center;
		background-color: yellow;
	}	
	.header {
		width: 100%;
		margin-top: 0px;
		background-image: url('../images/bannerbg.jpg');
		background-repeat: repeat-x;
	}
	.header a img {
		border: none;
		max-width: 100%;
		padding: 0 0 0 5%;
	}
	.slider {
		position: absolute;
		top: 120px;
		right: 5%;
		z-index: 1;
		padding: 20px 250px 0 0;
	}
	.innerfade li {
	    display:none;
	    position:absolute;
			color: red;
			font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,sans-serif;
			font-size: 18px;
			font-weight: bold;
			width: 300px;
			text-align: center;
	}
	#hours {
		width: 200px;
		text-align: center;
		padding-top: 115px;
		float: right;
		margin-right: 5%;
	}
	#hours>p {
		font-weight: bold;
		font-size: 1.15em;
		margin-bottom: 10px;
		color: red;
	} 
	@media only screen and (max-width: 600px) {
		.header{
			text-align: center;
		}
		.header a img {
			padding: 0;
		}
		.slider {
			opacity: 0;
		}
		.innerfade li{

		}
		#hours {
			padding-top: 20px;
			float: none;
			margin: 0 auto;
		}
	}

/* Graphical menu div */
.imageMenu {
	width: 92%;
	margin: 40px auto 40px auto;
	padding: 0px;
}
.imageMenu .imageLink {

}
.imageMenu .imageLink img {
	float: left;
	width: 15%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

@media only screen and (max-width: 600px) {
	.imageMenu {
	display: none;
	}
}

.main-content {
		width: 90%;
		margin: 0 auto;
		padding-top: 0px;
}
/* Main content div */
.front-wrapper {
	width: 73%;
	float: left;
}
.front-content {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px;
	border: 1px solid #ccc;
}
/*	background-color: #cee6d0;*/
	/* background-color: #dff0d8;*/
.front-content h1,
.front-content h2,
.front-content h3 {
	color: green;
	margin: 0;
	padding: 0 20px;
}
.front-content h1 {
	color: #304d32;
	background-color: #ccc;
}
.front-content p {
	padding: 10px 20px;
	margin: 0;
	font-size: 1.2em;
	color: #666; 
}
.front-content ul {
	padding: 0;
	margin: 10px 0px;
}
.front-content ul.square {
	padding-left: 35px;
}
.notice {
	text-align: center;
}
.notice>h1 {
	text-align: center;
	color: white;
	background-color: #800;
}

@media only screen and (max-width: 700px) {
	.main-content{
	}
	.front-wrapper {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.front-content {
		margin: 20px 0 0 0;
	}
}

/* Sidebar content */
.sidebar {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 23%;
	background-color: #fff;
	text-align: center;
}

.sidebar button {
	width: 100%;
}

#paypal {
	max-width: 100%;
}
.share { margin: 10px 0 0 22px; }
.share h2 {	margin: 0 0 0 10px; }
.share img {
width: 33px;
padding: 0px 0px 0px 2px;
margin: 0;
border: 0;
box-shadow: 0;
display: inline;
}
.action {
	margin: 20px auto 0 auto;
	padding: 10px 0  20px 0;

	max-width: 100%;
	background-color: #007000;

    background: -webkit-gradient(linear, left top, left bottom, from(#00a000), to(#006000));
    background: -moz-linear-gradient(top, #00a000, #006000);
    background: linear-gradient(to bottom, #00a000, #006000);
    text-shadow: #591717 1px 1px 1px;
}
.action h1,
.action h2,
.action h3 {
	color: white;
}

/*Bulletin div & Infobox div */
.infobox, .bulletin {
	margin-top: 20px;
	padding: 0 0 20px 0;
	border: 1px solid #ccc;
	text-align: center;
}
.infobox h2, .bulletin h2 {
	color: #304d32;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ccc;
	text-align: center;
}
.infobox p, .bulletin p {
	color: #666;
	margin: 0;
	padding: 10px;
	text-align: left;
}
.infobox button, .bulletin button {
	margin: 0;
	width: 90%;
}
.bulletin h2 {
	color: red;
}

/* Sidebar links div */
.sideLink {
	margin: 20px 0;
	text-align: center;
}
.sideLink img {
	width: 100%;
}

@media only screen and (min-width: 401px) and (max-width: 700px) {
	.sidebar {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.infobox, .bulletin {
		float: left;
		width: 47%;
	}
	.sideLink{
		float: right;
		width: 47%;
		margin: 0;
	}
	.sideLink2 {
		margin-top: 20px;
		width: 100%;	
	}
}
@media only screen and (max-width: 400px) {
	.sidebar {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
}
/* ~~ The styles used in the footer ~~ */
.footer {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,sans-serif;
	font-size: 11px;
	font-weight: 500;
	height: 200px;
	width: 100%;
	background-color: #fff;
	background-image: url('../images/footerbg.jpg');
	background-repeat: repeat-x;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
.footer p, .footer a {
	margin: 0;
	color: #333;
}
.footer .left {
	float: left;
	width: 275px;
	padding: 90px 0 0 5%;
}
.footer .share img {
	width: 200px;
	margin: 0 0 -5px 0;
	padding: 0;
}
.footer .share {
	margin: 0 0 0 0;
}
.footer a img {
	border: none;
}
.footer .right {
float: right;
width: 250px;
text-align: right;
padding: 107px 5% 0 0;
}
@media only screen and (max-width: 600px) {
	.footer .left, .footer .right {
		float: none;
		text-align: center;
		padding: 0;
		margin: 10px auto;
	}
}
/* Contact Form*/
.contact {
	float: left;
	width: 300px;
	padding: 20px 10px 20px 30px;
	margin: 0 0 0 100px;
	border-radius: 20px;
}
.contact h1, .contact h2, .contact h3, .contact p {
	padding: 0 0 0 5px;
	margin: 0;
}
.contact textarea {

}
.contact {
	font-size: 120%;
}
.contact input[type="text"] {
		padding: 6px 4px;
		margin: 0 0 0 0;
}
.contact input[type="submit"] {
	margin: 20px 0 0 5px;
	font-size: 100%;
}

.center {
	text-align: center;
}
table.greenbg{
	background-color: #dff0d8;
	border: 10px solid #dff0d8;
}
.middle {
	margin: auto;
}
.larger td {
	font-size: 100%;
}
.larger input[type="text"],
.larger input[type="password"],
.larger input[type="email"],
.larger input[type="tel"],
.larger textarea {
		padding: 6px 4px;
		margin: 0 0 20px 5px;

}
.larger input[type="submit"],
.larger input[type="reset"],
.larger input[type="button"] {
	margin: 20px 0 0 5px;
	font-size: 100%;
}
button.close {
  -webkit-appearance: none;
  padding: 2px;
  margin-right: 5px;
  cursor: pointer;
  background: transparent;
  border: 2px solid green;
}
.formbox {
	margin-left: 20px;
}
.formbox input[type="text"] {
		padding: 6px 4px;
		margin: 0 0 0 0;
}