/* This style sheet will control the style, formatting, and layout of the Web site */


/* BOOKMARK SECTION: NOT USED CURRENTLY  The following positions the bookmark. */

#bookmark {position: absolute; top: 105px; left: 400px; width 490; bottom: 120px; font-size: 14px;}


/* CONTACT SECTION:  The following positions the Camp's telephone number and email address on the header, and sets the font. The actual telephone number and email address are on the html pages. */

#contact {position: absolute; top: 75px; left: 166px; text-decoration: none; font-size: 14px; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; color: white; word-spacing: .1em; z-index: 100;}


/* CONTENT SECTION:  The following positions the Content Section. */

#content {position: absolute; top: 138px; left: 158px; width: 512px; height: auto; padding-top: 30px; padding-right: 5px; padding-bottom: 0px; padding-left: 25px; line-height: 120%; font-size: 13px; font-family: "Arial", "Helvetica", sans-serif; text-decoration: none; background-color: #D4E7B2; z-index: 80;}

#content a {text-decoration: none;}

#content a:link {color: blue;}
#content a:visited {color: purple;}
#content a:focus {color: red;}
#content a:hover {color: red;}
#content a:active {color: red;}

	#floatBox {
		background: #0101DF;
		border: 2px double #000000;
		color: #FFF;
		float: left;
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0px 10px 0px 0px;
		padding: 0px 10px 0px 20px;
		width: 145px;
	}



/* DATE - SEARCH SECTION:  The following position and defines the box containing the date and search box, the date, and the search box. */

#date-searchbox-bg {position: absolute; top: 103px; left: 10px; width: 690px; height: 20px; background-color: #B7B7B7; padding-top: 8px; padding-bottom: 8px; z-index: 60;}

#date {position: absolute; top: 112px; left: 24px; width 490; font-size: 12px; z-index: 61;}

#searchbox {position: absolute; top: 105px; left: -175px; width: 490; bottom: 120px; font-size: 12px; font-family: "Verdana", sans-serif; font-weight: bold; color: #004B18; z-index: 62;}


#header {position: absolute; top: 15px; left: 10px; z-index: 90;}



/* MENU SECTION:  The following positions the JavaScript Menu. */

#menu {position: absolute; top: 138px; left: 11px; z-index: 70;}



/* MENU COLUMN BACKGROUND:  The following positions and defines the background for the left hand column underneath the menu. */

#menu-column-bg {position: absolute; top: 510px; left: 11px; width: 147px; height: auto; background-color: transparent; padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; border-style: none; z-index: 65;}



/* NAVAGATION SECTION:  NOT USED CURRENTLY.  The following positions the Navigation Section. There is no padding between the navigation text and the border of the Navigation Section.  The Navigation Section will be fixed in all browser windows. */

#navigation {position: absolute; top: 150px; left: 18px; width: 170px; background-color: transparent; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}

/* NAVAGATION LINKS:  NOT USED CURRENTLY.  All navigation links are block, which means each will appear on its own line. The font on Windows machines will likely be Arial and on Apple machines Helvetica. Links that have not been clicked and are not being pointed at are white.  Links that have been visited or clicked are maroon.  Links that are selected via the keyboard (focus) are olive. Links that are pointed at or hovered over turn red.  And Links that are clicked and active also turn red. There is no text decoration, which means that link underlining has been removed. */

#navigation a {display: block; line-height: 200%; text-decoration: none; font-size: 14px; font-family: "Arial Black", "Helvetica", sans-serif; font-variant: small-caps;}

#navigation a:link {color: white;}
#navigation a:visited {color: aqua;}
#navigation a:focus {color: olive;}
#navigation a:hover {color: fuchsia;}
#navigation a:active {color: fuchsia;}


/* TITLE SECTION:  The following defines the three types of titles. */

h1 {font-size: 17px; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; position: center; z-index: 84;}
h2 {font-size: 15px; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; display: inline; position: relative; left:0px; z-index: 83;}
h3 {font-size: 13px; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; font-style: italic; display: inline; z-index: 82;}
h4 {font-size: 13px; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; display: inline; z-index: 81;}


/* Classes for styling */

	.emph2 {
		color:#FFFFFF;
		font-style: normal;
		font-weight: bold;
		text-decoration: underline;
		}

	.emph3 {
		color:#FFFFFF;
		font-style: italic;
		font-weight: normal;
		}

	.small {
		font-size: .8em;
		}



/* SCROLLER SECTION: The following positions and defines the text scroller. */

#scroller {position: absolute; top: 145px; left: 200px; width: 450px; font-size: 13px; font-family: "Arial", "Helvetica", sans-serif; text-decoration: none; z-index: 101;}