@charset "UTF-8";
/* CSS Document */

body{
	background: #c69b2c;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #3A3A3A;
}

p {
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica;
	font-size: 11px;
	color: #3A3A3A;
	line-height: 14px;
}

a, a:active {
	color: #765a11;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #765a11;
}

h2 {
	font-weight: normal;
	color: #7D621C;
	text-align: left;
	font-size: 10pt;
	line-height: 10pt;
}

h3 {
font-family: Arial, helvetica;
padding-top: 15px;
font-size: 16px;
font-weight: normal;
color: #765a11;
}

h4 {
	font-family: Verdana, Arial, helvetica;
	padding-top: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #3A3A3A;
}

h4 a:link {
	font-weight: bold;
	color: #765a11;
}
h5 {
font-family: helvetica;
margin-bottom: 0px;
margin-top: 4px;
font-size: 11px;
line-height: 10px;
font-weight: bold;
color: #8b6201;
} 

h6 {
font-family: helvetica;
margin-bottom: 0px;
margin-top: 5px;
font-size: 14px;
font-weight: normal;
color: #8b6201;
}


#container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #c69b2c;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border: 1 solid #fff;
	background: #FFFFFF;
}

#topnav{background:#af8626;padding:2px 0 0 0;}

#header, #headerL2,  #main, #topnav ul#navlist, #footer{
width:950px;
position:relative;
text-align:left;
margin:0 auto;
}

#header{
width:950px;
height:171px;
position:relative;
}

#headerL2{
width:950px;
height:121px;
position:relative;
} 

#header #kwflogo{
display:block;
width:706px;
height:130px;
position:absolute;
left:0;
top:40px;
background:url(../images/header_logo.png) 0 0 no-repeat;
}

#headerL2 #kwflogo2{
display:block;
width:681px;
height:82px;
position:absolute;
left:0;
top:40px;
background:url(../images/kwf_logo_l2.jpg) 0 0 no-repeat;
}

#search {
position:absolute;
top:10px;
right:0;
width:400px;
text-align:right;
}

#search input, #search form{
display: inline;
}

input.donate {
position: absolute;
left: 150px;
}

#kwflogo span, .text{
position:absolute;
left:-999em;
}

#kwflogo2 span, .text{
position:absolute;
left:-999em;
}

#topnav{
  width:950px;
  min-height:25px;
  height:auto !important;
  height:25px;
  z-index:100;
  position:absolute;
}

/* topnav */

#navlist, #navlist ul { /* all lists */
padding: 0;
width:950px;
list-style: none;
line-height: 1;
}

#navlist ul{
	padding-bottom:10px;
}

#navlist a, #navlist a:active {
	display: block;
	padding:10px 20px 13px 20px;
	min-width: 1px;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
}
#navlist #menu0, #navlist #menu1, #navlist #menu2, #navlist #menu3, #navlist #menu4, #navlist #menu5, #navlist #menu6 {
      border-right: #cea533 solid   1px;
      }
      
#navlist #menu0 a, #navlist #menu0 a:active{
	padding-left:50px;
}

#navlist a:hover {
	text-decoration:none;
	color:#241a04;

}

body.section0 #menu0 a, body.section0 #menu0 a:active,
body.section1 #menu1 a, body.section1 #menu1 a:active,
body.section2 #menu2 a, body.section2 #menu2 a:active,
body.section3 #menu3 a, body.section3 #menu3 a:active,
body.section4 #menu4 a, body.section4 #menu4 a:active,
body.section5 #menu5 a, body.section5 #menu5 a:active,
body.section6 #menu6 a, body.section6 #menu6 a:active,
body.section7 #menu7 a, body.section7 #menu7 a:active{
color:#fccf3e;
}

body.section0 #menu0 a:hover,
body.section1 #menu1 a:hover,
body.section2 #menu2 a:hover,
body.section3 #menu3 a:hover,
body.section4 #menu4 a:hover,
body.section5 #menu5 a:hover,
body.section6 #menu6 a:hover,
body.section7 #menu7 a:hover{
color:#241a04;
}

body #topnav #navlist ul a, body #topnav #navlist ul a:active {
	color:#241a04;
	text-transform:none;
	padding:15px 0 5px 20px;
	width:170px;
}

body #topnav #navlist ul a:hover {
text-decoration:none;
color:#80714f;
}


#navlist li { /* all list items */
float: left;
}

#navlist li ul { /* second-level lists */
position: absolute;
_margin-left: 0px;
background: #f6eed3 url(../images/topnav_bg.png) 0 0 repeat-x;
border: #af8626 solid 1px;
width: 15em;
left: -999em;
}

