/* CSS Document for Glimmer of Hope. CSS/layout by Cheyenne Weaver - www.cheyenneweaverdesign.com*/
/***********************************************/
/* =HTML tag styles                            */
/***********************************************/ 
html {font-family: Arial, Helvetica, sans-serif;font-size:97%;}
body {
	background-color:#edc064;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #555555;
	margin: 0;
	text-align: center;
	padding: 0px;
}

h1 {font-family:Arial, Verdana, Arial, sans-serif;font-size: 240%;color:#FFFFFF; padding-left:-9999px}
h2 {font-family:Arial, Verdana, Arial, sans-serif;font-size: 1.8em;color:#666666;}
h3 {font-family:Arial, Verdana, Arial, sans-serif;font-size: 110%;color:#333333;}
h4 {font-family:Arial, Verdana, Arial, sans-serif;font-size: 140%;color:#333333; padding-left: 16px; margin-left: 16px;}
.callouts {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	text-align: center;
}

p {text-indent: 0px;}
/*********** =Negative Positioning ***********/
.structurelabel {position: absolute;left: -5000px;width: 4000px;overflow: hidden;}
/*********** =SiteLinks link styles ***********/
a:hover {color:#CCCCCC;}
a {text-decoration:none;color:#444444;}

/***********************************************/
/* =Layout Divs*/
#container {width: 840px; position: relative; /* makes "container" the containing block */margin: 0 auto; /* the proper css way to center */text-align: left; /* overrides text-align rule on body */}
#branding {
	height: 60px;
	padding-left:10px;
	padding-top: 0px;
	margin: 0px;
}
#main_content {  }
#membership_nav {
	width:200px;
	position:absolute;
	left: 636px;
	top: 8px;
}
	.button img{ float:left;}

#navigation {
	float:left;
	width:840px;
	height:20px;
	position: static;
}
#navigation ul{
	padding-left:3px;
	text-align: center;
}
.grantTable {
	padding: 4px;
}
#navigation li{
	float: left;
	padding:1px 28px 5px 0px;
}

/* =Home page content */
#graphic_content {
	margin-bottom:5px;
	z-index: 50;
}

#sub_content {
	overflow: hidden;
	width: 815px;
	background-image:   url("../images/sub-headers/background/middle.jpg");
	background-color:#9A9CA6;
	background-repeat:repeat-y;
	padding:2px 0 10px 19px;
}
	#sub_content a{color:#336699;}
	#sub_content a:hover{
	color:#FF6600;
	text-decoration: underline;
}
#sub_content2 {  overflow: hidden; width: 825px; background-image:   url("../images/sub-headers/background/middle.jpg"); background-color:#84826d; background-repeat:repeat-y;padding:2px 0 10px 29px;
}
	#sub_content2 a{color:#336699;}
	#sub_content2 a:hover{color:#FF6600;}

#mission_subcontent {float:left; width:210px; margin-right:4px; background-color:#f2f2f2;}
	.hundred_percent {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 2px;
	margin-left: 15px;
}
	#mission_subcontent p{
	padding:4px 15px 5px 15px;
}
#impact_subcontent {float:left; width:370px; margin-right:4px; background-color:#f2f2f2;}
	.real_impact {
	margin-top: 2px;
	margin-right: 15px;
	margin-bottom: 2px;
	margin-left: 15px;
}
	#impact_subcontent p{
	padding:4px 15px 5px 15px;
}
#quotes_subcontent {float:left; width:210px; background-color:#f2f2f2;}
	.tibor_nagy {
	float:right;
	margin-top: 4px;
	margin-right: 20px;
	margin-bottom: 4px;
	margin-left: 10px;
}
#quotes_subcontent {float:left; width:210px; margin-right:4px; background-color:#f2f2f2;}
	.home_quotes {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 4px;
	margin-left: 15px;
}
	#quotes_subcontent p{padding:15px 15px 5px 15px;}
	#source {width:90px; margin:10px 0 0 15px;}
		#cite {  }
		#portrait img {
	position:absolute;
	top:545px;
	left:698px;
}

