* /*Set's border, padding and margin to 0 for all values*/

{



padding: 0;

margin: 0;

border: 0;

}

body, html {

color: #000;

font-family: Arial, Tahoma, Verdana, sans-serif;



background: #fff url(images/gradientbg.jpg) repeat-x;

text-align: center; /*** Centers the design in old IE versions ***/

}

body {

font-size: 70%;

}

p {
	padding: 7px 0 7px 0;
	line-height: 14px;
}



a {

color: #1D67A8;

text-decoration: none;

}

a:hover{

color: #CC3333;

text-decoration: none;

}





a.footerlink {

color: #666666;
text-decoration: underline;


}

a.footerlink:hover {
color: #CC3333;
text-decoration: underline;

}



foot {

color: #ffffff;

}

.bluebold {
color: #005595;
font-weight: bold;
}
.blue {
color: #005595;
	line-height: 16pt;

}

.gray {
	color: #555555;
	line-height: 18pt;
}
.gray2 {
	color: #666666;
}
.grayfoot {
	color: #666666;
}


.newsheader {
	color: #005595;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
}


h1, h2, h3, h4, h5 {

font-weight: bold;

padding-bottom: 5px;

}

h1 {

font-size: 2em;

color: #005595;

}

h2 {

font-size: 1.4em;

color: #005595;

}

h3 {

font-size: 1.3em;

}

h1 a, #header h2{

color: #fff;

}



h5 {

font-size: 2.5em;

color: #ffebeb;

}



h6 {

font-size: 1em;

color: #ffebeb;

}







.clear { clear: both; }

#mainContainer {

width: 760px;

margin: 0 auto; /*** Centers the design ***/

min-height: 360px;

background: #acb5d5;

text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/

}

* html #mainContainer {

height: 360px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/

}





hr {

color: #ccc;

background-color: #ccc;

height: 1px;

}





/**************************

MENU

**************************/

.menu1 {padding:0 0 0 14px; margin:1; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #acb5d5; border-width:1px; border-bottom:1px solid #fff;}

.menu1 li {float:left;}

.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#F4F4F4; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 3px; cursor:pointer;}

.menu1 li a b {float:left; display:block; padding:0 9px 0 8px;}

.menu1 li.current a {color:#fff; background:url(button3.gif);}

.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}

.menu1 li a:hover {color:#FFFF88; background:#000 url(button2.gif);}

.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}

.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}

.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}











/**************************

HEADER

**************************/

#header {



background:#acb5d5 url(images/khn_masthead.jpg);

height: 199px;

padding-bottom: 1px

}

/**************************

CONTENT AND COLUMNS

**************************/

.outer {

margin-top: 48px; /*** We need to add some space for our top menu ***/

padding-left: 175px;

}

* html .outer {

/*** No need for hacking IE on this layout ***/

}

.inner {

width: 520px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/



}

* html .inner {

width: 100%;



}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing

div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid

blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.

***/

.float-wrap {

float: left;

width: 760px;

margin-left: -175px; /*** Same length as .outer padding-left but with negative value ***/

}

* html .float-wrap {

/*** No need for hacking IE on this layout ***/

}

#content {

float: left;

width: 520px;

background: #fff;

margin-left: 2px;

border:0 solid #444;

border-width:1px;

height:100%;

}

* html #content {

position: relative; /*** IE needs this  ***/

}

.contentWrap {

padding: 12px;



}

.contentWrap ol, .contentWrap ul {

margin: 3px 0 5px 35px;

}

.contentWrap li {

padding-bottom: 2px;

}

/**************************

LEFT COLUMN

**************************/

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,

div.left is carried over into the proper position.

***/

#left {

float: right;

width: 234px;

background: #acb5d5;

min-height: 250px;

}

* html #left {

position: relative; /*** IE needs this  ***/

height: 250px;

}

#left ul {

list-style: none;

padding-bottom: 4px;

padding-left: 5px;

}

#left li {

padding-bottom: 2px;



}

/*************************

RIGHT COLUMN

**************************/

#right {

margin: -50px 0 0 -760px; /*** Move the right column so it takes the positon as a top menu ***/

float: right;

width: 760px;

background: transparent;

padding: 0px;

height: 35px;

}

* html #right {

position: relative;  /*** IE needs this  ***/



}

#right ul {

list-style: none;

}

#right li {

display: inline;

padding-right: 15px;

}

/**************************

Side Modules

**************************/



.nicebox h1 {

margin:0;

font-size:1.2em;

padding:10px 5px 5px 10px;

border-bottom:1px solid #fff;

}

.nicebox p {

margin:0;

padding:5px 12px 8px 12px;

font-size:10px;

}