#navlist li:hover ul, #navlist li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#content{
width:950px;
margin-left:0px;
position:relative;
padding-bottom:30px;
padding-top:36px;
min-height:100px;
height:auto !important;
height:100px;
}
#content2{
width:950px;
margin-left:0px;
position:relative;
padding-bottom:0px;
padding-top:36px;
min-height:61px;
height:auto !important;
height:61px;
}
#panoramic
{
width: 758px;
background-color: #000000;
padding-left: 190px;
border-left: #ffffff solid 1px;
border-right: #ffffff solid 1px;
border-top: #ffffff solid 1px;
border-bottom: 0;
padding-top: 0px;
}
body.section0 #content{
width:950px;
padding-bottom:0;
}

#main{position:relative; background:#ffffff }

/* homepage feature */

#feature{
width:948px;
height:280px;
background-color: #000000;
margin-top:0px;
border-left: #ffffff solid 1px;
border-right: #ffffff solid 1px;
border-top: #ffffff solid 1px;
border-bottom: 0;
position:relative;
}

#content #slideshow, #content #slideshow li{
list-style-type:none;
background:none;
padding:0;
margin:0;
background:none;
}

#content #slideshow li{
position:absolute;
z-index: 50;
top:0px;
left:0px;
width:948px;
height:280px;
}

#bottom_index{
position: relative;
top:0px;
border-left: #ffffff solid 1px;
border-right: #ffffff solid 1px;
border-bottom: #ffffff solid 1px;
border-top: 0;
background:#ffffff url(../images/bottom_indexbg.jpg) 0 0 repeat-x;
width: 948px;

}

#bottoml2{
position: relative;
top:0px;
border-left: #ffffff solid 1px;
border-right: #ffffff solid 1px;
border-bottom: #ffffff solid 1px;
border-top: 0;
background:#ffffff url(../images/bottom_indexbg.jpg) 0 0 repeat-x;
width: 948px;
min-height: 500px;
height:auto !important;
} 

#col1, #col2, #col3 {
position: relative;
top:20px;
float:left;
width:241px;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
min-height:257px;
height:auto !important;
display:inline;
}

#col1 a:link, #col2 a:link, #col3 a:link, #col4 a:link{
color:#765a11;
}


#col1 a:visited, #col2 a:visited, #col3 a:visited, #col4 a:visited {
	color: #765a11;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}



#col2, #col3 {
background:url(../images/dotted_line.png) 0 0 no-repeat;
}

#col4 {
position: relative;
top:2px;
float:left;
width:225px;

margin-left:0px;
display:inline;
border-bottom: #ffffff solid 1px;
background: #d9b43d;
min-height:350px;
height:auto !important;
height:240px;
}
.col_content {
	width: 195px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 10px;
	color: #7D621C;
}

.col4_content {
width:185px;
margin-top:25px;
margin-left:20px;
margin-right:0px;
}
.col4_content p{
margin-left:0px;
line-height: 13px;
color: #ffffff;
font-weight: bold;
}

.col4_content p.bigten{
margin-left:15px;
line-height: 14px;
color: #ffffff;
}

.col4_content  ul {
padding-left:20px;
color: #ffffff;
font-size: 12px;
line-height: 12px;
}


.col4_content  li
{
	list-style-image: url(../images/list-bullet_white.gif);
	list-style-position: outside;
	_line-height: 18px;
	padding-left: 0px;
	margin-top: -6px;
	margin-top: -8px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*display:block;*/
	font-weight: normal;
}

.col_content  ul {
padding-left:20px;

}

.quicklinks ul {
padding-left:0px;

}
.col_content  li
{
	list-style-image: url(../images/list-bullet_gold.gif);
	list-style-position: outside;
	_line-height: 22px;
	padding-left: 0px;
	margin-top: -8px;
	margin-top: -8px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*display:block;*/
	font-weight: normal;
}
.quicklinks  li
{
	list-style-image: url(../images/list-bullet_white.gif);
	list-style-position: outside;
	_line-height: 22px;
	padding-left: 0px;
	margin-top: -8px;
	font-family: arial, helvetica, sans-serif;
	/*display:block;*/
	font-weight: normal;
}
.homeimg{
background:url(col_img_bg.jpg) 0 0 no-repeat;
width:215px;
height:100px;
text-align:center;
}

.homeimg img{
padding-top:8px;
}
.clearer{
clear:both;
}

.clearall { clear: both; }

#content{
	z-index:20;
	
}

#feature{
	z-index:50;
	
}

#sidebar, #content_l2 {
float:left;
display:inline;
}
/* sidebar */