/* =Sub page content */
#space_text {float:left; width:400px; margin-left:0; margin-right:4px; background-color:#f2f2f2;}
	#sub_nav {
	font-size:1em;
	padding-top:10px;
	padding-right:10px;
	padding-left: 10px;
	text-transform: uppercase;
}
#media_text {float:left; width:801px; margin-left:0; margin-right:4px; background-color:#f2f2f2;}
	#sub_nav {
	font-size:1em;
	padding-top:10px;
	padding-right:10px;
	padding-left: 10px;
	text-transform: uppercase;
}
	#sub_nav a { color:#336699;}
	#sub_nav a:hover{text-decoration:underline; color:#FF6600;}
	#sub_nav li{float:left; padding:1px 4px 1px 4px;border-right: solid #336699 1px;}
	#sub_nav .active2 a {
	color:#FF9900;
	text-decoration:underline;
}
	/* CHANGE */
	#country_in_need {clear:both; padding:15px 0 15px 15px; }
	#country_text p{padding:0 10px 10px 15px;}
 #media_graphics {float:left; width:395px; margin-right:4px; background-color:#f2f2f2;}
/* #media  img {margin:7px 0 0 9px;} */
	#slideshow_links li{
	background-color:#FFFFFF;
	margin:7px;
	width:380px;
}
		.media_links { width:310px;padding-left: 60px;  }
		#slideshow_links dl{padding-bottom:15px; padding-top:10px;}
		#slideshow_links dd{
	font-size:90%;
	padding-top: 3px;
	color: #333333;
}
		.video {
	background-image:   url(../images/media-graphics/tv.gif);
	background-repeat:no-repeat;
	background-position: left center;
	cursor: hand;
}
		.slide {
	background-image:   url(../images/media-graphics/slides.gif);
	background-repeat:no-repeat;
	background-position: left center;
	cursor: hand;
}

/* =Equal column layout */
#mission_subcontent, #impact_subcontent, #quotes_subcontent, #media_text, #media_graphics
	{
	padding-bottom: 30005px;
	margin-bottom: -30000px;
	}
	
/* =Corner layout */
.background-shadow-top { height:21px; background-image:   url("../images/sub-headers/background/top.jpg"); background-repeat:no-repeat; }
.background-shadow-bottom { margin:0px 0px -20px 0px; height:30px; background-image:   url("../images/sub-headers/background/bottom-2.jpg"); background-repeat:no-repeat; clear:both;}
.corner_top { height:5px; background-image:   url("../images/sub-headers/corners/corner-topleft.jpg"); background-repeat:no-repeat ;}
.corner_top span { height:5px; background-image:   url("../images/sub-headers/corners/corner-topright.jpg"); background-repeat:no-repeat right top; position:relative;}
.corner_bottom {height:5px; background-image:   url("../images/sub-headers/corners/corner-bottomleft.jpg"); background-repeat:no-repeat; }
.corner_bottom span {height:5px; background-image:   url("../images/sub-headers/corners/corner-bottomright.jpg"); background-repeat:no-repeat bottom right; position:relative; }
.corners_top {height:4px;background-image:   url("../images/sub-headers/corners/corners-top.png"); background-repeat:no-repeat; }
.corners_bottom {height:4px;background-image:   url("../images/sub-headers/corners/corners-bottom.png"); background-repeat:no-repeat;}

/* =Sub_content Corner layout */
.roundtop { background:    url("../images/sub-headers/corners/topleft.png") no-repeat top right; }
img.corner { width: 6px; height: 6px; border: none; display: block !important;}

