/********************************************************************************
	Make images links link: /images/solutions/magic.gif
 ********************************************************************************/
 

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; text-align: center; background: #64AFD6 url(/export/sites/default/images/bg.jpg) repeat-x top left; font: normal 12px/18px Verdana, sans-serif; color: #333; }
#wrapper { width: 960px; margin: 0 auto; text-align: center; }

a:link { color: #9E1A40; text-decoration: underline; }
a:active, a:hover { color: #9E1A40; text-decoration: none; }
a:visited { color: #9E1A40; }

a:active, a:focus {outline: 0;}

a img { border: none; }

h2 { color: #fff; font: normal 28px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
h3 { color: #9E1A40; font: bold 21px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; }
h4 { color: #9E1A40; font: bold 15px Arial, Helvetica, sans-serif; margin: 0 0 3px 0; padding: 0; }
h5 { color: #666; font: bold 1em Arial, Helvetica, sans-serif; margin: 0 0 4px 0; padding: 0; }
p { color: #333; font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5em; margin: 0; padding: 0 0 12px 0; }

ul { margin-top: 0; padding-left: 25px; margin-bottom: 12px; font-size: 11px; }

/* Utility class to clear an element */
.clear { clear: both; }
br.clear { height: 0 !important; display: block; }
.clearfix:after { content:"."; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix { height:1px; }

/* Class to set up image replacement */
.replaced { display: block; text-indent: -10000em; overflow: hidden; background-repeat: no-repeat; }

/**********************************  Header  ***************************************/

#header { margin: 0 auto; width: 960px; height: 130px; display: block; text-align: left; }

div#globalNav ul{ position: absolute; top: 0; margin: 0; text-align: right; width: 920px !important; width /* */: 960px; height: 20px !important; height /* */: 30px; padding: 10px 40px 0 0; text-transform: uppercase;}
div#globalNav ul li { float: right; display: inline; margin: 0; padding: 0; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #fff; }
div#globalNav ul li a:link, div#globalNav ul li a:visited { color: #64AFD6; text-decoration: none; }
div#globalNav ul li a:hover, div#globalNav ul li a:active { color: #64AFD6; text-decoration: underline; }

div.headWrap { position: absolute; top: 30px; width: 960px; height: 70px !important; padding: 20px 0 10px 0; height /* */: 100px; background-color: #fff; }
div#logoBox { position: absolute; left: 10px; width: 200px !important; display: block; }
h1#logo { padding: 0; margin: 0; width: 200px; }
h1#logo a { display: block; margin: 0; height: 70px; width: 200px; background: transparent url(/export/sites/default/images/logo.gif) no-repeat top left;}


/*******************************  Main Navigation  ************************************/ 

ul#mainNav { position: absolute; top: 20px; left: 460px; width: 460px !important; height: 40px !important; height /* */: 70px; margin: 0; padding: 30px 0 0 0;  list-style: none; }
ul#mainNav li { float: left; display: inline; margin: 0; padding: 0; list-style: none; position: relative; }
ul#mainNav li a { display: block; margin: 0; }

ul#mainNav li a {
	padding-top: 40px;
	overflow: hidden;
	text-decoration: none;
	height: 0 !important;
	height /* */: 40px; /* False value for IE4-5.x/Win. */
}
a#menuTrigger0 { width: 110px; height: 0px; }
a#menuTrigger1 { width: 80px; height: 0px; }
a#menuTrigger2 { width: 125px; height: 0px; }
a#menuTrigger3 { width: 100px; height: 0px; }
a#menuTrigger4 { width: 45px; height: 0px; }

a#menuTrigger0 { background: transparent url(/export/sites/default/images/buttons/philosophy.gif) no-repeat 0 0; }
a#menuTrigger1 { background: transparent url(/export/sites/default/images/buttons/programs.gif) no-repeat 0 0; }
a#menuTrigger2 { background: transparent url(/export/sites/default/images/buttons/success.gif) no-repeat 0 0; }
a#menuTrigger3 { background: transparent url(/export/sites/default/images/buttons/get-involved.gif) no-repeat 0 0; }
a#menuTrigger4 { background: transparent url(/export/sites/default/images/buttons/news.gif) no-repeat 0 0; }

a#menuTrigger0 { background-position: 0 0; }
a#menuTrigger1 { background-position: 0 0; }
a#menuTrigger2 { background-position: 0 0; }
a#menuTrigger3 { background-position: 0 0; }
a#menuTrigger4 { background-position: 0 0; }

a#menuTrigger0.hoover { background-position: 0 -40px; }
a#menuTrigger1.hoover { background-position: 0 -40px; }
a#menuTrigger2.hoover { background-position: 0 -40px; }
a#menuTrigger3.hoover { background-position: 0 -40px; }
a#menuTrigger4.hoover { background-position: 0 -40px; }

a#menuTrigger0.selected { background-position: 0 -80px; }
a#menuTrigger1.selected { background-position: 0 -80px; }
a#menuTrigger2.selected { background-position: 0 -80px; }
a#menuTrigger3.selected { background-position: 0 -80px; }
a#menuTrigger4.selected { background-position: 0 -80px; }

ul.menu { position: absolute; display: none; z-index: 50; border-collapse: collapse; }
ul#menu1, ul#menu2, ul#menu3 { text-align: left; position: absolute; border: 2px solid #d6d6d6; border-left: 2px solid #e6e6e6; border-top: 0px; top: 24px; left: 2px; list-style: none; margin: 0; padding: 0; text-align: center; background-color: #fff; height: auto; z-index: 9; }
ul#menu1 li, ul#menu2 li, ul#menu3 li { margin: 0;text-align: left; font: normal 1em/1.2em Helvetica, Arial, sans-serif; }
ul#menu1 li a, ul#menu2 li a, ul#menu3 li a { padding: 5px 8px; display: block;  height: auto !important; height /* */: auto; /* False value for IE4-5.x/Win. */overflow: visible;border-bottom: 0px solid #637749; }
ul#menu1 li a:link, ul#menu1 li a:visited, ul#menu2 li a:link, ul#menu2 li a:visited, ul#menu3 li a:link, ul#menu3 li a:visited { color: #474747; text-decoration: none; }
ul#menu1 li a:hover, ul#menu1 li a:active, ul#menu2 li a:hover, ul#menu2 li a:active, ul#menu3 li a:hover, ul#menu3 li a:active { color: #9E1A40; text-decoration: none; }
ul#menu1 { width: 154px; }
ul#menu2 { width: 146px; }
ul#menu3 { width: 100px; }
ul#menu1 li a { width: 138px !important; width /* */: 154px; /* False value for IE4-5.x/Win. */}
ul#menu2 li a { width: 130px !important; width /* */: 146px; /* False value for IE4-5.x/Win. */}
ul#menu3 li a { width: 84px !important; width /* */: 100px; /* False value for IE4-5.x/Win. */}


/*****************************  Homepage  **********************************/
#homebody { width: 920px !important; width /* */: 960px; height: 328px !important; height /* */: 338px; padding: 0 20px 10px 20px; background-color: #fff; }

#bottomAds { background-color: #fff; height: 150px; width: 960px; }

#flash { width: 920px !important; width /* */: 960px; height: 328px!important; height /* */: 338px; padding: 0 20px 10px 20px; background-color: #fff; }
#flash img { float: left; }

div#homeAds { height: 150px; margin: 0; padding: 0 10px; list-style: none; }
div#homeAds div.ad { float: left; display: inline; padding-top: 91px; height: 59px !important; height /* */: 150px; }
div#homeAds div#leftAd { background: url(/export/sites/default/images/home_programs.jpg) no-repeat top left; width: 194px !important; width /* */: 313px; padding-left: 119px; }
div#homeAds div#centerAd { background: url(/export/sites/default/images/home_success.jpg) no-repeat top left; width: 211px !important; width /* */: 313px; padding-left: 102px; }
div#homeAds div#rightAd { background: url(/export/sites/default/images/home_get-involved.jpg) no-repeat top left; width: 202px !important; width /* */: 314px; padding-left: 112px; }

div#homeAds div#leftAd a { background: url(/export/sites/default/images/buttons/home_programs.gif) no-repeat 0 0; }
div#homeAds div#centerAd a { background: url(/export/sites/default/images/buttons/home_success.gif) no-repeat 0 0; }
div#homeAds div#rightAd a { background: url(/export/sites/default/images/buttons/home_get-involved.gif) no-repeat 0 0; }

div#homeAds div#leftAd a, div#homeAds div#centerAd a, div#homeAds div#rightAd a { background-position: 0 0; display: block; padding-top: 22px; margin: 0; text-indent: -10000em; overflow: hidden; height: 0 !important; height /* */: 22px; /* False value for IE4-5.x/Win. */ }
div#homeAds div#leftAd a:hover, div#homeAds div#centerAd a:hover, div#homeAds div#rightAd a:hover { height: 22px; background-position: 0 -22px; }

/****************** Sub Pages ********************/

div#bodyHead { margin: 0; padding: 0; text-align: left; }
body.sub div#wrapper { top: 130px; margin: 0 auto; padding: 0 20px 20px 20px; width: 920px !important; width /* */: 960px; background-color: #fff; }
div#wrapper div#colFull { width: 880px !important; width /* */: 920px; padding: 20px; text-align: left; }

div#bodyHead div.inner { text-align: left; width: 900px !important; width /* */: 920px; height: 73px !important; height /* */: 120px; background: #9E1A40 url(/export/sites/default/images/h2_bg.gif) repeat 0 0; padding: 47px 0 0 20px; }

#hd_ph, #hd_pr, #hd_ss, #hd_gi, #hd_ne, #hd_pc, #hd_pls, #hd_vo, #hd_do, #hd_na, #hd_cu, #hd_pp { background: transparent url(/export/sites/default/images/ir/h2_all.gif) no-repeat; height: 30px; width: 323px; }
#hd_ph { background-position: 0 0; }
#hd_pr { background-position: 0 -30px; }
#hd_ss { background-position: 0 -60px; }
#hd_gi { background-position: 0 -90px; }
#hd_ne { background-position: 0 -120px; }
#hd_pc { background-position: 0 -150px; }
#hd_pls { background-position: 0 -180px; }
#hd_vo { background-position: 0 -210px; }
#hd_do { background-position: 0 -240px; }
#hd_na { background-position: 0 -270px; }
#hd_cu { background-position: 0 -300px; }
#hd_pp { background-position: 0 -330px; }

#leftCol { float: left; text-align: left; width: 606px !important; width /* */: 616px; padding: 0 10px 0 0; margin-top: 20px;  }
#leftCol div.leftFull { padding: 0 10px 0 20px; }
#leftCol div.leftFullInner { float: left; width: 446px !important; width /* */: 476px; padding: 0 10px 0 20px; display: inline; }
#leftCol div.leftColInner { float: left; width: 130px !important; display: inline; }
div#leftCol p.quote { padding: 20px 0 20px 0; color:  #64AFD6; font-family: Georgia, serif; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 1.6em; }
div#leftCol p.quote span.quoteMarks { color: #E3F2F9; font-weight: bold; font-size: 56px; line-height: 18px; vertical-align: bottom;}
div#leftCol p.quote span.quoteTitle { padding-top: 10px; float: right; color: #666; font-weight: bold; font-size: 12px; font-style: normal; line-height: 18px; vertical-align: bottom;}
	
div#rightCol { width: 304px; float: right; margin-top: 0px; text-align: left; }
div#rightCol div.innerBox { background-color: #E3F2F9; border: 1px solid #CFE8F4; width: 252px !important; width /* */: 294px; padding: 20px; margin-left: 10px; margin-top: 20px;}
div#rightCol div.innerBox a { color: #333; text-decoration: underline; }
div#rightCol div.innerBox a:hover { color: #9E1A40; text-decoration: underline; }
div#rightCol div.innerBox#rightNav { background-color: #FFFDD5; border: 1px solid #F6F19F; }
div#rightCol div.innerBox div.innerBoxLeft { float: left; border-right: 1px solid #CFE8F4; width: 114px !important; width /* */: 130px; padding-right: 15px; display: inline; }
div#rightCol div.innerBox div.innerBoxLeft p { line-height: 15px; }
div#rightCol div.innerBox div.innerBoxRight { float: right; width: 111px; display: inline; }

div#Volunteer { padding-top: 30px; }
div#Donate { padding-top: 25px; }
div#Volunteer a { background: url(/export/sites/default/images/buttons/volunteer.gif) no-repeat 0 0; }
div#Donate a { background: url(/export/sites/default/images/buttons/donate.gif) no-repeat 0 0; }
div#Volunteer a, div#Donate a { background-position: 0 0; display: block; padding-top: 27px; margin: 0; text-indent: -10000em; overflow: hidden; height: 0 !important; height /* */: 27px; /* False value for IE4-5.x/Win. */ }
div#Volunteer a:hover, div#Donate a:hover { height: 27px; background-position: 0 -27px; }

div#rightCol h3 { margin: 0; padding: 0 0 2px 0; }

#hd_vo2, #hd_do2, #hd_om, #hd_cu2, #hd_ls, #hd_pr2, #hd_gi2, #hd_ue { background: transparent url(/export/sites/default/images/ir/h3_rightall.gif) no-repeat; height: 24px; width: 228px; }
#hd_vo2  { background-position: 0 0; width: 114px !important; }
#hd_do2  { background-position: 0 -24px; width: 114px !important; }
#hd_om   { background-position: 0 -48px; }
#hd_cu2  { background-position: 0 -72px; }
#hd_ls   { background-position: 0 -96px; }
#hd_pr2  { background-position: 0 -120px; }
#hd_gi2  { background-position: 0 -144px; }
#hd_ue   { background-position: 0 -168px; }

#hd_lm { background: transparent url(/export/sites/default/images/ir/h3_rightNavall.gif) no-repeat; height: 24px; width: 228px; }
#hd_lm  { background-position: 0 0; }

div#rightCol p { padding: 0; margin: 0; color: #333; font-size: 11px; font-weight: normal; letter-spacing: normal; line-height: 1.6em; }
div#rightCol p.quote { color: #333; font-family: Georgia, serif; font-size: 13px; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 1.6em; }
div#rightCol a { color: #333;  text-decoration: underline; }
div#rightCol a:hover { color: #9E1A40; text-decoration: none; }

#headerTitlePhoto { margin: 0 0 20px 0; }

.bottomLinks { margin: 0 10px 10px 25px; color: #333; }
.bottomLinks a { font: bold 1em Arial, Helvetica, sans-serif; }

.bottomLinksNews { margin: 0 10px 10px 0; color: #333; }
.bottomLinksNews a { font: bold 1em Arial, Helvetica, sans-serif; }

#sidenavOuter { background: transparent url(/export/sites/default/images/sidenavTop.gif) no-repeat top left; padding-top: 6px; margin: 10px 0; }
#sidenavOuter h3 {font: bold 1.2em Arial, Helvetica, sans-serif; margin: 0 0 4px 16px; padding: 0; color: #fff; }
#sidenavInner { background: transparent url(/export/sites/default/images/sidenavBottom.gif) no-repeat bottom left; padding: 10px 16px 6px 16px; float: left; width: 262px; }
	
ul.MM { list-style: none; margin: 0; padding: 0; }
ul.MM li { list-style: none; margin: 0; padding: 0 0 8px 0; }

#contactForm { margin: 0 0 20px 0; padding: 20px 0 0 80px; }
#contactForm  table { margin: 0; padding: 0; }
#contactForm table td { margin: 0; padding: 0 6px 4px 0; }
.onlineform { width: 260px; }
#contactForm label { font-weight: bold; color: #666; line-height: 1em; }


/****************** Footer ********************/

#footer { background-color: transparent; margin: 0 auto; padding: 0px 0 0 20px; color: #fff; width: 940px !important; width /* */: 960px; /* False value for IE4-5.x/Win. */ }
ul#bottomNav { margin: 0 0 0 6px; padding: 0 6px 0 0; list-style: none; background: url(/export/sites/default/images/bottomNavR.gif) no-repeat top right; height: 26px; float: left; }
ul#bottomNav li { float: left; display: inline; margin: 8px 0 0 0; padding: 0 14px; font: normal 12px/12px Arial, Helvetica, sans-serif; color: #fff; border-left: 1px solid #333; }
ul#bottomNav li.bottomFirst { border-left: none; }
ul#bottomNav li a:link, ul#bottomNav li a:visited { color: #333; text-decoration: none; }
ul#bottomNav li a:hover, ul#bottomNav li a:active { color: #666; text-decoration: underline; }

#footer p { float: left; color: #fff; margin-top: 5px; font-size: .94em; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }