/*
THIS CSS FILE CREATES THE GRID LAYOUT OF THE KRESGE FOUNDATION WEBSITE
Updated: 1/20/2009
*/


/* HEADER */
/* HEADER CONTAINER */
#header { margin: 0 auto; width: 740px; }

/* KRESGE LOGO */
#logo { width: 378px; height: 42px; margin: 20px 0 0 198px; }

/* WEBSITE DATE */
#date { width: 745px; height: 17px; margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #73b5e0; }


/* CONTENT */
/* OVERALL CONTENT CONTAINER */
#container_content { margin: 0 auto; width: 750px; }

/* HOMEPAGE GRID ITEMS */
.home #content { float: right; width: 540px; margin-bottom: 12px; padding: 0 0 15px 0; background-color: #f5f1c9; }
#hp_section_links { display: block; background: url('/images/section_links.gif') no-repeat; height: 44px; width: 540px; }
#hp_section_links a { text-decoration:none; }
#hp_challenge { float: left; position:absolute; width: 180px; height: 40px; }
#hp_detroit { float: left; position:absolute; width: 180px; height: 40px; margin-left: 180px; }
#hp_green { float: left; position:absolute; width: 180px; height: 40px; margin-left: 360px; }

ul#top-images { white-space: nowrap; height: 30px; width: 540px; overflow: hidden; }
ul#top-images li { display: inline; list-style-type: none; padding: 0; height: 30px; }
ul#top-images li img { padding: 0; }

/* HOMEPAGE IMAGES */
#main-image { position: relative; width: 540px; height: 317px; overflow: hidden; }
#main-image img { border: 0; width: 540px; height: 317px; }
#main-image div.editor-button { visibility: none; }
/*#main_img { width: 540px; height: 317px; overflow: hidden; }*/


/* LEFT COLUMN */
/* LEFT COLUMN CONTAINER */
#left_column { float: left; width: 195px; }

/* NAVIGATION CONTAINER */
#navigation { margin: 8px 0 0 0; }
#navigation li ul ul li ul { margin: 0 0 0 15px; }

/* HIDE THIRD LEVEL NAV ITEMS */
.sub_level_2 { display: none; }

/* SEARCH BOX CONTAINER */
#search { float: left; width: 195px; }


/* MAIN CONTENT */
/* MAIN CONTENT CONTAINER */
#content { float: right; width: 540px; margin-bottom: 12px; padding: 0 0 15px 0; background-color: #f5f1c9; min-height:300px;}

/* MAIN CONTENT PADDING */
#content div#search_results, div#about, div#challenge, div#detroit_inside, div#green_inside, div#health_inside, div#article, div#press_release, div#trustees, div#staff, div#grantee, div#what, div#statements, div#how, div#sitemap, div#employ,div#form, div#search_engine_results, div#headquarters_fact, div#updates, div#general  { padding: 0 15px 0 15px; }
/* div#health, div#detroit, div#green { padding: 0 15px 0 0; } */
div#health, div#detroit, div#green { padding: 0 0 0 0; }
div#report_intro { display: block; height: 317px; width: 540px; }
div#contact_intro { display: block; background: url('/images/contact.jpg') no-repeat; height: 317px; width: 540px; }
div#headquarters_intro { display: block; background: url('/images/headquarters.jpg') no-repeat; height: 359px; width: 540px; }
div#health_intro { display: block; background: url('/images/health_interior.jpg') no-repeat; height: 317px; width: 540px; }
div#detroit_intro { display: block; background: url('/images/detroit_interior2.jpg') no-repeat; height: 317px; width: 540px; }
div#green_intro { display: block; background: url('/images/green_interior.jpg') no-repeat; height: 317px; width: 540px; }
div#arts_intro { display: block; background: url('/images/artsculture.jpg') no-repeat; height: 317px; width: 540px; }
div#detroit_arts { display: block; width: 540px; }
div#detroit_arts .kaid-buttons { display: block; margin-top: 211px; height: 28px; }
div#detroit_arts .kaid-buttons img { float: left; }


