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

* { margin: 0; padding: 0; }
body { font-family: Georgia, "Times New Roman", Times, serif; color: #141437; background-color: #ADCB82; margin: 0; padding: 0; }
a, a:link { color: #141437; }
a:hover { color: #FFF; }
#logo { z-index: 1; position: relative; top: 25px; left: -250px; height: 249px; width: 895px; margin: 0px auto; font-size: 1.1em; text-indent: -999999px; background: url(../images/iopo_logo.jpg) no-repeat 0px 0px; }
#logo a { z-index: 99; position: absolute; top: 50px; left: 216px; display: block; width: 580px; height: 75px; }
#logo a:hover { background: url(../images/homepage_hover.gif) no-repeat 10px 26px; }
#bg_white { z-index: 0; position: absolute; top: 0px; left: 0px; height: 300px; width: 100%; background: #FFF; }
#bg_gradient { z-index: 2; position: absolute; top: 268px; left: 0px; height: 484px; width: 100%; background: url(../images/bg_gradient.png) repeat-x 0px 0px; }
/* header */
#header { z-index: 100; position: fixed; top: 0px; left: 0px; width: 100%; height: 32px; background: url(../images/top_bar.png) repeat-x 0px 0px; }
#header a, #header a:link { color: #FFF; }
#header a:hover { color: #E0F4A2; text-decoration: underline; }
	#header_container { position: relative; width: 850px; height: auto; margin: 0px auto; }
		#slogan { z-index: 99; position: absolute; left: 637px; top: 3px; height: 24px; color: #FFF; font-style: italic; font-size: 1em; text-indent: 20px; background: url(../images/logo_bullet_top.gif) no-repeat 0px 3px; }
		#lang_toggle { z-index: 99; position: relative; top: 3px; left: 708px; color: #FFF; }
		ul#lang_toggle, ul#lang_toggle li { list-style: none; display: inline; font-size: .9em; }
		#lang_toggle li a { color: #FFF; text-decoration: none; }
		#lang_toggle li a.current { font-weight: bold; }
		#search { position: absolute; left: 650px; top: 0px; width: 184px; height: 64px; background: url(../images/search_tab.png) 0px 0px no-repeat; }
		#search input.search_box { position: absolute; top: 28px; left: 5px; width: 130px; height: 18px; border: 1px solid #ADCB82; color: #666; padding: 2px; }
		#search input.search_btn { position: absolute; top: 28px; left: 142px; width: 32px; height: 24px; }
		/* register & contribute tabs */
		#action_links { position: absolute; top: 0px; left: 0px; width: 230px; height: 50px; }
		#action_links li { list-style-type: none; }
		li#link_register a, li#link_register a:link { z-index: 98; position: absolute; width: 110px; height: 49px; left: 0px; top: 0px; text-indent: -999999px; background: url(../images/register_tab_all.png) no-repeat 0px 0px; }
		li#link_register a.current { background: url(../images/register_tab_all.png) no-repeat -345px 0px; }
		li#link_register a:hover { background: url(../images/register_tab_all.png) no-repeat -115px 0px; }
		li#link_register a:active { background: url(../images/register_tab_all.png) no-repeat -230px 0px; }
		li#link_contribute a, li#link_contribute a:link { z-index: 99; position: absolute; width: 109px; height: 48px; left: 95px; top: 0px; text-indent: -999999px; background: url(../images/contribute_tab_all.png) no-repeat 0px 0px; }
		li#link_contribute a.current { background: url(../images/contribute_tab_all.png) no-repeat -327px 0px; }
		li#link_contribute a:hover { background: url(../images/contribute_tab_all.png) no-repeat -109px 0px; }
		li#link_contribute a:active { background: url(../images/contribute_tab_all.png) no-repeat -218px 0px; }
		li#link_apply a, li#link_apply a:link { z-index: 99; position: absolute; width: 109px; height: 49px; left: 189px; top: 0px; text-indent: -999999px; background: url(../images/apply_tab_all.png) no-repeat 0px 0px; }
		li#link_apply a.current { background: url(../images/apply_tab_all.png) no-repeat -327px 0px; }
		li#link_apply a:hover { background: url(../images/apply_tab_all.png) no-repeat -109px 0px; }
		li#link_apply a:active { background: url(../images/apply_tab_all.png) no-repeat -218px 0px; }
#container { z-index: 90; position: relative; width: 850px; height: auto; top: -180px; margin: 0px auto 80px auto; }
/* Main Links */
ul#main_links { z-index: 3; position: absolute; width: 809px; height: 100px; top: 100px; background: url(../images/links_bg.png) no-repeat 0px 55px; }
ul#main_links, ul#main_links li { display: inline; list-style: none; }
ul#main_links li a { text-indent: -999999px; position: absolute; }
	li#link_gift a, li#link_gift a:link { z-index: 4; width: 193px; height: 64px; top: 2px; left: 10px; background: url(../images/btn_gift_all.png) no-repeat 0px 0px; }
	li#link_gift a.current { background: url(../images/btn_gift_all.png) no-repeat -579px 0px; }
	li#link_gift a:hover { background: url(../images/btn_gift_all.png) no-repeat -193px 0px; }
	li#link_gift a:active { background: url(../images/btn_gift_all.png) no-repeat -386px 0px; }
	li#link_stories a,li#link_stories a:link { z-index: 5; width: 115px; height: 57px; top: 10px; left: 193px; background: url(../images/btn_stories_all.png) no-repeat 0px 0px; }
	li#link_stories a.current { background: url(../images/btn_stories_all.png) no-repeat -345px 0px; }
	li#link_stories a:hover { background: url(../images/btn_stories_all.png) no-repeat -115px 0px; }
	li#link_stories a:active { background: url(../images/btn_stories_all.png) no-repeat -230px 0px; }
	li#link_educational a, li#link_educational a:link { z-index: 6; width: 130px; height: 57px; top: 10px; left: 301px; background: url(../images/btn_educational_all.png) no-repeat 0px 0px; }
	li#link_educational a.current { background: url(../images/btn_educational_all.png) no-repeat -390px 0px; }
	li#link_educational a:hover { background: url(../images/btn_educational_all.png) no-repeat -130px 0px; }
	li#link_educational a:active { background: url(../images/btn_educational_all.png) no-repeat -260px 0px; }
	li#link_volunteer a, li#link_volunteer a:link { z-index: 7; width: 124px; height: 59px; top: 10px; left: 423px; background: url(../images/btn_volunteer_all.png) no-repeat 0px 0px; }
	li#link_volunteer a.current { background: url(../images/btn_volunteer_all.png) no-repeat -354px 0px; }
	li#link_volunteer a:hover { background: url(../images/btn_volunteer_all.png) no-repeat -118px 0px; }
	li#link_volunteer a:active { background: url(../images/btn_volunteer_all.png) no-repeat -236px 0px; }
	li#link_about a, li#link_about a:link { z-index: 8; width: 85px; height: 57px; top: 10px; left: 534px; background: url(../images/btn_about_all.png) no-repeat 0px 0px; }
	li#link_about a.current { background: url(../images/btn_about_all.png) no-repeat -255px 0px; }
	li#link_about a:hover { background: url(../images/btn_about_all.png) no-repeat -85px 0px; }
	li#link_about a:active { background: url(../images/btn_about_all.png) no-repeat -170px 0px; }
	li#link_professional a, li#link_professional a:link { z-index: 9; width: 127px; height: 57px; top: 10px; left: 612px; background: url(../images/btn_professional_all.png) no-repeat 0px 0px; }
	li#link_professional a.current { background: url(../images/btn_professional_all.png) no-repeat -381px 0px; }
	li#link_professional a:hover { background: url(../images/btn_professional_all.png) no-repeat -127px 0px; }
	li#link_professional a:active { background: url(../images/btn_professional_all.png) no-repeat -254px 0px; }
/* Audience Links ("I'm a..." links) */
ul#audience_links { position: absolute; width: 250px; height: 290px; left: 668px; top: 10px; }
ul#audience_links, ul#audience_links li { display: inline; list-style: none; }
ul#audience_links li a { text-indent: -999999px; position: absolute; }
	li#link_donor a, li#link_donor a:link { z-index: 1; width: 181px; height: 150px; background: url(../images/donor_sign.gif) no-repeat 0px 0px; }
	li#link_donor a.current { background: url(../images/donor_sign_active.gif) no-repeat 0px 0px; }
	li#link_donor a:hover { background: url(../images/donor_sign.gif) no-repeat 0px -1px; }
	li#link_donor a:active { background: url(../images/donor_sign_down2.gif) no-repeat 0px -1px; }
	li#link_recipient a, li#link_recipient a:link { z-index: 2; width: 141px; height: 135px; left: 107px; top: 60px; background: url(../images/recipient_sign.png) no-repeat 0px 0px; }
	li#link_recipient a.current { background: url(../images/recipient_sign_active.png) no-repeat 0px 0px; }
	li#link_recipient a:hover { background: url(../images/recipient_sign.png) no-repeat 0px -1px; }
	li#link_recipient a:active { background: url(../images/recipient_sign_down2.png) no-repeat 0px -1px; }


#upper_content { z-index: 10; position: absolute; width: 841px; height: 100px; top: 162px; background: url(../images/top_bg.png) no-repeat 7px 0px; }
	#img_stripe { z-index: 11; position: absolute; width: 828px; height: 83px; left: -13px; top: 28px; background: url(../images/img_stripe.png) no-repeat 0px 0px; }
	#breadcrumbs { z-index: 10; position: absolute; top: 88px; left: -1px; width: 808px; height: 53px; background: url(../images/bg_breadcrumbs.png) no-repeat 0px 0px; }
	#breadcrumbs p { margin: 33px 0px 0px 20px; font-size: .7em; }
	#main_message { z-index: 9; position: absolute; top: 199px; left: 9px; width: 792px; height: 80px; background: url(../images/top_bg_bottom.png) no-repeat top center; }
	#main_message h2 { z-index: 9; position: absolute; top: 12px; left: 20px; width: 515px; height: 28px; text-indent: -999999px; background: url(../images/msg_donation.png) no-repeat 0px 0px; }
	#dynamic_content { position: absolute; top: 10px; left: 0px; width: 800px; font-size: .8em; font-style: italic; }
	#dynamic_content p { text-align: center; }
	#upper_content_btm { z-index: 0; position: absolute; width: 809px; height: 68px; left: 1px; top: 150px; background: url(../images/bg_upper_btm.png) no-repeat 0px 0px; }



#expand_container { position: absolute; width: 850px; height: auto; top: 310px; left: -2px; font-family: Georgia, "Times New Roman", Times, serif; }
#video_placeholder { z-index: 100; position: absolute; top: 14px; left: 556px; background-color: #000; width: 238px; height: 154px; }
#video_placeholder img { width: 240px; height: 155px; }/* Change to width: 238px; height: 154px; after fixing image sizes */
#links_container { z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: auto; margin-left: 40px; margin-top: 22px; font-size: .8em; }
	#links_container ul, #links_container li { padding-bottom: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#links_container li { list-style: url(../images/bullet.png); margin-left: 23px; text-indent: -2px; }
	#links_container li a, #links_container li a:link { text-decoration: none; }
	#links_container li a:hover { text-decoration: underline; color: #141437; }
	#links_container li a.current { font-weight: bold; text-decoration: underline; }
	#links_container ul ul { font-size: .9em; margin-top: 2px; margin-left: 15px; font-style: italic; }
	#links_container ul li ul { font-size: .9em; margin-top: 8px; margin-left: -8px; font-style: italic; }
	#links_container ul ul li { list-style-image: none; list-style: disc; }
	#links_container h3 { font-size: 1.3em; font-style: italic; margin-bottom: 10px; }
	#links_container h4 { font-size: 1em; margin: 0px 0px 4px 0px; padding: 0px; }
#no_story { margin: 0px 0px 10px -5px; }
	#no_story img { border: 2px solid #FFF; margin-bottom: 5px; }
	#no_story h3 { text-align: center; font-size: 1.1em; }
	#no_story p { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#no_story a:hover { font-weight: bold; color: #141437; }
#story { margin: 65px 0px 10px -5px; }
	#story img { border: 2px solid #FFF; margin-bottom: 5px; }
	#story h3 { text-align: center; font-size: 1.1em; }
	#story p { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#story a:hover { font-weight: bold; color: #141437; }

#content_header_container { position: absolute; width: 280px; height: 207px; padding: 18px 264px 10px 265px; color: #FFF; background: url(../images/bg_content_top.png) no-repeat 0px 0px; }
	#content_header_container h2 { font-size: 1.4em; font-style: italic; background: url(../images/logo_bullet_top.gif) no-repeat 6px 6px; padding-left: 28px; text-indent: -6px; margin-bottom: 6px; }
	/* 	#content_header_container h2 { font-size: 1.4em; font-style: italic; background: url(../images/dandelion_seed_header.png) no-repeat 0px 4px; padding-left: 28px; text-indent: -6px; margin-bottom: 6px; } */
	#content_header_container p { font-size: .9em; margin: 0px 20px 10px 35px; line-height: 160%; font-family: Verdana, Arial, Helvetica, sans-serif; }
#content_container { width: 809px; margin-right: 100px; margin-top: 231px; background: url(../images/bg_content.png) repeat-y 0px 0px; }
#dandelion_seeds_main { position: absolute; top: 225px; left: 750px; width: 34px; height: 34px; background: url(../images/logo_accent_content.gif) no-repeat; }
/*  #dandelion_seeds_main { position: absolute; top: 190px; left: 675px; width: 141px; height: 74px; background: url(../images/dandelion_seeds.png) no-repeat; }  */
#content_main { margin-left: 285px; margin-right: 55px; padding: 0px 0px 15px 0px; }
	#content_main h2 { margin-top: 20px; margin-bottom: 5px; padding-top: 10px; font-size: 1.3em; }
	#content_main h3 { margin-bottom: 10px; margin-left: 10px; padding-top: 10px; font-size: 1em; color: #298569; }
	#content_main p { margin-bottom: 5px; padding-top: 5px; font-size: .9em; line-height: 150%; margin-left: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#content_main p.fine_print, #content_main p .fine_print { font-size: .7em; margin-left: 30px; }
	#content_main p.fine_print_no_indent, #content_main p .fine_print_no_indent { font-size: .7em; line-height: 1; vertical-align: .3em; }
	#content_main a, #content_main a:link { color: #141437; }
	#content_main a:hover { color: #298569; }
	#content_main ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; margin-left: 20px; }
	#content_main li { margin-left: 20px; margin-bottom: 10px; line-height: 120%; }
	#content_main ul ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin-left: 20px; margin-top: 10px; }
	#content_main ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; margin-left: 30px; }
	#content_main dl { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; margin-left: 20px; margin-bottom: 20px; }
	#content_main dt { margin-bottom: 5px; margin-top: 15px; font-weight: bold; }
	#content_main dd { margin-left: 15px; margin-bottom: 4px; line-height: 150%; }
	#content_main form.background { background-color: #ADC999; border: 1px solid #999; margin-left: 20px; padding: 25px 10px 20px 10px; }
	#content_main table { background-color: #ADC999; border: 1px solid #999; margin-left: 20px; }
	#content_main table th, #content_main table td { border: 1px solid #999; padding: 4px 7px; text-align: left; color: #141437; }
	#content_main table th { font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; background-color: #CCDEC0; }
	#content_main table td { font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F1ECD8; }
	#content_main table#links_btm { background-color: #ADC999; border: 1px solid #999; margin-left: 20px; font-size: .8em; margin-top: 30px; }
	#content_main table#links_btm td { text-align: center; width: 90px; }
	#content_main img.img_center { text-align: center; border: 1px solid #141437; margin: 40px auto; display: block; }

#content_container_btm { width: 809px; height: 44px; margin-top: 0px; background: url(../images/bg_content_btm.png) no-repeat 0px 0px;}


#utility_top { width: 809px; height: 36px; background: url(../images/bg_utility_top.png) no-repeat 0px 0px; }
#utility { width: 870px; height: 150px; padding-left: 8px; background: url(../images/bg_utility.png) repeat-y 0px 0px; }
#utility_bottom { width: 809px; height: 34px; background: url(../images/links_bg_bottom.gif) no-repeat 0px 0px; }
	#utility div { float: left; width: 260px; padding-left: 10px; }
	#utility .border_left { border-left: 1px dotted #E8ECB7; }
	#utility h4 { padding-bottom: 8px; padding-left: 20px; background: url(../images/logo_bullet.gif) no-repeat 4px 3px; }
	/* 	#utility h4 { padding-bottom: 8px; padding-left: 22px; background: url(../images/dandelion_seed_header.png) no-repeat 0px 0px; }    */
	#utility ul, #utility li { list-style: none; }
	#utility li { font-size: .7em; text-indent: -8px; margin-left: 38px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 3px; }
	#utility li a, #utility li a:link { color: #141437; }
	#utility li a:hover { text-decoration: none; }
	#utility li a:visited { color: #056ABC; }
#quick_links {}
#donation_news {}
#about_iopo {}
/* footer */
#footer { z-index: 99; position: fixed; bottom: 0px; left: 0px; width: 100%; padding-top: 10px; text-align: center; color: #FFF; font-size: .7em; padding-bottom: 5px; background: url(../images/footer_border_top.png) repeat-x 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#footer p { padding-bottom: 1px; }
	#footer a, #footer a:link { color: #FFF; }
	#footer a:hover { color: #E0F4A2; text-decoration: underline; }

#preload { visibility: hidden; }

/* Database Page Formatting */
#container #content_container #add table, #container #content_container #add table td { border: 0; margin: 0; padding: 0; }
#container #content_container #add textarea#career_description, #container #content_container #add p#p_career_description, #container #content_container #add p.mce_left { position: relative; margin-left: -220px; }
#container #content_container #add textarea#career_description { width: 700px; }
#container #content_container #manage table.careers { margin: 20px 0px 10px 0px; }
#container #content_container #manage table.careers p { margin-left: 5px; }
table.careers .sub_heading { font-size: .9em; font-weight: normal; }
#container #content_container #manage table.careers td { padding: 4px; }
#container #content_container #manage table.careers td.active { width: 268px; text-align: left; padding-left: 8px; padding-right: 8px; }
#container #content_container #manage table.careers td.inactive { width: 268px; text-align: left; color: #888; font-style: italic; padding-left: 8px; padding-right: 8px; }
#container #content_container #manage table.careers td.activate_btn { width: 75px; }
#container #content_container #manage table.careers td.deactivate_btn { width: 75px; color: #888; font-style: italic; }
ul.radio_list { list-style: none; }

p.indent input { margin-left: 20px; }
body.mceContentBody { font-size: 1.2em; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.bold_italic { font-weight: bold; font-style: italic; }
#arrow { position: absolute; width: 27px; height: 8px; margin-top: 8px; margin-left: 6px; text-indent: -999999px; background: url(../images/arrow.gif) no-repeat 0px 0px; }


ul.float_list { float: left; width: 210px; margin-top: 10px; margin-bottom: 10px; }

/* Social Networking Icons at top right + Blog and Super-fan */
ul#icons { z-index: 99; position: absolute; left: 572px; top: 1px; width: 505px; height: 24px; }
ul#icons li { float: left; display: inline-block; background: url(../images/icon_bullet.png) no-repeat 0px 8px; padding-left: 10px; margin-left: 5px; }
ul#icons li.no_bullet { padding-left: 0px; background: none; }
#header #header_container ul#icons li a, #header #header_container ul#icons li a:link { float: left; font-size: .7em; font-weight: bold; text-decoration: none; height: 20px; padding-top: 4px; }
ul#icons li a:hover, ul#icons li a.current { font-size: .7em; font-weight: bold; text-decoration: underline; color: #E0F4A2; }
ul#icons li a#facebook, ul#icons li a:link#facebook { float: left; width: 18px; height: 18px; text-indent: -999999px; background: url(../images/facebook_icon.png) no-repeat 0px 0px; padding-left: 0px; margin-top: 2px; }
ul#icons li a:hover#facebook { background: url(../images/facebook_icon.png) no-repeat -18px 0px; padding-left: 0px; }
ul#icons li a#youtube, ul#icons li a:link#youtube { float: left; width: 18px; height: 18px; text-indent: -999999px; background: url(../images/youtube_icon.png) no-repeat 0px 0px; margin-top: 2px; }
ul#icons li a:hover#youtube { background: url(../images/youtube_icon.png) no-repeat -18px 0px; }
ul#icons li a#scholarship, ul#icons li a:link#scholarship { float: left; width: 105px; height: 14px; text-indent: 28px; background: url(../images/mortar.gif) no-repeat 0px 0px; margin-top: 0px; padding-top: 4px; }

.img_left { float: left; border: 2px solid #FFF; margin-left: -5px; margin-bottom: 45px; }