body
{
	margin: 0;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	color: #5a4a42;
	font-size: 12px;
	background-color: #C7C7C2;	
}

.smallNav
{
	color: #5a4a42;
	font-size: 10px;
}


/*** globals ***/
a { color: #1b75bb; text-decoration: none; }
a img { border: 0; }

h2, h3 { color: #1b75bb; }
h4 { color: #716558; }
h1 {font-size:22px;}

p { margin: 12px 0px; }

.clear { float: none; clear: both; }

.withspacer { background: url(/images/vert_spacer.gif) repeat-y; }

/* layout */
#wrap { }

#header { background: url(/images/top_bg.gif) repeat-x;  }
.headerlarge {/*height: 634px;*/}
.headerSmall {height: 340px;}
#header .inner { padding-top:40px}

#main { background: #b6b2a6 url(/images/bg_main_gradient.gif) repeat-x; }
#main .bgwrap { background: url(/images/bg_main_bottom.gif) repeat-y; width: 1025px; margin: 0 auto; }
#main .bgwrap2 { background: url(/images/bg_main.gif) no-repeat;  }
#main .inner { background: #d9d2c3; }

#content { padding: 5px 18px; }

#footer { text-align: center; padding: 20px 0px; }

.outer { width: 100%; }
.inner { width: 981px; margin: 0 auto; }

/* header */
#header #topflash { background: url(/images/flash_bg.gif) repeat-x; }
.topflashLarge {  /*height: 595px;*/ }
.topflashSmall {  /*height: 300px;*/ }
#PhotoGallery { margin:0px; padding:0px;}
#PhotoGallerySwf { margin:0px; padding:0px;}
/* top nav */
#topnav { height: 36px; width: 100%; position: absolute; top: 0px; left: 0px; }
#topnavContainer { background: #2b2b2b; height: 36px; }
#topnav ul.topnavlist { list-style-type: none; margin: 0 auto; padding: 0; width: 1025px; }
#topnav ul.topnavlist li, #topnav ul.topnavlist li img { float: left; }
#topnav ul.topnavlist li a { }

#subnav { display: none; height: 261px; margin: 0 auto; width: 981px; }
#subnav ul.subnavlist { list-style-type: none; margin: 0; padding: 0; height: 261px; float: left; }
ul.subnavlist li { padding:4px 2px 2px 6px;  }
ul.subnavlist li a:hover { color:#0692ff;  }



/* text */
h1#pagetitle  
{
	background: url(/images/heading_bg.gif) repeat-x; 
	height: 18px; 
	color: #fff; 
	padding-left: 18px; 
	margin: 0; 
	font-size: 12px;
	font-weight: normal;
}
h1#pagetitle a {color:#ffffff;}
#content h2, #homecontent h2 
{
	color: #1b75bb; 
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-weight: normal; 
    font-size: 22px;
    margin: 10px 0px;
}

a.continue { position: relative; top: 3px; }

small { color: #1b75bb; }

/* forms */

.textbox { background: #fff; border: solid 1px #4d4d4d; padding: 3px; }


/*** page styles ***/

/* home page */
#home_left { }
#home_left h3 { color: #fff; font-family: Times New Roman, Serif; margin: 2px 0 7px; font-weight: normal; font-size: 22px; }
#home_left h2 { font-size: 22px;}

#LeukemiaInfoBottom { }
#LeukemiaInfoBottom h2 { font-size: 18px;}

#LeukemiaInfoTop { }
#LeukemiaInfoTop h2 { font-size: 22px;}
#LeukemiaInfoTop h3 { font-size: 18px; padding:6px 0px 3px 0px; margin:0px;}

.gradbg { background: url(/images/gradient2.gif) repeat-x; }

#mission { padding: 6px 16px 16px; }

#headlines .topbar { background: #968577; height: 52px; }
#headlines .topbar h2 { color: #fff; float: left; margin-left: 16px; }
#headlines .topbar .pager { height: 38px; background: url(/images/pages/JKF_home_16.gif) repeat-x; color: #fff; float: right; margin: 8px; }
#headlines .topbar .pager span { position: relative; top: -13px; font-weight: bold; }
#headlines .item { padding: 16px; color: #fff; }


#sponsors .spitem { padding: 2px; color: #fff; }

#help { padding: 6px 16px 16px; }

#home_right { width: 259px; color: #fff;  }
#home_right .bgwrap { background: url(/images/pages/JKF_home_49.gif) repeat-y; width: 259px; }
#home_right .section { }
#home_right .section .heading  
{
	background: url(/images/pages/JKF_home_52.gif) repeat-y;
	padding: 12px;
}
#home_right .section .heading h3 { color: #fff; font-family: Times New Roman, Serif; margin: 0px; font-weight: normal; font-size: 20px; float: left; }
#home_right .section .heading a { display: block; text-align: right; }

#home_right .section .content { padding: 12px 8px 12px 12px; }
#home_right .section .content h2 { padding: 2px 4px 4px 4px; color:#FFFFFF; }
#home_right .section .content ul { margin: 0; padding: 0; list-style-type: none; }
#home_right .section .content ul li { color: #b8d2d8; margin-bottom: 10px; }
#home_right .section .content ul li b { color: #fff; }

#home_right .section .content .bluebox {color:#FFFFFF; }

/* about page */
#about_top { margin-bottom: 15px; }
#about_top .left { float: left; width: 650px; }
#about_top .right { margin-left: 677px; padding-top: 30px; }

#about_mid table { width: 100%; margin-bottom: 20px; }
#about_mid td div.item { margin: 0 auto; }

.about_mid table { width: 100%; margin-bottom: 20px; }
.about_mid td div.item { margin: 0 auto; }

/* news */
#news { }
#news table.top { padding-left: 18px; }
#news ul { list-style-type: none; margin: 0; padding: 0; border-right: 1px solid #D3CBBC; }
#news ul li { display: block; border-bottom: solid 1px #c0b8aa; background: transparent url(/images/doublearrow.gif) no-repeat scroll 98% 50%; padding: 10px 16px; }
#news ul li .title { }
#news ul li .description { color: #3b2314; font-size: 11px; }

/* contact */
#contact { }

#tblForm td { padding-bottom: 16px; }
#tblForm td.first { width: 116px; text-align: right; padding-right: 10px; }
#tblForm .textbox { width: 300px; }

#tblForm .captcha { margin: 16px 0px; padding: 10px 0px; width: 100%; }
#tblForm .captcha td { padding: 5px 0px; }
#tblForm .captcha td.first { width: 120px; color: #fff; padding-right: 10px; }
#tblForm .captcha td.second { }
#tblForm .captcha .textbox { width: 270px; }

#contact_info { }
#contact_info div.withspacer { padding-left: 20px; }
#contact_info h4 { font-size: 18px; margin: 0px 0px 12px 0px; }
#contact_info p { }

/* events */
#events { margin-left: 242px; }
#events_nav { float: left; width: 232px; margin-top: 16px; }

ul#sponsorlist { margin: 0; padding: 0; list-style-type: none; }
ul#sponsorlist li { float: left; margin: 0 16px 16px 0; }

/* events nav */
#events_nav ul { list-style-type: none; padding: 0px; margin: 0px; }
#events_nav ul li { }

#events_nav ul li.topitem { }

#events_nav .bgwrap  
{
	width: 212px; 
	background: url(/images/events_nav/bg.gif) no-repeat; 
	height: 44px; 
	line-height: 44px; 
	padding: 0px 10px; 
}
#events_nav .bgwrap a { color: #fff; font-size: 14px; font-weight: bold; }

#events_nav li.last .bgwrap { height: 40px; }

#events_nav ul.subnav { }
#events_nav ul.subnav li { background: #aa9887; border-bottom: solid 1px #b7a89a; padding: 6px 12px; }
#events_nav ul.subnav li.active { background: #ccbfb3; }
#events_nav ul a { color: #fff; }

/* smiles page */
#smiles { padding-left: 18px; padding-right: 40px; }

/* people page */
#people_nav { float: left; width: 232px; margin-top: 16px; }
#people_nav .bgwrap  
{
	color:#ffffff;
	width: 277px; 
	background: url(/images/people_nav/bg.jpg) repeat-x; 
	padding: 0px 5px; 
	background-color:#1c6a9a;
}
#people_nav .bgwrap  a 
{
	color:#bed638;
}
#people_nav .heading{ color:#ffffff;}

#people_right{padding-left:10px;}
#people_right h2 {padding-top:0px; font-size:20px; margin-top:0px;}
#people_right .box {background-color:#ccc4b7; padding:10px;}
#people_right .box .heading {font-size:16px; color:#5b4a42;}

ul.people {list-style-type:none;padding-left:0px;}
.people li {float:left; width:100px;padding-right:75px;padding-bottom:20px;}

ul.board {list-style-type:none;padding-left:0px; margin-left:0px; margin-top:12px; padding-top:6px;}
.board li {float:left; width:190px;padding-right:45px; padding-left:0px; margin-left:0px;}

ul.committee {list-style-type:none;padding-left:0px; margin-left:0px;}
.committee li {float:left;width:200px; padding-left:0px; margin-left:0px;}
.committee ul {list-style-type:none;padding-left:0px; margin-left:0px;}
.committee ul li {float:none;width:175px; padding-left:0px; margin-left:0px;}

/* sponsors */
ul.sponsors {list-style-type:none;clear:left;}
.sponsors li {float:left;margin-right:15px;margin-bottom:15px;}

.headlineImage 
{
	/*float:left;*/
	padding-right:15px;
}
span.headlineCaption { display: block; padding: 5px 15px 0px 5px; }

.MediaGallery{ color:#ffffff;}
.MediaGallery a{ color:#ffffff; font-size:14px;}
.MediaGalleryHeading {color:#1b75bb; font-size:22px; padding:15px 6px 6px 0px;}

.MediaGalleryFilter { text-decoration:underline;}
.MediaGalleryFilterSelected { text-decoration:none; color:#888888;}

/* Letters Section of Smiles */

#Letters{}
#Letters .Head { background-color:#968476; }
#Letters .Body 
{
	background-image:url('/images/quotes/letters_bg.jpg'); 
	background-repeat:repeat-x; 
	background-color:#9f897b; 
	height:191px;
	color:#FFFFFF;
	text-align:center;
	padding-top:20px;
}

.WhiteQuote { background-color:#e5e1d6; padding:4px;}