/* =Footer */
#site_info {clear:both; width:840px; height:30px; text-align:center; color:#FFFFFF;position: relative;z-index: 90;}
	#site_info a{color:#FFFFFF;}
	#site_info a:hover{color:#86b1ba; text-decoration:underline;}
	#locations {
	margin-top:5px;
	text-align:center;
	font-size: 110%;
}
	#siteinfo_nav {
	font-size:92%;
	text-align:center;
	padding-top: 5px;
}
	#copyright { clear:left; font-size:92%; text-align:center;}
/***********************************************/
/* =Normalizes Browser Styles                   */
/***********************************************/
/*--Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td {
	margin: 0;
	padding: 0;
}
	
/*--Normalize font-size for headers*/

/*--Removes list-style from lists */
ol, ul {list-style: none;}
	
/*--Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}
	
/*--Removes list-style from lists*/
table {border-collapse: collapse;border-spacing: 0;}
	
/*--Removes border from fieldset and img */
fieldset, img {border: 0;}
	
/*--Left-aligns text in caption and th*/
caption, th {text-align: left;}
	
/*--Removes Quotation marks from Q*/
q: before, q: after {content: '';}


/*--Clay Crenshaw css */
#country_text h2{
	font-size:1.4em;
	font-weight:normal;
	padding:10px 15px;
	color:#DC8802;
}
#country_text ul{
	margin-left:60px;
	list-style: disc outside;
	margin-bottom:10px;
	line-height: 1.8em;
	margin-right: 10px;
}
#media {
	margin:7px 0 0 9px;
}
#running_box {
	background-color: #FFFFFF;
	border: 1px dotted #999999;
	line-height: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	padding: 10px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#top_stats {
	background-color: #FFFFFF;
	border: 1px dotted #999999;
	line-height: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 6px;
	margin-left: 12px;
	font-weight: normal;
	color: #CC6600;
	text-align: right;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	float: right;
}
#pageSubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC66;
	text-align: right;
	float: right;
	clear: both;
	margin-right: 12px;
	text-transform: uppercase;
	margin-top: 6px;
}
#pageParthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC66;
	text-align: left;
	float: left;
	clear: both;
	margin-left: 14px;
	text-transform: uppercase;
	margin-top: 6px;
}
.bigger {
	font-size: 125%;	
}
.bigger2 {
	font-size: 175%;
}
#pullQuote {
	background-color: #FFFFFF;
	border: 1px dotted #999999;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 12px;
	font-weight: bold;
	color: #CC6600;
	text-align: right;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	float: right;
	width: 200px;
}
#branding img {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	bottom: 2px;
}
#popuptext {
	position: relative; /* the proper css way to center */
	text-align: left; /* overrides text-align rule on body */
	padding: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
.popupBody {
	text-align: left;
	padding-bottom: 12px;
	font-size: 12px;
}
#popuptext h2 {
	position: relative; /* the proper css way to center */
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;
	background-color: #FFFFFF;
}
#popuptext .popupBody img {
	padding: 14px;
	float: right;
}
#popop_photoright {
	position: relative; /* the proper css way to center */
	text-align: left; /* overrides text-align rule on body */
	padding: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	float: right;
}
#popop_photoleft {
	position: relative; /* the proper css way to center */
	text-align: left; /* overrides text-align rule on body */
	padding: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	float: left;
}
.popupCaption {
	width: 200px;
	font-size: 10px;
}
.storyHeadline {
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}
#membership_nav_austin {
	width:181px;
	position:absolute;
	left: 641px;
	top: 8px;
}
#membership_nav_uk {
	width:100px;
	position:absolute;
	left: 722px;
	top: 8px;
}
#navigation_uk ul  {
	padding-left:40px;
	text-align: center;
}
#navigation_uk li {
	float: left;
	padding:0px 34px 4px 10px;
}
.media_links    a:hover  {
	color: #CC0000;
}
#quote_box {
	background-color: #FFFFFF;
	border: 1px dotted #999999;
	line-height: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	padding: 10px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}