/* #f2efe6 = cream */
/* #afa796 = greyish-beige */
/* #af9b7a = yellowish-beige */
/* #404332 = dark green */

body { 
 text-align: center; 
 color: #000;												/* black body text */
 background: #af9b7a; 									/* beige background */ 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
} 

#wrapper { 
 color: #000;												/* black body text */
 background:url(images/background.jpg) repeat;	/* image is 940 wide x 40 high, and repeats */
 width: 940px;												/* this is the same width as the header image file */
 margin: 0 auto; 											/* this will keep everything centered in the browser window */
 text-align: left; 
} 

#header { 
 color: #800000;											/* dark red main header text */
/*background:url(images/header50.jpg) no-repeat;*/	/* image is 940 wide x 200 high */
 background:url(images/header.jpg) no-repeat;	/* image is 940 wide x 200 high */
 width: 940px;
 height: 200px;
 padding: 0; 
}

#header h1 { 
 font-size: 400%; 
 font-family: Papyrus, Tahoma, Arial, Helvetica, sans-serif;
 font-weight:bold;
 letter-spacing: 3px;
 line-height: 60px;
 text-align: center; 
 padding: 0;
 margin: 0;
 visibility:hidden;
} 

#header h1.second-line {
 font-size: 200%; 
 letter-spacing: 1px;
 line-height:normal;
 text-align:center;
 padding: 0;
 margin: 0;
 visibility:hidden;
} 

#header h1.slogan { 
 font-size: 150%;
 font-weight: bolder; 
 font-style:italic;
 letter-spacing: normal;
 line-height:normal;
 color: #f2efe6;											/* cream slogan text */
 background:none;
 padding:0 0 0 400px;
 position:relative;										/* position the slogan beside the second line of header */
 visibility:hidden;
}

/*=======================================================================================================*/

#navcontainer {
 float: left;
 font-size: 95%;
 text-align: left;
 width: 230px; 
 padding:25px 0 0 0;
/* margin:0 0 0 20px;*/
 color:#f2efe6;											/* cream menu button text */
 background:none;
} 

#navcontainer img.normal {
 margin:10px 0 10px 25px;
 padding:0 0 0 0;
 border:2px solid #404332; 							/* dark green image border */
}

#mainmenu {
 color:#f2efe6;											/* cream menu button text */
 background:none;
 margin-bottom:20px;
}

#mainmenu ul {
 margin:0;
 padding:0 0 0 20px;
/* padding:0;*/
 list-style-type:none;									/* remove bullets from menu buttons */
}

#mainmenu li {
 margin:0 0 5px 0;
}

#mainmenu a {
 display:block;
 color: #f2efe6;											/* cream menu button text */
 background: #404332;									/* dark green menu button background */
 letter-spacing: 0.1px;
 width: 196px;
 padding: 5px 0 5px 5px;
 text-decoration: none; 
 border:2px solid #f2efe6;								/* cream button border */
 font-weight:bold;
 font-size: 90%;
}

#mainmenu a#current {
 color:#404332;											/* dark green for current menu button text */
 background:#f2efe6;										/* cream background for current menu button */
 border:2px solid #404332; 							/* dark green button border */
 font-weight:bold;
 font-size: 90%;
}

#mainmenu a:hover {
 color:#404332;											/* dark green for hover menu button */
 background:#f2efe6;										/* cream background for hover menu button */
 border:2px solid #404332; 							/* dark green button border */
 font-weight:bold;
 font-size: 90%;
 font-stretch:ultra-condensed;
}

#submenu {
 color:#000;												/* black sub-menu text */
 background:none;
 margin:0 0 0 30px;
}

#submenu p {
 font-weight:bold;
 padding:0;
 margin:20px 0 5px 20px;
}

#submenu ul {
 padding:0 0 10px 45px;
 margin:0;
}

#submenu li {
 padding:0 0 0 0;
 margin:0 0 5px 5px;
 list-style-type:disc;									/* add bullets to sub-menu items */
}

#submenu a:link {
 color: #800000;											/* dark red text for 'submenu' links */
 background:none;
 text-decoration: underline;
}
			
#submenu a:visited {
 color: #800000;											/* dark red text for visited 'submenu' links */
 background:none;
 text-decoration: underline;
}
			
#submenu a:hover {
 color:#f2efe6;
 background:#800000;
 text-decoration: underline;
}

