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

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
	width: 960px;background:url(http://www.kidney.org/60/images/containerBack.png) center no-repeat; height:764px;
	margin:10px auto;
}

.form {
	width: 960px;background:url(http://www.kidney.org/60/images/containerBack1345.png) center no-repeat; height:1500px;
	margin:10px auto;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	display:inline;
	float: left;
	position: relative;
	background:#b0232b;border-radius: 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* BOXES - HEIGHTS
----------------------------------------------------------------------------------------------------*/
.tall_1{ height:362px;}
.tall_2{ height:279px;}
.tall_3{ height:176px;}
.tall_4{ height:139px;}
.tall_5{ height:92px;}
.tall_6{ height:62px;}
.tall_7{ height:37px;}
.tall_8{ height:26px;}
.tall_9{ height:655px;}
tall_10{ height:960px;}


/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container .grid_1 {
	width:154px;
	background:url(http://www.kidney.org/60/images/grid_backGround.png) repeat;
	
}

.container .grid_2 {
	width:309px;background:url(http://www.kidney.org/60/images/grid_backGround.png) repeat;
}

.container .grid_3 {
	width:462px;background:url(http://www.kidney.org/60/images/grid_backGround.png) repeat;
}

.container .grid_4 {
	width:619px;background:url(http://www.kidney.org/60/images/grid_backGround.png) repeat;
}

.container .grid_5 {
	width:774px;background:url(http://www.kidney.org/60/images/grid_backGround.png) repeat;
}

.container .grid_6 {
	width:926px;background:url(http://www.kidney.org/60/images/grid_backGround.png) repeat;
}
.form .grid_6 {width:926px;}



/* Prefix Extra Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container .prefix_1 {
	padding-left:158px;
}

.container .prefix_2 {
	padding-left:316px;
}

.container .prefix_3 {
	padding-left:474px;
}

.container .prefix_4 {
	padding-left:632px;
}

.container .prefix_5 {
	padding-left:790px;
}



/* Suffix Extra Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container .suffix_1 {
	padding-right:158px;
}

.container .suffix_2 {
	padding-right:316px;
}

.container .suffix_3 {
	padding-right:474px;
}

.container .suffix_4 {
	padding-right:632px;
}

.container .suffix_5 {
	padding-right:790px;
}



/* Push Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container .push_1 {
	left:158px;
}

.container .push_2 {
	left:316px;
}

.container .push_3 {
	left:474px;
}

.container .push_4 {
	left:632px;
}

.container .push_5 {
	left:790px;
}



/* Pull Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container .pull_1 {
	left:-158px;
}

.container .pull_2 {
	left:-316px;
}

.container .pull_3 {
	left:-474px;
}

.container .pull_4 {
	left:-632px;
}

.container .pull_5 {
	left:-790px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	padding-top:1px;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* BODY
----------------------------------------------------------------------------------------------------*/
body    {
		background:url(http://www.kidney.org/60/images/backGround.jpg) top center no-repeat #873301;
		}
/*NKF 60th Logo
----------------------------------------------------------------------------------------------------*/
#logo {
	padding-left:15px;
	padding-top:15px;
	width:285px;
	height:75px;
	float:left;
	}

/* NAV
----------------------------------------------------------------------------------------------------*/

#nav{list-style:none; margin-left:360px; padding-top:15px;
	}
#nav ul{ list-style:none; margin:0; padding:0; height:50px;width:595px;background:url(http://www.kidney.org/60/images/nav_back.gif) repeat-x;
	}
#nav ul li {
	list-style: none;
	display: inline;
	background:url(http://www.kidney.org/60/images/nav_border.gif) right top no-repeat; text-align:center;
	}
#nav ul li.first {
	list-style: none;
	display: inline; margin-left:8px;
	}
#nav a{ width:inherit; padding:0 17px;}
#nav li{ float:left;}
	#nav ul li a{
	color:#fff; text-decoration:none; display:block;
	padding-top:13px; text-align:center;
	padding-bottom:13px;}
	#nav ul li a:hover{
	color:#fff; text-decoration:underline; background:url(http://www.kidney.org/60/images/nav_hover.gif) repeat-x;
	}
	#nav ul li a:visited{
	color:#fff;
	}

/* DONATE
----------------------------------------------------------------------------------------------------*/
#donate { float:left;padding-left:60px; width:600px; padding-top:3px;}
h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", "Futura Md BT", "Futura Std Book";}
h1{font-size:1.3em; color:#B0232B;}
h2{color:#BA302A;}
h3{color:#C33D29;}
h4{color:#CD4A28;}
h5{color:#D75727;}
h6{color:#E06426;}
p{color:#000;}

/* 2-Deep Font-Sizes
----------------------------------------------------------------------------------------------------*/
.af h1, .ppl h1, .evt h1{font-size:2.5em; line-height:.5em;}
.af h2, .ppl h2, .evt h2{font-size:2.2em; line-height:.5em;}
.af h3, .ppl h3, .evt h3{font-size:2em;line-height:.5em;}
.af h4, .ppl h4, .evt h4{font-size:1.7em;line-height:.5em;}
.af h5, .ppl h5, .evt h5{font-size:1.5em;line-height:.5em;}
.af h6, .ppl h6, .evt h6{font-size:1.2em;line-height:.5em;}
.af p, .pppl p, .evt p{font-size:1em;}

.ppl h1, .evt h1, .af h1 { border-bottom:1px solid #ea7125; padding:5px 0;}


/* BOXES
----------------------------------------------------------------------------------------------------*/
#artFestival {	
			/* width:298px;width:455px;*/ border:solid #8f1e25 2px; margin:2px; 
			border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px; 
			background:#fff url(http://www.kidney.org/60/images/back_artsFestival.gif) top left no-repeat;
			overflow:hidden;}

#events {border:solid #8f1e25 2px; margin:2px; border-radius: 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff url(http://www.kidney.org/60/images/back_events.gif) top left no-repeat;}

#welcome {	 /*width:298px;width:604px;*/ border:solid #8f1e25 2px; margin:2px;
				border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:#fff url(http://www.kidney.org/60/images/back_welcomeLetter.gif) top left no-repeat; overflow:hidden;
		}
		#welcome h1, #welcome h2, #welcome h3, #welcome p {}

#calendar{ width:298px; border:solid #8f1e25 2px; margin:2px; border-radius: 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #8f1e25 url(http://www.kidney.org/60/images/back_calendar.png) top left no-repeat;}
	#calendar #month { text-align:center; color:#fff; font-family:"Trebuchet MS", "Futura Md BT", "Futura Std Book"; font-weight:normal; width:292px; letter-spacing:10px; font-size:1em;  margin-left:-5px;}
	.jan{background:#b0232b; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.feb{background:#ea7125; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-top:2px;}
	.mar{background:#f3bd48; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.apr{background:#9c8f30; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.may{background:#959db2; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.jun{background:#93abaf; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.jul{background:#b3cfdd; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.aug{background:#eee; padding:15px 0; color:#000;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.sep{background:#c4b58c; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.oct{background:#ada493; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			margin-top:2px;}
	.nov{background:#000; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	.dec{background:#9a9a9a; padding:15px 0;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:2px;}
	
	#calendar #golf{}
	#calendar #keep{}
	#calendar #walk{}

#people{ background:#fff url(http://www.kidney.org/60/images/back_people.gif) top left no-repeat; border:solid #8f1e25 2px; margin:2px; border-radius: 9px; 
		-moz-border-radius: 9px; -webkit-border-radius: 9px; /* roundedCorners height:274px;*/
}

#people #caption{background:#b0232b url(http://www.kidney.org/60/images/caption_backGround.gif) repeat-x top; height:47px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; width:302px;}
#people .name {color:#fff; background:url(http://www.kidney.org/60/images/caption_border.gif) no-repeat right top; width:140px; float:left;margin-left:5px; padding:7px 0;}
#people .blurb{ width:129px; color:#fff; float:left; margin-left:5px; font-size:.8em; font-family:Arial, Helvetica, sans-serif; padding:3px 0;}

#peops {}

#love {margin-left:1px; margin-top:9px;}
#lyk {border:solid #8f1e25 2px; margin:2px;border-radius: 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; background:#fff;
	text-align:center; padding:10px 0;}

#milestones{/*width:457px;*/ border:solid #8f1e25 2px; margin:2px;border-radius: 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; background:#fff url(http://www.kidney.org/60/images/back_milestones.gif) left top no-repeat;}
	#milestones p{ font-size:1.7em;}
	.event{margin-bottom:5px; margin-top:5px; height:auto; width:900px; clear:both;}
	.year{ font-family:"Trebuchet MS", "Futura Md BT", "Futura Std Book"; float:left; font-size:5em; color:#b0232b; width:125px;  padding-right:5px; border-right:1px solid #ea7125; height:135px;}
	.tag{padding-left:5px; float:leftt; margin-left:130px; padding-right:5px; width:auto; text-align:left;
	height:auto; border-bottom:1px solid #ea7125; font-size:150%; font-family:"Trebuchet MS", "Futura Md BT", "Futura Std Book";}
.event img {padding:5px;}

#store{ width:454px; border:solid #8f1e25 2px; margin:2px;border-radius: 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; background:#fff url(http://www.kidney.org/60/images/back_store.gif) top left no-repeat;}

#store #caption{background:#b0232b url(http://www.kidney.org/60/images/caption_backGround.gif) repeat-x top; height:42px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;-moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; width:450px;}

#store .name {color:#fff; background:url(http://www.kidney.org/60/images/caption_border.gif) no-repeat right bottom; width:225px; float:left;margin-left:5px;	
	 padding:7px 0; font-size:.8em;}
#store .blurb{ width:200px; color:#fff; float:left; font-size:.8em; font-family:Arial, Helvetica, sans-serif; padding:4px 0;}

#s3slider {
   width: 455px; /* important to be same as image width */
   height: 226px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
}

#s3sliderContent {
   width: 455px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
}

.s3sliderImage p {float:right; width:255px; padding-left:10px;}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 1em "Trebuchet MS", "Futura Md BT", "Futura Std Book";
   padding: 10px 2px 20px 2px;
   text-align:center;
   width: 450px;
   background-color: #B0232B;
   /*filter: alpha(opacity=90);  here you can set the opacity of box with text */
   /*-moz-opacity: 0.9;  here you can set the opacity of box with text */
   /*-khtml-opacity: 0.9;  here you can set the opacity of box with text */
   /*opacity: 0.9;  here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

/* 2deep */
.page{padding:5px; padding-top:45px;}
 #2dContent{ height:645px;}
 
 textarea {width:390px;height:100px;padding:5px;}
 
 
 /* donateBox */
/* #donateBox{background:#fff; width:610px; height:325px; margin-left:auto; margin-right:auto; -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;}*/
 #donateBox h1 {font-size:2em; font-weight:bold; margin-left:5px; border-bottom:dotted 1px #ea7125; margin-bottom:0;}
 #donateBox h2 {color: #ea7125; font-size:1.5em; font-weight:bold; margin-top:0; margin-left:5px; }
.donate-content{}
 #column-1{ width:190px; float:left; margin:0 5px;}
 #column-2{ width:190px; float:left; margin:0 5px;}
 #column-3{ width:190px; float:left; margin:0 5px;}
 
 /* -- JUMP PopUp Windows -- */
#popBox {
	 /*
	 width:160px;
	 height:auto;
	 margin-left:186px;
	 margin-top:-53px;
	 */
	 position:absolute;
	 background:#fff;
	 float:left;
	 padding:10px;
	 border:1px #b0232b solid;
	 /*CSS3 rounded-corners */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;

	 font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans";	
	/*
	font-size:65%;
	 top: 0;
	 visibility:hidden;
	 */
}


/* popBOX LINKS */
#popBox a{color:#fff; text-decoration:underline;font-weight:lighter;/*CSS3 rounded-corners */
	 border:1px solid #F68124;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 background-color:#F89C6B;
	padding:2px;}
#popBox a:hover{color:#fff; text-decoration:none; background:none;font-weight:lighter;/*CSS3 rounded-corners */
	 border:1px solid #F89C6B;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 background-color:#F68124; padding:2px; }
#popBox a:visited{color:#fff;font-weight:lighter;/*CSS3 rounded-corners */
	 border:1px solid #800F16;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 background-color:#B0232B; padding:2px; }

/* START .:|AnyLink CSS Menu v2.0|:.*/
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
/*background: yellow;*/
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
	visibility: hidden;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
/* default width for menu */
	 width:200px;
	 height:auto;
	 margin-left:225px;
	 position:absolute;
	 background:#fff;
	 float:left;
	 margin-top:-11px;
	 padding:10px;
	 border:1px #b0232b solid;
	 /*CSS3 rounded-corners */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 /*font-size:65%;*/
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
/*border-bottom: 1px solid black;*/
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
/*left: 0;
top: 0;*/
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
	margin-left:186px;
	margin-top:-53px;
	/*CSS3 rounded-corners */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}
/* END .:|AnyLink CSS Menu v2.0|:. */