#sidebar{
width:190px;
background:url(../images/sidebar_bg.gif) 0 0 repeat-x;
margin-left:0px;
margin-top:2px;
min-height:500px;
height:auto !important;
height:500px;
}



#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3{
padding:0 10px;
}

#sidebar p{
font-size:11px;
}

ul.localnav a, ul.localnav a:active {
color:#3F0000;
text-decoration:none;
}

ul.localnav a:hover {
color:#8e722a;
}
#content_l2{
width:740px;

margin-left:14px;
position:relative;
padding-bottom:30px;
  min-height:500px;
  height:auto !important;
  height:500px;
}


.localnav {
list-style-type:none;
text-transform:uppercase;
padding:65px 15px 50px 12px;
margin:0;
}



.localnav li
{
	margin-top: 8px;
	margin-left: 18px;
	padding: 0px;
}

.localnav  li
{
	list-style-image: url(../images/list-bullet.gif);
	list-style-position: outside;
	padding-left: 2px;
	margin-top: -8px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	/*display:block;*/
	color: #7b7b70;
	font-weight: normal;
}

.localnav  li a:link 
{
	font-weight: bold;
	color: #5d460a;
}


.localnav li a:visited
{
	font-weight: bold;
	color: #8e722a;
}

.localnav li .third_nav 
{
	line-height: 16px;
	padding: 5px 5px 5px 25px;
	color: #7b7b70;
	text-transform:lowercase;
	position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */
}
.localnav li .third_nav a:link
{
	font-weight: bold;
	color: #5d460a;
}

.localnav li .third_nav a:visited
{
	font-weight: bold;
	color: #8e722a;
}

.localnav li  a:hover
{
	text-decoration:underline;
} 

#content_l2 ul {
list-style-type:none;
padding:4px 0 0 0;
margin:0;
}

#content_l2 ul li {
padding-left:36px;
margin-bottom:6px;
background:url(bullet_squid.gif) 8px 5px no-repeat;
}

.breadcrumbs{
padding:10px 0 10px 10px;
text-transform:lowercase;color:#3A3A3A;
}

.breadcrumbs a, .breadcrumbs a:active{
text-decoration:none;
color:#8e722a;
}

.breadcrumbs a:hover{
text-decoration:underline;
}

#innercontent{
	padding: 0 100px 50px 35px;
	font-size: 12px;
}

#innercontent p{
font-family: Verdana, Arial, Helvetica;

	line-height: 18px;
	color: #3A3A3A;
	padding-right: 15px;
	float: none;
	font-size: 12px;
	font-style: normal;
}



#innercontent p a:link, #innercontent a:link, #innercontent ul li a:link {
color: #84671a;
font-weight: normal;
text-decoration: none;
}

#innercontent p a:hover, #innercontent a:hover, #leftcontent a:hover, #innercontent ul li a:hover {
color: #9b7e30;
text-decoration: underline;
}

 #innercontent p a:visited, #innercontent a:visited, #leftcontent a:visited, #innercontent ul li a:visited{
color: #7b7b70;

}
 
#innercontent .highlight
{
	padding-right: 15px;
	border-top: 1px solid #fbe6b0;
	border-right: 1px solid #fbe6b0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#innercontent .headline
{
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	font-weight: normal;
	color: #8e6909;
	font-size: 16px;
	font-stretch: expanded;
	padding-bottom: 3px;
	padding-top: 10px;
}

#innercontent .headline .volume
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #8e6909;
	font-size: 11px;
	font-stretch: expanded;
	padding-bottom: 3px;
	padding-top: 10px;
}

#innercontent .journal
{
	padding-left: 13px;	
}


#innercontent .subtitle
{
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #666666;
	font-size: 12px;
	font-stretch: expanded;
	padding-bottom: 0px;
	padding-top: 0px;
}

#innercontent .subline
{
	font-style: italic;
	font-size: 90%;
}

#innercontent .contact
{
	font-size: 90%;
	font-weight: bold;
}

#innercontent ul li
{
	list-style-image: url(../images/list-bullet2.gif);
	list-style-position: outside;
	padding-left: 2px;
	margin-top: -2px;
	line-height: 20px;
	/*display:block;*/
	color: #4a4a49;
	font-weight: normal;
}
#innercontent ul
{

	padding-left: 40px;
	
}


.subtitle
{
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #666666;
	font-size: 10px;
	font-stretch: expanded;
	padding-bottom: 0px;
	padding-top: 0px;
}

.rightimgbdr, .leftimgbdr{
border:1px #C1B08D solid;
}