#submenu a:active {
 color:#800000;											/* dark red text for active 'submenu' link */
 background:none;
 text-decoration: underline;
}

#bigbutton, #bigbutton2 {
 color:#f2efe6;											/* cream big button text */
 background:none;
 margin-bottom:20px;
}

#bigbutton ul, #bigbutton2 ul {
 margin:0;
 padding:0;
 list-style-type:none;									/* remove bullets from big buttons */
}

#bigbutton li, #bigbutton2 li {
 margin:0 0 5px 0;
}

#bigbutton a, #bigbutton2 a {
 display:block;
 text-align:center;
 color: #f2efe6;											/* cream menu button text */
 background: #800000;									/* dark red big button background */
 font-size: 100%;
 font-weight:bold;
 letter-spacing: 0.1px;
 width: 126px;
 padding: 15px 0;
 margin-left: 60px;
 text-decoration: none; 
 border: 2px solid #000;								/* cream button border */
}

#bigbutton a:hover, #bigbutton2 a:hover {
 color:#800000;											/* dark red for hover menu button */
 background:#f2efe6;										/* cream background for hover menu button */
 border: 2px solid #800000; 							/* dark red button border */
 font-weight:bold;
}

/*=======================================================================================================*/

#smallbutton {
 color:#f2efe6;											/* cream big button text */
 background:none;
 margin-bottom:20px;
}

#smallbutton ul {
 margin:0;
 padding:0;
 list-style-type:none;									/* remove bullets from big buttons */
}

#smallbutton li {
 margin:0 0 5px 0;
}

#smallbutton a {
 display:block;
 text-align:center;
 color: #f2efe6;											/* cream menu button text */
 background: #800000;									/* dark red big button background */
 font-size: 100%;
 font-weight:bold;
 letter-spacing: 0.1px;
 width: 296px;
 padding: 5px 0;
 margin-left: 0px;
 text-decoration: none; 
 border: 2px solid #000;								/* cream button border */
}

#smallbutton a:hover {
 color:#800000;											/* dark red for hover menu button */
 background:#f2efe6;										/* cream background for hover menu button */
 border: 2px solid #800000; 							/* dark red button border */
 font-weight:bold;
}

/*=======================================================================================================*/
#thought {
 font-family: Papyrus, Tahoma, Arial, Helvetica, sans-serif;
 clear: both;												/* force this section to cover entire width of wrapper */
 text-align: left;
 width: 940px;
 padding:0 0 0 0;
/* margin:0 0 0 0;*/
 color:#000;												/* this color doesn't really matter */
 background:none;
} 

#thought h3 { 
 font-size: 150%;
 font-style:italic;
 color: #000;												/* dark red 'thought' heading text */
 background: none;
 width:760px;
 padding:0 20px 0 20px;
 margin:0 0 0 70px;
 border-left:2px solid #800000;						/* dark red 'thought' border */
 border-top:2px solid #800000;						/* dark red 'thought' border */
 border-right:2px solid #800000;						/* dark red 'thought' border */
}

#thought p.heading { 
 font-size: 150%;
 font-style:italic;
 font-weight:bold;
 color: #000;												/* dark red 'thought' heading text */
 background: none;
 width:760px;
 padding:0 20px 0 20px;
 margin:0 0 0 70px;
 text-align:left;
 border-left:2px solid #800000;						/* dark red 'thought' border */
 border-top:2px solid #800000;						/* dark red 'thought' border */
 border-right:2px solid #800000;						/* dark red 'thought' border */
}

#thought p.text {
 font-size: 110%;
 color:#000;												/* black 'thought' paragraph text */
 background: none;
 width:760px;
 padding: 0 20px 10px 20px;
 margin:0 0 20px 70px;
 text-align:center;
 border-left:2px solid #800000;						/* dark red 'thought' border */
 border-right:2px solid #800000;						/* dark red 'thought' border */
 border-bottom:2px solid #800000;					/* dark red 'thought' border */
}

/*=======================================================================================================*/

#content-center { 
 float: left;
 text-align:left;
 width: 480px; 
} 

#content-center-b { 
 float: left;
 text-align:left;
 width: 370px; 
} 

#content-wide { 
 clear: none;
 width: 710px; 
 text-align:left;
 margin: 0 0 20px 0;
} 

