/****************/
/* General HTML */
/****************/
html { width:100%; margin:0; padding:0; }

body {
	font-size:.7em;
	line-height:1.6em;
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
	color:#666; 
	background:#e2e2e2 repeat-y center url(../images/layout/body-bg.gif);
	background-color:#e2e2e2;
	text-align: center;
}

h1, h2, h3 { margin-bottom: .3em; }
h1 { font-size:1.8em; color:#00B6E4; margin-top: 0; line-height:1.2em; }
h2 { font-size:1.6em; margin-top: 1em; line-height:1.2em; }
h3 { font-size:1.4em; margin-top: 1em; }

p { margin-top:0; margin-bottom:1em; margin-right:1em; font-size:1.2em; }

/*a { text-decoration:none; color:#0046ad; }*/
a { text-decoration:none; color:#00afd8; }
a:hover { text-decoration:underline; }

ul { list-style-image: url(../images/layout/ul_dot.gif); font-size:1.2em; margin:0 10px 10px 20px; padding:0; }
li { margin:0 0 2% 0; padding:0; }

li p { font-size:1em; }

ul ul { list-style-image: url(../images/layout/ul_dot.gif); font-size:1em; margin:10px 10px 10px 40px; padding:0; }

ol { font-size:1.2em; margin:0 10px 10px 30px; padding:0; }

ol ol { font-size:1em; margin:10px 10px 10px 40px; padding:0; }



ol ul { font-size:1em; margin:10px 10px 10px 40px; padding:0; }

ul ol { font-size:1em; margin:10px 10px 10px 40px; padding:0; }

table { font-size:1.2em; margin-bottom:1em; }
td { background-image:url(../images/layout/dashed_border_bot.gif); background-repeat:repeat-x; }
th { text-align:left; }

span.nobreak { white-space: nowrap; }
/***********************************************/


/*************/
/* Structure */
/*************/
#container { 
	width:774px;
	margin: 0 auto;
	text-align:left;
	background-color:#fff;
	padding: 0;
}

#header { width:774px; margin: 0 auto; background-color:#fff; }
#logo { margin: 24px 20px 0 20px; }
#contentcontainer { 
	background-color:#fff;
	border-left-width:10px;
	border-left-style:solid;
	border-top-width:10px; 
	border-top-style:solid; 
}

#content { width:585px; position:relative; float:right; }
#footer {
	padding:5px;
	background-color:#666;
	clear:both;
	color:#fff;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	text-align:center;
}
#footer a { 
	color:#fff; text-decoration:none;
}

#footer a:hover { text-decoration:underline; }
/***********************************************/