.nicebox {

background: #EBEDF5;

width:225px;

float:left;

margin-bottom:5px;

margin-left:3px;

}



.boxcontent {

display:block;

border:0 solid #444;

border-width:1px;

height:auto;

}

* html .boxcontent {

height:1px;

}



.boxbgimage {

background: url(images/bg_box.jpg);

color:#000;



}





.boxbgimage li{

border-top: 0 solid #fff;

border-width: 1px;

}



.boxbgimage a{

color: #000;

text-decoration: none;

}





.boxbgimage h1{

margin:0;

font-size: 14px;

color: #005595;

font-family: garamond;

}


.abox  {

margin:0;

color: #000000;

text-decoration: none;


}

.abox:hover  {


color: #CC3333;

text-decoration: none;


}








/**************************

Module Middle

**************************/



.nicebox2 h1 {

margin:0;

font-size:1.5em;

padding:10px 5px 5px 10px;



}

.nicebox2 p {

margin:0;

padding:5px 10px;

font-size:10px;

}

.nicebox2 {

background: #acb5d5;

width:520px;

float:left;

margin-bottom:15px;

margin-left:0px;

}



.boxcontent2 {

display:block;

border:0 solid #444;

border-width:0px;

height:auto;

}

* html .boxcontent2 {

height:1px;

}

















.nicebox3 h1 {

margin:0;

font-size:1.5em;

padding:10px 5px 5px 10px;



}

.nicebox3 p {

margin:0;

padding:5px 10px;

font-size:10px;

}

.nicebox3 {

background: #acb5d5;

width:100%;

float:left;

margin-bottom:15px;

margin-left:0px;

}



.boxcontent3 {

display:block;

border:0 solid #444;

border-width:0px;

height:auto;

}

* html .boxcontent3 {

height:1px;

}



















/**************************

ISSUES

**************************/



#issueitem {

margin-top:4px;

margin-bottom:4px;

}



#issueitem img {

margin-right:8px;

border:0 solid #444;

border-width:1px;

}





#issuedetail {

margin-top:4px;

margin-bottom:4px;



}



#issuedetail img {

margin-right:8px;

margin-left: 5px;

border:0 solid #444;

border-width:1px;

}



#issuedetail p {

margin:0;

font-size:12px;

color: #000;

}



#issuedetail h3 {

padding:5px 12px 8px 12px;

font-size:18px;

color: #003366;

}



#issuedetail h2 {

padding:5px 12px 8px 12px;

font-size:12px;

color: #003366;

}





/**************************

IMAGE

**************************/



.picshadow {

  width: 495px;

  height: 250px;

  background: #bbbbaa;

   }



.picbox {



  height: 240px;

  position: relative;

  left: -2px;

  top: -2px;

  background: #acb5d5;

  padding-left: 5px;

  padding-right: 5px;

  padding-bottom: 5px;

  padding-top: 5px;

  }





/**************************

FOOTER

**************************/

#footer {

width: 760px;

margin: 0 auto;



text-align: center;

background: #acb5d5;

font-color: #fff;

}



#copyright {

margin: 0 auto;

text-align: left;

}



#contactus {

margin: 0 auto;

text-align: right;

}



/**************************

FOOTER2

**************************/

#footer2 {

width: 760px;

margin: 0 auto;

text-align: center;

background: #fff;

}



#footer2 img {

 vertical-align: middle;

}



/**************************

Button

**************************/



#olddonatebutton   {border-style: inset;

        margin-left: auto;

        margin-right: auto;

        border-color: #acb5d5;

        background-color: #acb5d5;

        text-decoration: none;

        width: 180px;

        text-align: center;}





.donatebutton{

cursor:pointer;

border:outset 1px #ccc;

background:#999;

color:#666;

font-weight:bold;

padding: 1px 2px;

background:url(./images/formbg.gif) repeat-x left top;

width:200px;

height:35px;

margin: 10px;

margin-left: 45px;

margin-bottom: 20px;

}







.buttontext {color: white;

                text-decoration: none;

                font: bold 11pt Verdana;

                cursor: hand;}









.paypal

{

width: 92px;

height: 26px;

       }





 /**************************

 Sign Up

**************************/





#signup {

  padding-left: 175px;

  padding-top: 5px;

  width: 370px;

  height: 50px;

 vertical-align: baseline;

}







.signupemail {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 2px;

 margin-left: 2px;

 margin-top: 5px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 160px;

 height: 16px;

 vertical-align: baseline;

 }