#rightside {
 float: right;
 font-size: 95%;
 text-align: left;
 width: 230px; 
 padding:25px 0 0 0;
 margin:0 0 0 0;
 color:#000;												/* black rightside text */
 background:none;
} 

#rightside-b {
 float: right;
 font-size: 95%;
 text-align: left;
 width: 340px; 
 padding:25px 0 0 0;
 margin:0 0 0 0;
 color:#000;												/* black rightside text */
 background:none;
} 

#rightside-b img.normal {
 margin:0 20px 20px 5px;
 padding:0 0 0 0;
 border:2px solid #404332; 							/* dark green image border */
}

#rightside img.normal {
 margin:0 20px 20px 5px;
 padding:0 0 0 0;
 border:2px solid #404332; 							/* dark green image border */
}

#rightside p {
 color:#000;
 background:none;
 padding:0 60px 0 20px;
}

#rightbutton {
 float:left;
 color:#f2efe6;											/* cream big button text */
 background:none;
 margin-bottom:20px;
 padding-left:5px;
}

#rightbutton ul {
 margin:0;
 padding:0;
 list-style-type:none;									/* remove bullets from big buttons */
}

#rightbutton li {
 margin:0 0 5px 0;
}

#rightbutton a.green, #rightbutton a.green:link, #rightbutton a.green:visited, #rightbutton a.green:active {
 display:block;
 text-align:center;
 color: #f2efe6;											/* cream menu button text */
 background: #404332;									/* dark green big button background */
 font-size: 100%;
 font-weight:bold;
 letter-spacing: 0.1px;
 width: 126px;
 padding: 15px 0;
 margin-left: -15px;
 margin-right: 60px;
 text-decoration: none; 
 border: 2px solid #000;								/* black button border */
}

#rightbutton a.green:hover {
 color:#404332;											/* dark green for hover menu button */
 background:#f2efe6;										/* cream background for hover menu button */
 text-decoration: none; 
 border: 2px solid #404332; 							/* dark green button border */
 font-weight:bold;
}

/*=======================================================================================================*/

#darkerbackground {
 background:#D7CDBB;
/* background:#CDC1AB;*/
 width:650px;
 margin:0 45px 0 5px;
 padding:1px 0;
}

#content { 
 width: 710px; 
 float: right; 
 text-align:left;
 margin: 0 0 20px 0;
} 

h2 { 
 font-size: 150%;
 text-align: center;
 margin:0;													/* need this line for Mozilla Firefox, to position heading at top of section */
}

h2.narrow { 
 font-size: 150%;
 text-align: center;
 margin:10px 0 0 20px;									/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:3px 0;
 width:440px;
 color:#f2efe6;											/* cream 'content' header text */
 background:#800000;	 									/* dark red 'content' header background */
}

h2.wide { 
 font-size: 150%;
 text-align: center;
 margin:10px 0 0 20px;									/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:3px 0;
 width:630px;
 color:#f2efe6;											/* cream 'content' header text */
 background: #800000; 									/* dark red 'content' header background */
}

h3.narrow { 
 font-size: 120%;
 text-align:left;
 margin:10px 0 0 20px;									/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:3px 0;
 color:#800000;											/* dark red 'content' header text */
 background:none;
}

h3.wide { 
 font-size: 120%;
 text-align:left;
 margin:20px 0 0 20px;									/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:3px 0;
 width:630px;
 color:#800000;											/* dark red 'content' header text */
 background:none;
}

h3.wide-topmargin { 
 font-size: 120%;
 text-align:left;
 margin:30px 0 0 20px;									/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:3px 0;
 width:630px;
 color:#800000;											/* dark red 'content' header text */
 background:none;
}

h3.wide-nospace { 
 font-size: 120%;
 text-align:left;
 margin:0 0 0 20px;										/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:0 0 0 0;
 width:630px;
 color:#800000;											/* dark red 'content' header text */
 background:none;
}

h3.spaced { 
 font-size: 120%;
 text-align:left;
 margin:20px 0 14px 20px;								/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:3px 0;
 color:#800000;											/* dark red 'content' header text */
 background:none;
}

h3.centered { 
 font-size: 120%;
 text-align:center;
 margin:10px 0 0 20px;								/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:3px 0;
 width:630px;
 color:#800000;											/* dark red 'content' header text */
 background:none;
}