/*************/
/* Colours   */
/*************/
.csstogive { background-color:#e2405e; }
.csstogiveBorder { border-color:#e2405e; }
.csstogivelight { background-color:#ee8c9e; }

.cssdonate { background-color:#0045ae; }
.cssdonateBorder { border-color:#0045ae; }

.cssways { background-color:#ee6c38; }
.csswaysBorder { border-color:#ee6c38; }
.csswayslight { background-color:#f5a788; }
.cssmore { background-color:#ee6c38; }
.cssmoreBorder { border-color:#ee6c38; }
.cssmorelight { background-color:#f5a788; }

.cssOurStories, .cssourstories { background-color:#558c4c; }
.cssourstoriesBorder { border-color:#558c4c; }
.cssourstorieslight { background-color:#b2cbae; }

.cssevents { background-color:#d4c700; }
.csseventsBorder { border-color:#d4c700; }

.cssnews { background-color:#ee4a9e; }
.cssnewsBorder { border-color:#ee4a9e; }

.cssabout { background-color:#31636e; }
.cssaboutlight { background-color:#a2b9be; }
.cssAboutUs { background-color:#31636e; }
.cssaboutBorder { border-color:#31636e; }

.cssgrants { background-color:#7e878e; }
.cssgrantsBorder { border-color:#7e878e; }


/**********************************/
/* Top Menu                       */
/* (above our standard blue menu) */
/**********************************/
#top_menu { width:600px; height:16px; position:relative; float:right; text-align:right; margin-top:60px;
	line-height:16px; font-size:11px; margin-right:5px; margin-bottom:7px; }
#top_menu img { border:0; }

#top_menu, #top_menu a {color: #0045ae;}
#top_menu a {text-decoration:underline; margin-right:1px; margin-left:1px;}
#top_menu a:hover {text-decoration:none;}

#top_menu fieldset { border:0;}
#top_menu legend {display:none;}

#top_menu	.my			{ padding-left:11px; background: no-repeat url(../images/layout/icons/top_nav/my.gif)}
#top_menu 	.letter		{ padding-left:13px; background: no-repeat url(../images/layout/icons/top_nav/letter.gif)}
#top_menu 	.contact	{ padding-left:14px; background: no-repeat url(../images/layout/icons/top_nav/contact.gif)}
#top_menu	.shop		{ padding-left:17px; background: no-repeat url(../images/layout/icons/top_nav/shop.gif)}
#top_menu 	.search		{ padding-left:14px; background: no-repeat url(../images/layout/icons/top_nav/search.gif)}
#top_menu	.form-text	{ font-size:10px; width:90px; border:1px solid #7e878e; margin-left:6px; padding:2px;}
#top_menu	.form-button{ font-size:9px; background-color:#00B6E4; border:1px solid #00B6E4; width:25px; height:19px; 
						  font-weight:bold; color:#FFFFFF; cursor:pointer; margin:0 7px; padding-bottom:1px;}
#top_menu .form-button:hover{background-color:#666; border:1px solid #666;}
/***********************************************/


/********/
/* Menu */
/********/
#menu {
	font-family: Tahoma, Arial, sans-serif;
	display:block;
	height:35px;
	width:774px;
	clear:both;
	margin:0;
	padding:0;
	margin: 0 auto;
	background:#fff; 
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	height:35px;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
}

#menu a, #menu span{
	background-color:#00B6E4;
	background-position:center center;
	background-repeat:no-repeat;
	margin-top:5px;
	display:block;
	float:left;
	height:30px;	
}

#menu a:hover, #menu span  {
	margin-top:0px;
	height:35px;
}
#menu span { cursor:default; }
#menu span span, #menu a span{ display:none;}

#menu a{ background-position:top; }
#menu a:hover, #menu span{ background-position:bottom; }

.m1 a, .m1 span{width:92px;		background-image:url(../images/menu/1.gif); margin-right:1px; }
.m2 a, .m2 span{width:107px;	background-image:url(../images/menu/2.gif); margin-right:1px; }
.m3 a, .m3 span{width:145px;	background-image:url(../images/menu/3.gif); margin-right:1px; }
.m4 a, .m4 span{width:95px;		background-image:url(../images/menu/4.gif); margin-right:1px; }
.m5 a, .m5 span{width:63px;		background-image:url(../images/menu/5.gif); margin-right:1px; }
.m6 a, .m6 span{width:113px;	background-image:url(../images/menu/6.gif); margin-right:1px; }
.m7 a, .m7 span{width:80px;		background-image:url(../images/menu/7.gif); margin-right:1px; }
.m8 a, .m8 span{width:72px;		background-image:url(../images/menu/8.gif); margin-right:0;}

#menu .m1 a:hover, #menu .m1 span{background-color:#E2405E;}
#menu .m2 a:hover, #menu .m2 span{background-color:#0045AE;}
#menu .m3 a:hover, #menu .m3 span{background-color:#EE6C38;}
#menu .m4 a:hover, #menu .m4 span{background-color:#558C4C;}
#menu .m5 a:hover, #menu .m5 span{background-color:#D4C700;}
#menu .m6 a:hover, #menu .m6 span{background-color:#EE4A9E;}
#menu .m7 a:hover, #menu .m7 span{background-color:#31636E;}
#menu .m8 a:hover, #menu .m8 span{background-color:#7E878E;}
/***********************************************/


/**************/
/* Side Menu: */
/**************/
.sidemenu { width:164px; float:left; font-family:Tahoma, Arial, Sans-Serif; }
.sidemenu img { border:none; }
.sidemenu ul { background-color:white; margin:0; list-style:none; padding:0; list-style-image:none; }

/*Menu item default appearance - this is the base class, */
.sidemenu ul li { margin:0; border-bottom:solid 1px #fff; 
					font-size:11px; line-height:11px; list-style:none; }

/*Clickable menu item default appearance:*/
.sidemenu ul li a { color:#fff; display:block; background-color:#26C1E8; padding: 6px 3px 6px 7px; text-decoration:none; }

/*Menu item rollover state appearance:*/
.sidemenu ul li a:hover {  background-color:#666666; text-decoration:none; }

/*Selected menu item default appearance*/
.sidemenu ul li.cssMenuSelected { color:#fff; font-weight:bold; padding: 6px 3px 6px 7px; }

/*Sub-menu item default appearance:*/
.sidemenu ul li span a { color:#fff; display:block; padding: 6px 3px 6px 7px; }



/*Extends clickable menu item default appearance to Donate Now sub menu appearance*/
.sidemenu ul li a.cssSub { background-color:#a3bce2; color:#333; }

/*Extends menu item rollover state appearance to Donate Now sub menu rollover appearance*/
.sidemenu ul li a.cssSub:hover { background-color:#8cabda; }

/*Extends selected menu item default appearance with forced override on the font colour*/
.cssSubSelected { background-color:#8cabda; color:#333333!important; }



/***************************/
/*To Give menu overrides  */
/***************************/
/*Clickable menu heading for To Give submenus (when sub-menu heading is NOT selected)*/
.sidemenu ul li span a.cssToGive { background-color:#e2405e; font-weight:bold; }

/*Extends clickable menu item default appearance to To Give sub menu appearance*/
.sidemenu ul li a.cssSubToGive { background-color:#f2a9b6; color:#333; }

/*Extends menu item rollover state appearance to To Give sub menu rollover appearance*/
.sidemenu ul li a.cssSubToGive:hover { background-color:#ee8c9e; }

/*Extends selected menu item default appearance with forced override on the font colour*/
.cssSubToGiveSelected { background-color:#ee8c9e; color:#333333!important; }


/***************************/
/*Donate Now menu overrides*/
/***************************/
/*Clickable menu heading for Donate Now submenus (when sub-menu heading is NOT selected)*/
.sidemenu ul li span a.cssDonateNow { background-color:#0045ae; font-weight:bold; }

/*Extends clickable menu item default appearance to Donate Now sub menu appearance*/
.sidemenu ul li a.cssSubDonateNow { background-color:#a3bce2; color:#333; }

/*Extends menu item rollover state appearance to Donate Now sub menu rollover appearance*/
.sidemenu ul li a.cssSubDonateNow:hover { background-color:#8cabda; }

/*Extends selected menu item default appearance with forced override on the font colour*/
.cssSubDonateNowSelected { background-color:#8cabda; color:#333333!important; }


/****************************/
/*More Ways menu overrides  */
/****************************/
/*Clickable menu heading for More Ways submenus (when sub-menu heading is NOT selected)*/
.sidemenu ul li span a.cssMoreWays { background-color:#ee6c38; font-weight:bold; }

/*Extends clickable menu item default appearance to More Ways sub menu appearance*/
.sidemenu ul li a.cssSubMoreWays { background-color:#f7bda5; color:#333; }

/*Extends menu item rollover state appearance to More Ways sub menu rollover appearance*/
.sidemenu ul li a.cssSubMoreWays:hover { background-color:#f5a788; }

/*Extends selected menu item default appearance with forced override on the font colour*/
.cssSubMoreWaysSelected { background-color:#f5a788; color:#333333!important; }


/*******************************/
/* News & Media menu overrides */
/*******************************/
/*Clickable menu heading for News & Media submenus (when sub-menu heading is NOT selected)*/
.sidemenu ul li span a.cssNewsMedia { background-color:#ee4a9e; font-weight:bold; }

/*Extends clickable menu item default appearance to News & Media sub menu appearance*/
.sidemenu ul li a.cssSubNewsMedia { background-color:#a3bce2; color:#333; }

/*Extends menu item rollover state appearance to News & Media sub menu rollover appearance*/
.sidemenu ul li a.cssSubNewsMedia:hover { background-color:#8cabda; }

/*Extends selected menu item default appearance with forced override on the font colour*/
.cssSubNewsMediaSelected { background-color:#8cabda; color:#333333!important; }


/***********************/
/* About Us overrides  */
/***********************/
/*Clickable menu heading for About Us submenus (when sub-menu heading is NOT selected)*/
.sidemenu ul li span a.cssAboutUs { background-color:#31636e; font-weight:bold; }

/*Extends clickable menu item default appearance to About Us sub menu appearance*/
.sidemenu ul li a.cssSubAboutUs { background-color:#a3bce2; color:#333; }

/*Extends menu item rollover state appearance to About Us sub menu rollover appearance*/
.sidemenu ul li a.cssSubAboutUs:hover { background-color:#8cabda; }

/*Extends selected menu item default appearance with forced override on the font colour*/
.cssSubAboutUsSelected { background-color:#8cabda; color:#333333!important; }


/*************************/
/* Our Stories overrides */
/*************************/
/*Clickable menu heading for Our Stories submenus (when sub-menu heading is NOT selected)*/
.sidemenu ul li span a.cssOurStories { background-color:#558c4c; font-weight:bold; }

/*Extends clickable menu item default appearance to Our Stories sub menu appearance*/
.sidemenu ul li a.cssSubOurStories { background-color:#a3bce2; color:#333; }

/*Extends menu item rollover state appearance to Our Stories sub menu rollover appearance*/
.sidemenu ul li a.cssSubOurStories:hover { background-color:#8cabda; }

/*Extends selected menu item default appearance with forced override on the font colour*/
.cssSubOurStoriesSelected { background-color:#8cabda; color:#333333!important; }
/***********************************************/

/***************************/
/*Grants menu overrides  */
/***************************/
/*Clickable menu heading for Grants submenus (when sub-menu heading is NOT selected)*/
.sidemenu ul li span a.cssGrantsMenu { background-color:#7E878E; font-weight:bold; }

/*Extends clickable menu item default appearance to Grants sub menu appearance*/
.sidemenu ul li a.cssSubGrants { background-color:#c5c9cc; color:#333; }

/*Extends menu item rollover state appearance to Grants sub menu rollover appearance*/
.sidemenu ul li a.cssSubGrants:hover { background-color:#b2b7bb; }

/*Extends selected menu item default appearance with forced override on the font colour*/
.cssSubGrantsSelected { background-color:#b2b7bb; color:#333333!important; }


/****************/
/* Top toolbar: */
/****************/
.addthis { position:relative; float:right; width:85px; margin-right:5px; margin-top:7px; }
.fontsize { position:relative; float:right; width:125px; text-align:right; margin-right:15px; margin-top:7px; }
/***********************************************/


/********************/
/* Right Navigation */
/********************/
#right_nav {
	font-size:1.03em;
	clear:right;
	margin:20px 0 0 0;
	padding:0;
	width:150px;
	float:right;
	margin-left:.5em;
	margin-bottom:2em;
	background-image:url(../images/layout/home_module_bg.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

#right_nav li {
	list-style-image: none;
	margin:0em;
	padding:0em;
	list-style:none;
	list-style-type:none;
}
#right_nav h2 {
	font-size:1.4em;
	color:#666;
	margin:0;
	padding:0;
}

#right_nav a {
	padding:.5em;
	display:block;
	background-image:url(../images/layout/dashed_border_bot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#right_nav li.header {
	border-bottom:2px solid #E2405E;
	background-color:#FFFFFF;
}

#right_nav li.footer {
	border-bottom:2px solid #E2405E; height:23px;
}

.footer_more { 
	text-align:center; 
	background-color:#E2405E; 
	width:40px; 
	min-width:40px;
	position:relative; 
	float:right; 
	font-size:10px; 
	line-height:16px; 
	margin-top:8px; 
	height:15px; 
	min-height:15px;
}

.footer_more a { background-image:url()!important; padding:0!important; color:white; }
/***********************************************/


/********************/
/* Page Header      */
/********************/
#content_header {
	border-right-width:10px;
	border-right-style:solid;
	height:125px;
	min-height:125px;
	max-height:125px;
	background-position:right bottom;
	background-repeat:no-repeat;
}
#content_header h1 {
	padding:0;
	margin:30px 0 0 0;
	font-size:30px;
	font-family:  Arial, sans-serif;
	color: #26C1E8;
}
#content_header h2 {
	margin:5px 0 0 0;
	padding:0;
	font-size:12px;
	font-family:Georgia, Times, serif;
	font-weight:normal;
	color: #0046ad;
}
/***********************************************/




/***********************************************/
/* Button rollover */
.cursor { cursor: pointer; }
/***********************************************/



/***********************************************/
/* dotted line division with background shading: */
.cssdivider { background-image:url(../images/layout/dashed_border_bot.gif); height:1px; min-height:1px; line-height:1px; font-size:1px; clear:left; }
.cssshading{
	border:solid 1px white;
	background-image:url(../images/layout/home_module_bg.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:5px;
}
/***********************************************/

/* story_list */
.story_list {margin:0 0 2em 0; padding:0; list-style:none;  }
.story_item { 
	padding-bottom:1em; 
	/*background-image:url(../images/layout/home_module_bg.jpg); */
	/*background-repeat:no-repeat; */
	/*background-position:bottom right; */
}
.story_item img {
	float:left;
	border-right-width:5px; 
	border-right-style:solid; 
	border-bottom-width:5px; 
	border-bottom-style:solid;
	border-left:none;
	border-top:none;
	margin:0 10px 5px 0;
}

.story_item p { margin-bottom:0; }
.story_item a { color:#7E878E; }
.story_item a:hover { color:#00B6E4; }

.story_archive div { width: 90px; position: relative; float: left; margin-bottom:2em; text-align:center; }
.story_archive div img { display: block; margin:0 auto; border:none; }


ul.ulbullets { }
ul.ulbullets ul { }
ol.olletters { list-style-type:upper-alpha!important; font-size:.9em; }
ol.olletters li p { font-size:1.2em; }
.simpleform { margin-right:15px; }
.simpleform th { padding: 2px 3px; }
.simpleform td { padding: 2px 3px; }
.spacedcells td { padding-right:25px; }
.norightpadding th { padding: 7px 25px 7px 0; }
.norightpadding td { padding: 7px 25px 7px 0; }
.withshading th { text-align:center; background-color:#eeeeee; border-right:solid 1px #cccccc; padding: 7px 7px 7px 7px; }
.withshading td { text-align:center; border-right:solid 1px #cccccc; padding: 7px 7px 7px 7px; }


.importantbox { border-width: 3px; border-style:solid; padding:10px; margin-right:30px; text-align:center; font-weight:bold; }

a.donate{ 
	background-color:#0045AE; 
	border:2px solid #00B6E4; 
	font-weight:bold; 
	padding:1px 3px; 
	color:#FFFFFF; 
	white-space: nowrap;
	line-height:2em;
}

.sideborder { 
	border-right-width:10px; 
	border-right-style:solid; 
	border-bottom-width:10px; 
	border-bottom-style:solid; 
	margin:0 20px 10px 0;
}
.sideborderthin { 
	float:left;
	border-right-width:5px; 
	border-right-style:solid; 
	border-bottom-width:5px; 
	border-bottom-style:solid;
	border-left:none;
	border-top:none;
	margin:0 10px 5px 0;
}

.sidebordercaption { 
	float:left; 
	position:relative; 
	padding:0 10px 7px 0;
	text-align:right;
	font-size:1.2em;
	margin: 0 20px 10px 0;
	color:#fff;
}

.sidebordercaption p { margin:0 0 0 5px; font-size:.8em; line-height:1.2em; text-align:left; }
.sidebordercaption span { font-size:.8em; }
.sidebordercaption a { color:#fff; }
.sidebordercaption img { display:block; margin-bottom:7px; }

.clearer { clear:both; height:1px; line-height:1px; font-size:1px; }
.leftclearer { clear:left; height:1px; line-height:1px; font-size:1px; }

/* Fast Fact Box */
.fast-fact-container-right { width:420px; }
.fast-fact-container, .fast-fact-container-right { border-style:solid; border-width:2px; margin-right:15px; margin-bottom:15px; background-color:white; }
.fast-fact { margin:0; text-align:right; border-bottom-style:solid; border-bottom-width:1px; }
.fast-fact h1 { padding:6px; font-size:1.4em; color:#FFFFFF; margin:0px; text-align:left; }
.fast-fact p { margin:10px; text-align:left; }
.fast-fact ul { text-align:left; }
.fast-fact img { float:left; border:1px solid #ccc; border-width:0 5px 5px 0; margin:1em; margin-bottom:.3em; }

.morecontainer { height:12px; position:relative; }
.moredot { position: absolute; bottom: 0; right: 60px; font-size:1px; line-height:1px; height:8px; width:6px; }
.more { position: absolute; bottom: 0; right: 0; width:60px; font-size:9px; line-height:9px; height:12px; text-align:center; }
.more a { position:absolute; bottom:0; left:8px; color:#fff; }

/* Block Quote */
blockquote {
	float:left;
	width:15em;
	color:#00B6E4;
	font-size:1.7em;
	line-height: 1.2em;
	padding:0;
	margin:0;
	margin-right:1em;
	background-image:url(../images/layout/icons/quote_open.gif);
	background-repeat:no-repeat;
	text-align:left;
}

blockquote.right { float:right; }

blockquote div {
	padding:1em 1.5em;
	background-image:url(../images/layout/icons/quote_close.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}

blockquote div span {
	font-size:.8em;
}

/****************************************************/
/* Donate Now */
.donate-container { margin-bottom:20px; }

.donate-box-header {
	min-height: 8px;
	height: 8px;
	background: #e0e2e3 url(../donate/images/gradBox_01.png) no-repeat;
	font-size:1px;
	line-height:1px;
}

.donate-box-footer {
	min-height: 8px;
	height: 8px;
	background: #e0e2e3 url(../donate/images/gradBox_03.png) no-repeat;
	font-size:1px;
	line-height:1px;
}

.donate-box-container {
	width:250px; 
	position:relative;
	float:left;
}

/*extends donate-box-container if item is on the left to provide space between columns*/
.donate-box-margin { margin-right:40px; }

.donate-box-container h2 { width: 250px; text-align:center; }

.donate-box {
	min-height: 108px;
	height: 108px;
	border-right: solid 1px #818a8f;
	border-left: solid 1px #818a8f;
	border-bottom:0;
	border-top:0;
	background: #e0e2e3 url(../donate/images/gradBox_02.png) no-repeat; 
	text-align:center;
}

.donate-box p { margin:0 12px; }
.donate-box img { margin-top: 10px; }
.addresscol1 { float:left; width:290px; }
.addresscol2 { float:left; width:200px; }
.signaturecol1 { float:left; width:150px; }
.signaturecol2 { float:left; width:150px; }