.topbutton {

 cursor:pointer;

 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

 background:url(./images/formbg.gif) repeat-x left top;

 border:outset 1px #ccc;

padding: 1px 2px;

 background:#999;

 color:#666;

 background:url(./images/formbg.gif) repeat-x left top;

 margin-left: 4px;

 margin-top:5px;

 margin-bottom: 2px;

 margin-right: 8px;

 width: 55px;

 height: 18px;

 vertical-align: bottom;

text-align: middle;

}





.quickzip {



    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    margin-bottom: 2px;

    margin-top: 5px;

    margin-left: 2px;

    vertical-align: baseline;

    border:1px solid #999999;

    height: 16px;

    width: 49px;

vertical-align: baseline;

}





.quickemail {



    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    float: left;

    margin-bottom: 2px;

    margin-top: 5px;

    margin-left: 2px;

    vertical-align: baseline;

    border:1px solid #999999;

    height: 16px;

    width: 150px;

}







/**************************

EMAIL FORMS

**************************/

  form#login {

 background-color: transparent;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 color: #003366;

 font-weight: bold;

 text-align: right;

}































 form#help  {

 background-color: transparent;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 color: #003366;

 font-weight: bold;

 text-align: left;

}



.name {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 150px;

 height: 15px;

}



.address {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 250px;

 height: 15px;







}



.city {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 199px;

 height: 15px;

}



.state {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 height: 15px;

 width: 50px;

}



.zip {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 2px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 69px;

 height: 15px;

}



.phone {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 100px;

 height: 15px;

}



.email {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 266px;

 height: 15px;

}



.message {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 250px;

 height: 120px;

}







.required {

    font-weight:bold;

    }



.smallcell {

 font: Verdana, Geneva, Arial, Helvetica, sans-serif;

 font-size: 11px;

 width: 30px;

 border: 1px solid #999999;

 margin-bottom: 2px;

}



.signupbutton {

 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

 background-color: #D7E5F2;

 border: 1px solid #999999;

 color: #102132;

 margin-left: 2px;

 margin-top: 3px;

 margin-bottom: 2px;

 margin-right: 8px;

 width: 60px;

}





.date {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 100px;

 height: 15px;

}



.starttime {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 85px;

 height: 15px;

 float: left;

 vertical-align: baseline;

}



.endtime {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 85px;

 height: 15px;

 float: left;

 vertical-align: baseline;

}



.endAM {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 46px;

 height: 15px;

 vertical-align: baseline;



}



.startAM {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 46px;

 height: 15px;

 vertical-align: baseline;

}



.eventname {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 220px;

 height: 15px;

}







.amount {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 200px;

 height: 15px;

}



.moneygoal {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 130px;

 height: 15px;

}



.place {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 252px;

 height: 15px;

}



.hostname {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 200px;

 height: 15px;

}



.hostphone {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 120px;

 height: 15px;

}



.hostemail {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 250px;

 height: 15px;

}





.toemails {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 400px;

 height:150px;

}



.personalmessage {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 margin-right: 5px;

 margin-left: 2px;

 margin-bottom: 2px;

 border: 1px solid #999999;

 width: 400px;

 height:150px;

}





.checkbox {

 margin-left: 15px;

 margin-right: 5px;

 margin-bottom: 2px;

 border: 0px

 width: 150px;

}



label {





	float: left;

    margin-bottom: 5px;

    margin-top: 5px;

    margin-left: 10px;

    vertical-align: baseline;

    border:1px solid #999999;

    height: 15px;





}







.formfield {



   font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 float: left;

    margin-bottom: 5px;

    margin-top: 5px;

    margin-left: 2px;

    vertical-align: baseline;

    border:1px solid #999999;

    height: 15px;

    width: 332px;





}







.formfield2 {



   font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;



    margin-bottom: 2px;

    margin-top: 2px;

    margin-left: 5px;

    border:1px solid #999999;

    height: 15px;









}









select {



   font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 float: left;

    margin-bottom: 5px;

    margin-top: 5px;

    margin-left: 2px;

    vertical-align: baseline;

    border:1px solid #999999;

    height: 15px;

    width: 332px;





}









.emailbutton{

cursor:pointer;

border:outset 1px #ccc;

background:#999;

color:#666;

font-weight:bold;

padding: 1px 2px;

background:url(./images/formbg.gif) repeat-x left top;

width:100px;

height:20px;

margin: 10px;

margin-left: 200px;

margin-bottom: 50px;



}















textarea {

    border:1px solid #999999;

    margin-bottom: 5px;

    margin-top: 5px;

}







br {

	clear: left;



.sendbutton {

 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

 background-color: #ccc;

 border: 1px solid #000;

 color: #102132;

 margin-left: 2px;

 margin-top: 0px;

 margin-bottom: 2px;

 margin-right: 8px;

 width: 60px;

}





/**********************

new css form

**********************/