.imgbdrleft, .imgbdrright, .rightimgbdr, .leftimgbdr{
padding:10px;
float:left;
margin:0 10px 10px 0;
}

.imgbdrright, .rightimgbdr{
float:right;
margin:0 0 10px 10px;
}

.imagebdr{
background-position:0 0;
padding:13px 0 0 13px;
position:relative;
overflow:hidden;
z-index:10;
border:none;
}

#sidebar .imagebdr{
padding:10px 0 0 10px;
}

.imagebdr img{
z-index:20;
position:relative;
}
.yellowborder {border-right: 1px solid #FCB146; padding-right: 20px;}
.peopleimage1 img  {margin: 20px 0px 0px 0px;}
.peopleimage2 img  {margin: 20px 0px 0px 20px;}
#people a {color: #333; font-weight: bold;}
#people a:hover {color: #A57911; font-weight: bold;}
.footer1
{
	background-position: bottom;
	background-repeat: no-repeat;
	width: 214;
	padding-top: 8px;
}

/*IE fix*/
* html .footer1 { height: 1em; }

#footer1
{
	color: #ffe180;
	margin: 30px  0 0 250px;
	width: 400px;
	text-align: left;
}

#footer1 a:link, #footer  a:visited
{
	color: #ffe180;
	text-decoration: none;
}

#footer1 img
{
	border: 0;
	float: left;
	padding: 0px 5px 0px 5px;
}


}
#footer1 p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.footer2
{
	background-position: top;
	background-repeat: no-repeat;
	width: 700;
	padding-top: 0px;
}

/*IE fix*/
* html .footer2 { height: .5em; }

#footer2
{
	color: #ffe180;
	margin: 30px  0 0 300px;
	width: 400px;
	text-align: left;
}



#footer2 img
{
	border: 0;
	float: right;
	padding: 0px 5px 0px 5px;
}


}
#footer2 p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.hr
{
	border-top: 1px solid #d7d6d6;
	width: 150px;
	_width: 130px;
	display: block;
	_margin-top: 10px;
	padding: 1px;
	position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */
}
.hr2
{
	border-top: 1px solid #e8dab0;
	width: 600px;
	display: block;
	padding-bottom: 20px;
	position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */
}


input.SearchButton {
background:url(../images/search.gif) no-repeat  right;
width:35px; 
height:20px; 
border:0;}

div.inliner{
	float:right;
	margin:0 2em;
	text-align:left;
}
div.inliner img{
	margin:1em 0;
	border:none;
	border: 1px solid #999999;
}
div.inliner img.border{
	border: 1px solid #999999;
}
div.inliner p.caption{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight:normal;
	font-style: italic;
	width:250px;
	margin:1em auto;
	/* hide from IE Mac \*/
	margin:1em 0;
	/* stop hiding */
}
div.inlinel{
	float: left;
	margin: 0 2em 1em 0;
	text-align:left;
}
div.inlinel img{
	margin: 0;
	border: 1px solid #999999;
}
div.inlinel img.border{
	border: 1px solid #999999;
}
div.inlinel p.caption{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
	font-weight: normal;
	width: 120px;
	margin: 1em auto;
	/* hide from IE Mac \*/
	margin: 1em 0;
	/* stop hiding */
}

div.icon{
    display: inline;
	float: left;
	margin: 0 1px 1em 0;
	text-align:left;
}
div.icon img{
	margin: 0;
	border: 1px solid #999999;
}

div.icon p.caption{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	width: 140px;
	margin: 1em auto;
	/* hide from IE Mac \*/
	margin: 1em 0;
	/* stop hiding */
}

div.inlinel2 {
	float: left;
	margin: 0 2em 1em 0;
	text-align:left;
}
div.inlinel2 img{
	margin: 0;
	border: 1px solid #999999;
}
div.inlinel2 img.border{
	border: 1px solid black;
}
div.inlinel2 p.caption{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	width: 200px;
	margin: 1em auto;
	/* hide from IE Mac \*/
	margin: 1em 0;
	/* stop hiding */
}
#galleria  { 
width: 475px; 
height: 300px; 
background: #fff; 
}
.section3 #container #main #bottoml2 #content_l2 #innercontent img {
	float: none;
	padding-right: 0px;
}

.reunion_headings {
	font-family: Verdana, Arial, helvetica;
	padding-top: 0px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #3A3A3A;
	}
	
	.reunion_address {
	font-family: Verdana, Arial, helvetica;
	padding-top: 0px;
	font-size: 11px;
	font-style: italic;
	line-height: 20px;
	font-weight: bold;
	color: #3A3A3A;
	}