/* CSS file for Wanakee United Methodist Center */
/* Written by Cam Howard */
/* c. 2005-10 */

body {
	margin: 0px;
	padding: 0px;
	font-size: 100%; /* set base font to avoid tiny text in IE */
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	background-color: #006699;
	color: #000;
	}

#headerbox {
	width: 100%;
	height: 100px;
	background: url(images/mountainright.gif) top right no-repeat;
	background-color: #92A7C8;
	}
	
#contentbox {
	background-color: #ccf; /* light blue - was #B9C5F0; */
	margin: 10px 20px 50px 200px;
	padding: 10px;
	}

#leftcolbox {
	position: absolute;
	top: 110px;
	left: 20px;
	width: 170px; /* 10.5em; */
	margin: 0px;
	padding: 0px;
	background-color: #99CC66; /* soft green */
	}

#contact {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	margin: 10px;
	padding-top: 5px;
	}

/* appearance of links in contact area */
#contact a {
	color: #006633; /* dark green */
	font-weight: bold;
	}
	
#menu {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	margin: 10px;
	z-index: 2000;
	}

/* menu functionality from Sons of Suckerfish at www.htmldog.com/articles/suckerfish/ */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 13em;
	}
	
#nav li { /* all list items */
	position: relative;
	float: left;
	line-height: 1em;
	margin-bottom: -1px;
	width: 13em;
	}
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left: 13.05em;
	margin-top: -2.2em;
	}
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	}
	
#nav li a {
	width: 13em;
	w\idth: 12em;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #006633; /* dark green */
	border-top: 1px solid #7db587;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 1px solid #7db587;
	padding: 0.5em;
	}
	
/* prevents WinIE7 from leaving menus stuck open; don't know why */
#nav li:hover, #nav li.sfhover {
	background-color: transparent;
}
#nav li a:hover, #nav li a.sfhover {
	background-color: #b6da92; /* lighter shade of green */
	color: #000; 
/*	border-top: 2px solid #000;
	border-right: 1px solid #7db587;
	border-bottom: 1px solid #7db587;
	border-left: 2px solid #000;	
	these borders make buttons look 3D but don't line up properly in Safari so commented out for now */
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* Fix IE5.01 jumping bug from www.alistapart.com/articles/horizdropdowns/. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */
	
#feature {
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #000;
	float: right;
	width: 220px;
	right: 30px;
	background-color: #FFFFCC;
	}

#feature p { font-size:80%;}

#events {
	margin-right: 10px;
	padding-top:60px;
	padding-bottom:10px;
	border: 1px solid #000;
	float: left;
	width: 220px;
	background-color: #6f663e;
	background-image: url(images/uphill220w.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#events h3 { color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}
#events p { font-size:80%;
	padding-left: 10px;
	padding-right: 10px;
	color:#fff;}

#events a {color: #fff;}

#footer {
	margin: 50px 10px 10px 200px;
	padding-bottom: 5px;
	background-color: #006699;
	color: #b7b7b7;
	}
#footer a {
	color: #b7b7b7;
	}

p, li, td {
	font-size: 1em;
	line-height: 1.5em;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: verdana, arial, helvetica, sans-serif;
	}
h1 {
	font-size: 1.5em;
	clear:both;
	}
h2 {
	font-size: 1.2em;
	}
h3 {
	font-size: 1.05em;
	}
h4 {
	font-size: 0.9em;
	}
.bold { 
	font-weight: bold; 
	}
.bordertop {
	clear: both;
	border-top: 1px solid #006699;
	margin-top: 2em;
	padding-top: 1em;
	}
.cancelline {
	text-decoration: line-through;
	}
.canceltext {
	color: #990000;
	}
.clearall {
	clear: both;
	}
.clearleft {
	clear: left;
	}
.clearleftphoto {
	margin-left: 240px;
	line-height: 1.1em;
	}
.clearright {
	clear: right;
	}
.eventyr {
	margin: 20px 10px;
	border: 1px solid #063;
	padding:0;
	background-color:#D2DFC8;
	clear:both;
}
.eventyr h4 {
	background-color: #063;
	color:#fff;
	padding:.5em;
	margin: 0 0 1em 0;
}
.eventyr h2, .eventyr h3, .eventyr p { 
	padding-left: 20px;
	padding-right: 20px;
}
.firstlevel {
	background: url(images/menuarrow.gif) right no-repeat;
	}
.fulltext {
	color: #990000;
	}	
img.hammer {float: right; clear: right; margin: 0 1em 0 0;}	
.italic {
	font-style: italic;
	}
.indent1 {
	margin-left: .5em;
	}	
.indent2 {
	margin-left: 2em;
	}	
.indent3 {
	margin-left: 4em;
	}	
.camperquote {
	margin-left: 2em;
	font-style: italic;
	}	
.quotecitation {
	margin-left: 4em;
	font-size: .8em;
	font-style: normal;
	}	
.nobr {
	white-space: nowrap; 
	}
.singlespace {
	margin-bottom: -1em;
	}
.slideshowframe {
	float: right;
	width: 406px;
	margin-left:20px;
	margin-bottom:20px;
}
.slideshow { width: 400px; height: 300px;}
.slideshow img { display:none; border:2px solid #000;}
.slideshow img.first {display:block;}

.small {
	font-size: .8em;
	}
.smallbold {
	font-size: .8em;
	font-weight: bold; 
	}
.smallindent3 {
	font-size: .8em;
	margin-left: 4em;
	}
.textlinks {
	font-size: .7em;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #006633;
	}

/*sortable table classes*/

table#camps { 
	background-color:#D2DFC8;
	border-collapse:collapse;
	font-size:90%;
}
table#camps td {
	border-bottom: 1px solid #006633;
	padding:.25em .75em;
}
table#camps th, table#camps caption  {
	background-color: #063;
	color:#fff;
	border: 1px solid #D2DFC8;
	padding:.25em .75em;
}
.striped {
	background-color: #dbf0cc;
}
table#camps tr {
	cursor: auto;
}
tr.highlight {
	background: #B6DA92;
}
th.headerSortDown {
	background: #B6DA92 url(images/arrowdown.gif) no-repeat right center;
}
th.headerSortUp {
	background: #B6DA92 url(images/arrowup.gif) no-repeat right center;
}
table#camps td a {
	color: #006633; /* dark green */
	font-weight: bold;
	}