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

body {
	font:76% Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
	margin:0 0 10px;
}
body.home { background:#FFFFFF url(../images/home_bg.jpg) no-repeat; }
body.inside { background:#FFFFFF url(../images/inside_bg.jpg) no-repeat; }


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* Typography */
p {font-size:1em; line-height:1.8em; margin:0 0 1em;}

h1 { font-size:1em; margin:0 0 15px 0;}
h2 { font-size:1em; margin:15px 0 15px 0; }
h3 { font-size:1em; margin:0em 0 1em; font-style: italic; }

em { font-style:italic; }

ul {
	list-style-type:disc;
	margin-left:2.5em;
	padding:0;
	font-size:1em;
	line-height:1.8em;
}

strong, .bold { font-weight:bold; }
.uline { text-decoration:underline; }
.clear { clear:both; }

a:link, a:visited { color:#bb3115; }
a:hover, a:active { color:#bb3115; }

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* LAYOUT */
#wrapper { position:relative; margin:0; padding:0; }
body.home #wrapper { height:800px; }

body.inside #content {
	width:355px; position:relative; left:208px; top:145px; padding:0 0 10px;
}

#right_col {width:200px; position:absolute; left:600px; top:200px;}

.frame_container {position:relative; margin-bottom:20px;}
.frame {
	background:url(../images/photo_frame.gif) no-repeat;
	position:absolute; top:0; left:0;
	width:200px; height:301px;
}

.frame_small {
	background:url(../images/photo_frame_small.gif) no-repeat;
	position:absolute; top:0; left:0;
	width:200px; height:133px;
}



body.home #footer {
	list-style:none; margin:0; padding:0 8px 0 0; display:block;
	position:absolute; bottom:0; left:20px;
	background-color:#DCDCDC; color:#A8A8A8;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#footer li { float:left; padding:8px 0 8px 4px; }
body.inside #footer {
	position:relative; bottom:auto; left:-188px;
	height:100%;
}
body.inside #footer ul {
	list-style:none; margin:0; padding:0 8px 0 0; display:block;
	width:436px; height:28px;
	background-color:#DCDCDC; color:#A8A8A8;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited { color:#A8A8A8; text-decoration:none; }
#footer a:hover, #footer a:active { color:#0066FF; text-decoration:underline; }


.photo img { border: solid 2px #999999; }
body#photo_gallery #wrapper {
	padding-bottom:140px;
}
/*-------------------------------------*/
/*-------------------------------------*/
/* Home */
body.home h1 {
	position:absolute; width:240px; height:180px;
	left:20px; top:27px; text-indent:-999px;
}
body.inside h1 {
	position:absolute; width:180px; height:120px;
	left:0; top:0; text-indent:-999px;
}
h1 a { position:absolute; width:100%; height:100%; left:0; top:0; }

body.home #content { width:385px; position:relative; left:170px; top:237px; text-indent:-9999px; }
body.home #content cite { visibility:hidden;}

#watch_video {
	width:265px; height:238px; 
	position:absolute; top:222px; left:581px;
	cursor: pointer; text-indent:-999px; overflow:hidden;
}



/*-------------------------------------*/
/*-------------------------------------*/
/* NEWS */
body.news h2 {
	height:auto;
	margin:0 0 1em;
	padding-top:0;
	font-style:italic;
}




/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* LAYOUT */
.photo {
	float: left;
	margin: 0px 10px 10px 0px;
	text-align: center; 
	width: 100px;
	z-index:100;
}


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* IR HEADERS */
h2 { height:0; padding-top:14px; overflow:hidden; margin:0 0 1em; }
body#the_problem h2 { width:128px; background:url(../images/header_the_problem.gif) no-repeat;}
body#the_solution h2 { width:145px; background:url(../images/header_our_response.gif) no-repeat;}
body#our_mission h2 { width:128px; background:url(../images/header_our_mission.gif) no-repeat;}
body#our_strategy h2 { width:254px; background:url(../images/header_our_strategy.gif) no-repeat;}
body#news h2 { width:93px; background:url(../images/header_newsroom.gif) no-repeat;}
body#photo_gallery h2 { width:152px; background:url(../images/header_photo_gallery.gif) no-repeat;}
body#about_us h2 { width:93px; background:url(../images/header_about_us.gif) no-repeat;}
body#who_we_are h2 { width:116px; background:url(../images/header_who_we_are.gif) no-repeat;}
body#donate h2 { width:152px; background:url(../images/header_how_to_donate.gif) no-repeat;}
body#childsp h2 { width:223px; background:url(../images/header_child_sponsorship.gif) no-repeat;}
body#contact_us h2 { width:115px; background:url(../images/header_contact_us.gif) no-repeat;}
body#privacy_policy h2 { width:164px; background:url(../images/header_privacy_policy.gif) no-repeat;}
body#site_map h2 { width:81px; background:url(../images/header_site_map.gif) no-repeat;}



/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* NAVIGATION */
#nav { list-style:none; display:block; padding:0; margin:0; }
body.home #nav { width:500px; height:29px; position:absolute; left:320px; top:11px; }
body.inside #nav { width:500px; height:29px; position:absolute; left:204px; top:11px;}

#nav li { float:left; padding:0; margin:0;}
body.home #nav li { height:30px; margin-right:5px; }
body.inside #nav li { height:30px; margin-right:5px; }

#nav li a { display:block; padding:0 10px 0 0; }
body.home #nav li a { font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; height:22px; }
body.inside #nav li a { font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; height:22px; }


/*-------------------------------------*/
/*-------------------------------------*/
/* INSIDE NAV */
body.inside #nav_the_problem a:link, body.inside #nav_the_problem a:visited { color:#000; width:90px; background:url(../images/nav_cross.gif) bottom right no-repeat; }
body.inside #nav_the_problem a:hover, body.inside #nav_the_problem a:active { color:#fff; }

body.inside #nav_the_solution a:link, body.inside #nav_the_solution a:visited { color:#000; width:100px; background:url(../images/nav_cross.gif) bottom right no-repeat; }
body.inside #nav_the_solution a:hover, body.inside #nav_the_solution a:active { color:#fff; }

body.inside #nav_about_us a:link, body.inside #nav_about_us a:visited { color:#000; width:68px; background:url(../images/nav_cross.gif) bottom right no-repeat; }
body.inside #nav_about_us a:hover, body.inside #nav_about_us a:active { color:#fff; }

body.inside #nav_donate a:link, body.inside #nav_donate a:visited { color:#000; width:53px; background:url(../images/nav_cross.gif) bottom right no-repeat; }
body.inside #nav_donate a:hover, body.inside #nav_donate a:active { color:#fff; }

body.inside #nav_contact_us a:link, body.inside #nav_contact_us a:visited { color:#000; width:75px; }
body.inside #nav_contact_us a:hover, body.inside #nav_contact_us a:active { color:#fff; }



/*-------------------------------------*/
/*-------------------------------------*/
/* HOME NAV */
body.home #nav_the_problem a:link, body.home #nav_the_problem a:visited { color:#000; width:90px; background:url(../images/nav_cross.gif) bottom right no-repeat; }
body.home #nav_the_problem a:hover, body.home #nav_the_problem a:active { color:#fff; }

body.home #nav_the_solution a:link, body.home #nav_the_solution a:visited { color:#000; width:98px; background:url(../images/nav_cross.gif) bottom right no-repeat; }
body.home #nav_the_solution a:hover, body.home #nav_the_solution a:active { color:#fff; }

body.home #nav_about_us a:link, body.home #nav_about_us a:visited { color:#000; width:68px; background:url(../images/nav_cross.gif) bottom right no-repeat; }
body.home #nav_about_us a:hover, body.home #nav_about_us a:active { color:#fff; }

body.home #nav_donate a:link, body.home #nav_donate a:visited { color:#000; width:53px; background:url(../images/nav_cross.gif) bottom right no-repeat; }
body.home #nav_donate a:hover, body.home #nav_donate a:active { color:#fff; }

body.home #nav_contact_us a:link, body.home #nav_contact_us a:visited { color:#000; width:75px; }
body.home #nav_contact_us a:hover, body.home #nav_contact_us a:active { color:#fff; }


/*-------------------------------------*/
/*-------------------------------------*/
/* SUBNAV */
#subnav {
	list-style:url(../images/subnav_bullet.png) inside;
	position:absolute;
	top:150px; left:10px;
	margin:0; padding:0;
}
#subnav .current {list-style:url(../images/subnav_bullet_current.png) inside; }
#subnav .current a { font-weight:bold; }


#subnav a:link, #subnav a:visited { color:#000000; text-decoration:none; }
#subnav a:hover, #subnav a:active { color:#FFFFFF; text-decoration:none; }