h4 { 
 font-size: 100%;
 font-weight:bold;
 text-align:left;
 margin:20px 0 0 50px;									/* need this line for Mozilla Firefox, to position heading at top of section */
 padding:3px 0;
 color:#000;												/* black 'content' header text */
 background:none;
}

hr.wide {
 width: 630px;
 margin-left:20px;
}

.padright {
 padding-left: 20px;
 padding-right: 60px;
}

.padboth {
 padding-left: 50px;
 padding-right: 60px;
}

.tablenote {
 padding-left: 60px;
 padding-right: 60px;
 margin-top:10px;
}

.tablenote2 {
 padding-left: 80px;
 padding-right: 60px;
 margin-top:10px;
}

.quote {
 padding-left: 40px;
 padding-right: 80px;
}

.italic {
 font-style:italic;
}

.smaller {
 font-size:90%;
}

.verysmall {
 font-size:80%;
}

.centered {
 text-align:center;
}

.marginleft {
 margin-left:60px;
 padding-right: 60px;
}

.marginleft2 {
 margin-left:90px;
}

.backtotop {
 font-size:75%;
 margin-left:40px;
 padding:0 0 10px 0;
}

.bold {
 font-weight:bold;
}

.grey {
	color:#999;
	background:inherit;
}

.blue {
	color:#00f;
	background:inherit;
}

ul.bulleted {
 margin: 0 0 0 20px;
 padding: 0;
 list-style-type:disc;
}

ul.bulleted1 {
 margin: 20px 0 0 20px;
 padding: 0;
 list-style-type:disc;
}

ul.bulleted2 {
 margin: 0 0 0 40px;
 padding: 0;
 list-style-type:disc;
}

ul.bulleted3 {
 margin: 0 0 0 0;
 padding: 0;
 list-style-type:circle;
}

ul.numbered {
 color:#000;
 background:inherit;
 margin: 14px 0 0 30px;
 padding: 0;
 list-style-type:decimal;
}

ul.numbered-indented {
 color:#000;
 background:inherit;
 margin: 14px 0 0 50px;
 padding: 0;
 list-style-type:decimal;
}

ul.lettered {
 color:#000;
 background:inherit;
 margin: 14px 0 0 30px;
 padding: 0;
 list-style-type:upper-alpha;
}

ul.lettered-lower {
 color:#000;
 background:inherit;
 margin: 14px 0 0 30px;
 padding: 0;
 list-style-type:lower-alpha;
}

#content li, #content-center li {
 margin-left: 50px;
}

#content ul li ul {
 margin-left: 10px;
}

#content ul li ul li {
 margin-top: 7px;
 padding-right: 60px;
}

li.spaced1 {
 margin-bottom: 7px;
 padding-right: 60px;
}

li.spaced2 {
 margin-bottom: 14px;
 padding-right: 60px;
}

li.spaced3 {
 margin-bottom: 7px;
 margin-top: 14px;
 padding-right: 60px;
}

#content img {
 margin:5px 0 20px 20px;
 padding:55px 0 25px 0;									/* move the image down the page a bit */
}

#content img.center {
 float:none;
 margin:0 0 0 80px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content img.center2 {
 float:none;
 margin:0 0 0 140px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content img.center3 {
 float:none;
 margin:0 0 0 60px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content img.center4 {
 float:none;
 margin:0 0 0 210px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content img.topright {
 float:right;												/* position the image to the right of the 'content' text */
 margin:25px 25px 20px 20px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content img.right {
 float:right;												/* position the image to the right of the 'content' text */
 margin:0 25px 10px 20px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content img.right2 {
 float:right;												/* position the image to the right of the 'content' text */
 margin:0 65px 10px 20px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content img.downright {
 float:right;												/* position the image to the right of the 'content' text */
 margin:75px 25px 20px 20px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content img.left {
 clear:both;
 float:left;												/* position the image to the left of the 'content' text */
 margin:0 40px 20px 30px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

#content dl {												/* use this for general contact information */
 font-size:100%;
 padding:10px 0 0 60px;
 width:300px;
}

#content dd {
 position:relative;
 left:65px;
 bottom:17px;
 width:300px;
}

#content dd.wide {
 position:relative;
 left:250px;
 bottom:17px;
 width:300px;
}

table.wide {
 border-collapse: collapse;
 width: 575px;
 border: 2px solid #2d2e25;
 margin-left:60px;
}

table.max {
 border-collapse: collapse;
 width: 630px;
 border: 2px solid #2d2e25;
 margin-left:20px;
}

table.max-spaced {
 border-collapse: collapse;
 width: 630px;
 border: 2px solid #2d2e25;
 margin:0 0 10px 20px;
}

table.wide-spaced {
 border-collapse: collapse;
 width: 535px;
 border: 2px solid #2d2e25;
 margin:0 0 10px 20px;
}

.col75wide {
 text-align: left;
 width: 75px;
}

table.narrow {
 border-collapse: collapse;
 width: 275px;
 border: 2px solid #2d2e25;
 margin: 14px 0 0 80px;
}

table.nolines {
 border-collapse: collapse;
 width: 350px;
 border:none;
 margin: 14px 0 28px 40px;
}

table.nolines2 {
 border-collapse: collapse;
 width: 450px;
 border:none;
 margin: 14px 0 28px 40px;
}

td.nolines {
	border:none;
}

thead {
 border-bottom: 2px solid #2d2e25;
}

thead th {
 text-align:center;
}

th, td {
 padding: 4px 10px;
 border-right: 1px solid #2d2e25;
}

th {
 border-bottom: 2px solid #2d2e25;
}

td {
 border-bottom: 1px solid #2d2e25;
 font-size:90%;
}

tr.full {
	color:#999;
	background:inherit;
}

table.staff {
 border-collapse: collapse;
 width: 535px;
 border:none;
 margin: 14px 0 28px 0;
}

td.staff {
	border:none;
	padding-bottom: 14px;
}

#content img.staff {
 clear:both;
 float:left;												/* position the image to the left of the 'content' text */
 margin:0 0 0 30px;
 padding:0 0 0 0;
 border:2px solid #404332;								/* dark green image border */
}

caption.invisible {
 display:none;
}

caption.visible {
 display:table-caption;
 font-size: 120%;
 font-weight:bold;
 text-align:center;
 padding-bottom:7px;
 width:575px;
 color:#800000;											/* dark red table caption text */
 background:none;
}

#content a, #content-center a {
 color: #800000;											/* dark red text for 'content' links */
 background:none;
 text-decoration: underline;
}
			
#content a:link, #content-center a:link {
 color: #800000;											/* dark red text for 'content' links */
 background:none;
 text-decoration: underline;
}
			
#content a:visited, #content-center a:visited {
 color: #800000;											/* dark red text for visited 'content' links */
 background:none;
 text-decoration: underline;
}
			
#content a:hover, #content-center a:hover {
 color:#f2efe6;
 background:#800000;
 text-decoration: underline;
}

#content a:active, #content-center a:active {
 color: #800000;											/* dark red text for active 'content' link */
 background:none;
 text-decoration: underline;
}

#content a.bigred:link {
 color: #800000;											/* dark red text for 'content' links */
 background:inherit;
 text-decoration: underline;
 font-size:120%;
 font-weight:bold;
}
			
#content a.bigred:visited {
 color: #800000;											/* dark red text for visited 'content' links */
 background:inherit;
 text-decoration: underline;
 font-size:120%;
 font-weight:bold;
}
			
#content a.bigred:hover {
 color: #f2efe6;											/* dark green text for 'content' links being hovered over */
 background:#800000;
 text-decoration: underline;
 font-size:120%;
 font-weight:bold;
}

#content a.bigred:active {
 color: #800000;											/* dark red text for active 'content' link */
 background:inherit;
 text-decoration: underline;
 font-size:120%;
 font-weight:bold;
}

#content p.staffname {
 font-size:150%;
 font-weight:bold;
 padding:10px 0 5px 40px;
}

#content p.campname {
 font-size:150%;
 font-weight:normal;
 font-style:italic;
 padding:0 0 5px 40px;
}

#content p.staffinfo {
 font-size:100%;
 font-weight:normal;
 font-style:normal;
 padding:0 0 10px 40px;
}

/*=======================================================================================================*/

#footer { 
 clear: both;
 width:940px;
 color: #f2efe6;											/* cream footer text */
 background:url(images/footer.jpg) no-repeat;	/* image is 940 wide x 75 high */
 height: 75px;
 padding: 0; 
}

#footer p {
 font-size: 90%;
 text-align:center;
 padding: 15px 0 0 0;
}

