/*
 * Stylesheet by David Flanagan. http://www.davidflanagan.com
 */
body {  /* These styles are for the entire page */
    /* This is the beige color that surrounds the content */
    background-color: #e1d2ab;
}

#wrapper {  /* This defines the content area */
  margin: 0px auto;                  /* float within sea of beige */
  width: 800px;                      /* content is 800 pixels wide */
  background-color: #ccf;            /* light blue background */
  border: solid 1px #5a8e25;         /* thin deep green border */
  border-right: solid 2px #5a8e25;   /* slightly wider on right */
}

#banner {      /* Styles for the image/logo at the top */
  border:none;  /* Just override the generic image styles defined below */
  margin: 0px;
  display:block;  /* this is not an inline image */
}

#navbar {      /* Styles for the navigation bar at top */
  font-family: arial, helvetica, sans-serif;  /* Sans-serif font */
  font-weight: bold;                          /* bold */
  font-size: larger;                          /* a little bigger */
  width: 100%;                                /* same 800 pixel width */
  background-color: #5a8e25;                  /* deep green background */
  border-bottom: solid 1px black;             /* thin black line */
  border-top: solid 1px black;                /* ditto */
}

#navbar a {   /* Links inside the navigation bar */
  text-decoration: none;   /* don't underline them normally */
  color: white;            /* Make them white against the green background */
}

#navbar a:hover { /* Links inside navbar when the mouse is over them */
  text-decoration: underline; /* Underline them to emphasize clickability */
}

#navbar td { /* table cells in the navigation bar */
  text-align: center;  /* center the content of each cell */
}

#title {     /* The page headline is below the navigation bar */
  font-family: arial, helvetica, sans-serif;  /* sans-serif font */
  font-size: larger;                          /* bigish */
  font-weight: bold;                          /* and boldish */
  text-align: center;                         /* and centered */
  margin-top: 15px;                           /* space above */
  margin-bottom: 25px;                        /* and more space below */
}

#content {   /* Styles for the main content of the page */
  margin: 25px;  /* just put some space around it all */
}

#footer {    /* The contact information at the bottom of each page */
  margin: 0px;                   /* flush with the content area above */
  background-color: #5a8e25;     /* deep green like navigation bar */
  text-align: center;		 /* center the content */
  padding: 5px;                  /* space around the content */
  border-top: solid black 1px;   /* thin black line above */
  font-family: arial, helvetica, sans-serif;  /* sans-serif font */
  clear:both;
}

#footer a {  /* links in the footer are white with no underlines */
  text-decoration: none;
  color: white;
}

#footer a:hover {  /* but underlines appear when the mouse moves over */
  text-decoration: underline;
}

img {  /* Styles for all images (except the header logo at the top) */
  border: 5px solid white;   /* A border to make it look like a snapshot */
  margin: 10px;              /* And some blank space around the border */
}

#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 150px;
	left: 20px;
	top: 300px;
	background-color: yellow;
	border: 2px solid red;
	padding: 10px;
	}

#close {
	float: right;
	}