/* PAGE TOOLS CONTAINER */
#page_tools { width: 525px; height: 30px; padding: 0 0 0 15px; margin: 0; background-color: #525152; }

div#page_tools.orange { background-color: #d08200; }
div#page_tools.green { background-color: #61913d; }
div#page_tools.purple { background-color: #7878b0 }

/* PAGE TOOLS LEFT/RIGHT CONTAINERS */
#page_tools_right { float: right; padding: 9px 13px 0 0; font-size: 9px; width: 150px; text-align: right; }
#page_tools_right a#print { height: 10px; font-size: 9px; }
#page_tools_left { float: left; padding: 9px 0 0 0; width: 360px; }

/* Pipelist */
#navlist { margin-bottom: 1em; overflow: hidden; width: 380px; }
#navlist ul { list-style: none; margin: 0; padding: 0; }
#navlist li { border-left: 1px solid #ccc; float: left; line-height: 1.1em; margin: 0 10px 0 -10px; padding: 0 10px 0 10px; white-space: nowrap; }


/* RESOURCES BOX CONTAINER */
#resources { float: right; width: 160px; margin: 0; padding: 5px 0 0 10px;}

/* BOARD OF TRUSTEES NAME CONTAINER */
#trustees #copy { overflow: auto; }
#trustees #copy div#left { float: left; width:250px; overflow: auto; }
#trustees #copy div#right { float: right; width:250px; overflow: auto; }

/* STAFF NAME NAME CONTAINER */
#staff #copy { overflow: auto; }
#staff #copy div#left { float: left; width:165px; overflow: auto; }


/* GRANTEE SEARCH BOX */
.search_bar { float: left; background-color: #4086b0; width: 510px; height: 23px; }


/* FOOTER */
/* FOOTER CONTAINER */
#footer { margin: 0 auto; padding: 0 0 40px 0; width: 740px; clear:both; }

/* FOOTER CONTAINER */
#footer_content { margin: 0; width: 745px; border-top: 1px solid #73b5e0; }


/* POP-UP WINDOW STYLES */
.popup #header { margin: 0 auto ; width: 500px; }
.popup #logo { width: 378px; height: 42px; margin: 20px 0 20px 55px; }
.popup #container_content { margin: 0 auto; width: 500px; border-top: 1px solid #73b5e0; }
.popup #content { float: right; width: 500px; margin-top: 10px; margin-bottom: 12px; padding: 0 0 15px 0; }
div.challenge #page_tools { width: 500px; background-color: #4f99bd; }
body.popup #page_tools { width: 500px; }
body.popup .detroit #page_tools { background-color: #d99214;}
div.health #page_tools { width: 500px; background-color: #8a8dbd; }
body.popup #page_tools, body.popup #page_tools_left { padding: 0; }
body.popup #page_tools img { float: left; }
.popup #content.challenge { background-color: #9fc2d7; }
.popup #content.detroit { background-color: #ecd395; }
.popup #content.green { background-color: #c8d5a7; }
.popup #content.health { background-color: #b0b0d1; }
.popup #footer { margin: 0 auto; padding: 0 0 40px 0; width: 500px; clear:both; }
.popup #footer_content { margin: 0 auto; width: 500px; border-top: 1px solid #73b5e0; }


/* PRINT STYLES */
.print #header { margin: 0 auto ; width: 540px; padding-bottom: 20px; }
.print #logo { width: 378px; height: 42px; margin: 20px 0 0 75px; }
.print #container_content { width: 540px; }
.print #container_content #content { background-color: #fff; }


/* EMAIL STYLES */
body.email { background-color: #f5f1c9; padding: 10px 20px 0 20px; }
body.email #Form1 { margin: 20px 0 0 20px; }
#txtMessage { width: 450px; height: 150px; }