/* Agathos Foundation CSS */

body
{
	background-color: #DEDEDE;
	background-image: url("../images/bg.gif");
	padding: 0px;
	margin: 0px;
}

/* * * TAGS * * */
p, div, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	color: #606060; /* 555, 606060 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; /* false value for WinIE4/5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* correct value */
} html>p, div, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-size: small; /* for opera */
}

a:link { color:#CC9330; text-decoration:none; border-bottom: 0px solid #e0e0e0; } /* CC9033, 5715AD, CC9030 */
a:visited { color:#C99030; text-decoration:none; border-bottom: 0px solid #e0e0e0; } /* D9BD68, CC9033, D9BD68 */
a:hover { color: #cc6039; text-decoration:none; border-bottom: 0px solid #ba9; } /* e96039, f0f3ff */

a.img { border-bottom: 0; }

h1 { font-size: 1.9em; color: #333; padding-top: 12px; } /* font-size: 1.5em; color: #333; */

h2 { font-size: 1.3em; color: #994933; }
h2 a:link { color:#cc6039; border-bottom: 0; } 
h2 a:visited { color:#cc6039; border-bottom: 0; }
h2 a:hover { color: #cc6039; border-bottom: 0; } 

h3 { font-size: 1.1em; color: #444; }
h3 a:link { color:#cc6039; border-bottom: 0; } 
h3 a:visited { color:#cc6039; border-bottom: 0; }
h3 a:hover { color: #cc6039; border-bottom: 0; }

h4 { font-size: 1.0em; color: #444; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; font-weight: normal; }

p { line-height: 1.2; }
td img { display: block; }
img { border: 0; }
form, object { margin:0; padding:0; }
blockquote { 
	/* border-left: 11px solid #eee; 
	padding-left: 11px; */
	border: 1px solid #ddd;
	background: #f9f9f9; /* f9f9f9 */
	margin: 0;
	padding: 10px 20px 10px 25px;
}
blockquote p { color: #727272; }
hr { color:#ccc; background-color:#ccc; border:0; height:1px; }
small { font-size: 0.9em; color: #bbb;}

input { margin:0; padding:0; }
input.text {  
	background-color: #F6F6F6; 
	border: 1px solid #B0B0B0;
	color: #5C5656;
	height: 18px;
}
input.button { }
input.image { }
input.fieldset { }
input.textarea { }
input.select { }
input.checkbox { }
input.radio { }
input.file { }

table { margin-left: 0px; margin-right: 0px; border-collapse: collapse; width: 100%; }
td, th { margin: 0; padding: 4px 7px 5px 5px; border-bottom: 1px solid #e3e3e3; }
th { text-align: left; border-bottom: 1px solid #999; }
td { vertical-align: top;}

/* * * CLASSES * * */
.hide { display: none; }
.center { text-align: center; }
.highlight { background-color: #eee; }
.smaller { font-size: 0.8em; }
.submit {}
.clear-hack {clear: left; line-height: 0; height: 0;}
.no-decoration { text-decoration: none; border: 0; }
.no-decoration:link { text-decoration: none; border: 0; }
.no-decoration:visited { text-decoration: none; border: 0; }
.no-decoration:hover { text-decoration: none; border: 0; }
.credit { 
	font-size: 0.9em; 
	font-style: italic;
	font-weight: bold;
	margin-top: 0.5em; 
	padding-right: 2em;
	line-height: 1.2em;
	text-align: right; 
}
.adobe {
	background: url("../images/adobe.gif") no-repeat 13px 10px;
	border: 1px solid #ddd;
	padding: 8px 6px 9px 56px;
	margin: 5px 0px 5px 0px;
	width: 250px; /* 200 */
}
.adobe a {
	font-weight: normal;
}
.thumbs img {
	border: 3px solid #eee;
}
.online-giving {
	display: block;
	background: #ddd;
	background: url("../images/donate-online.png") no-repeat left top;
	text-align: left;
	text-indent: -9999px; /* removes the text link (must align left) */
	height: 55px;
	width: 164px;
}
.village {
	color: #974722;
	color: #a7532c;
}

/* * * SYSTEM * * */
#notice {
	border: 1px solid #eee;
	padding: 5px;
	margin: 5px;
	text-align: left;
	font-weight: normal;
	color: #c10;
}

/* * * CONTAINERS * * */
#shadow-sides {
	/*background: url(../img/shadows.gif) repeat-y left top;*/
	/*margin: 0px auto 4px auto;*/
	margin-left: auto;
	margin-right: auto;
	width: 860px;
}
#shadow-top {
	/*background: url(../img/shadow-top.gif) no-repeat left top;*/
	height: 16px; /* 31, 18 */
	width: 860px;
}
#stripes {
	background:  url("../images/stripe.gif") repeat left top; 
	margin-bottom: 1px; /* 1px */
	height: 6px;
	width: 798px;		
}
#shadow-bottom {
	/*background: url(../img/shadow-bottom.gif) no-repeat left top;*/
	height: 0px; /* 5, 12, 31 */
	width: 860px;
}
#wrapper {
	background-color:#fff;
	border: 2px solid #B6B6B6; /* 1px bbb */
	border-bottom: 1px solid #B6B6B6; /* #a99 */
	margin: 0px 31px 0px 31px; 
	/*text-align: left;   for IE */
	width: 802px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 798px; /* actual */
}

/* * * HEADER * * */
#header {
	background:  url("../images/dots.gif") repeat-x left top;
	margin: 0px 18px 0px 18px;
	height: 82px; 
}
/* Hide from IE5 Mac \*/
#logo {
	position: absolute;
	top: 27px;
	height: 82px;
	width: 200px; 
}
/* end hack */
#logo h2 {
	position: absolute;
	background:  url("../images/logo.gif") no-repeat left top; 
	text-indent: -9999px; /* removes the text link */
	padding: 0;
	margin: 0;
	height: 82px;
	width: 200px;
}
#logo a {
	display: block; 
	text-decoration: none; 
	height: 82px;
	width: 200px;
	border-bottom: 0;
}
#logo a:hover {
	background: transparent;
	border-bottom: 0;
}
#tag p {
	display: block;
	background:  url("../images/tag.gif") no-repeat left top; 
	text-indent: -9999px; /* removes the text link */
	padding: 0;
	margin: 0;
	margin-left: 200px;
	height: 75px;
	width: 250px;
}
#search {
	float: right;
	text-align: right;
	vertical-align:top;
	padding: 12px 5px 0px 0px;
	height: 82px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 70px; /* actual */
	width: 300px; 
}
#search p {
	line-height: normal;
	margin: 0;
	padding: 0;
}
#search a {
	font-weight: bold;
	font-size: 11px;
	border-bottom: 0;
	color: #666;
}

/* * * BANNER * * */
#banner {
	margin: 0px 18px 0px 18px;
	padding: 9px 9px 12px 10px; /* bottom: 10 */
	background:  url("../images/left-fade.gif") no-repeat left bottom;
	border-right: 1px solid #E8E8E8;
	border-top: 1px solid #fff;
	/*border-bottom: 1px solid #f8f8f8; */
}
/* temporary */
#how-to-give {
	margin-left: 36px;
	position: absolute;
	top: 117px;
	display: block;
	height: 32px;
	width: 135px;
}
#how-to-give:link { border: none; }
#how-to-give:visited { border: none; }
#how-to-give:hover { border: none; }

/* * * NAV * * */
#nav {
	margin: 0px 18px 0px 18px;
	padding: 0;
	border-top: 1px solid #C6C6C6; /* C4C4C4 */
	border-bottom: 1px solid #C6C6C6;
	/*text-align: center;*/
}
#nav a { /* for IE5 Mac */
	border-bottom: 0;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 2.5em;
	color: #3C3C3C; /* 444, 3C3C3C, 5D5D5D */
}
/* Hide from IE5 Mac \*/
#nav a { 
	display: block;
	border-bottom: 0;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: normal;
	color: #3C3C3C; 
}
/* end hack */
#nav li { 
	float: left; /* makes horizontal menu possible */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #5D5D5D;
	margin: 0;
	padding: 0;
	margin-right: 10px; /* 11, 15, 27 */
	/* border: 1px solid #933; */
	/*width: 10em;  width needed or else Opera goes nuts */
}
#nav ul { /* list level 1 */
	background:  url("../images/nav.gif") repeat left top;
	list-style: none;
	margin: 1px 0px 1px 0px;
	padding: 1px 8px 3px 38px; /* top: 8px */
	line-height: 1em;
	height: 1.7em;
}
#nav li a {
	margin: 0;
	padding: 6px 9px 6px 9px; /* 6px 9px 6px 9px */
	border-left: 1px dotted #ddd;
}
#nav li a:hover {
	background: transparent;
	background-color: #f04939; /* f65239 */
	border-left: 1px solid #ddd;
	color: #fff;
}
#nav li ul { /* drop-down lists */
	border-top: 1px solid #d9d9d9;
	background: transparent;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 136px;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li ul li {
	margin: 0;
	padding: 0;
	width: 136px; /* 122 */
}
#nav li ul li a {
	margin: 0;
	padding: 6px;
	background: #eeeef1; /* IE6 Bug ; #f3f3f3 */
	border: 1px solid #a9a9a9;
	border-top: 0;
	width: 136px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 122px; /* actual */
}
#nav li ul li a:hover {
	background-color: #f65239;
}
#nav li ul ul {
	margin: -2em 0 0 135px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul { 
	left: -999em; 
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	left: auto; 
}

/* * * CONTENT * * */
#content {
	margin: 0px 18px 0px 18px;
	padding: 1px 1px 25px 1px; /* Firefox bug fix ?? */
	background:  url("../images/content-bg.gif") repeat-y left top;
}
#content-home {
	margin: 0;
	padding: 0;
	/*border-right: 1px solid #C6C6C6;*/
	/*width: 580px;*/
}
#content-internal {
	margin: 23px; /* 23 */
	padding: 0;
	width: 520px;
	min-height: 350px;
}
#subnav {
	text-align: right;
	list-style: none;
}
#subnav ul {
	list-style: none;
}
#subnav li {
	background:  url("../images/dot-border.gif") repeat-x left top;
	line-height: 20px;
	padding-top: 1px;
}
#subnav li a {
	display: block;
	padding-right: 2px;
	padding-left: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3C3C3C; /* 202020 */
	border: 0;
	width: 140px;
}
#subnav li a:hover {
	background-color: #FFFCF6; /* F0D680 */
}
#subnav .in-view a { 
	background-color: #f6f6f6; 
	font-weight: bold; 
}
#content-right {
	float: right;
	padding-top: 39px;
	width: 180px; /* 176, 181 - IE needs 5px between */
	/*border-left: 1px solid #C6C6C6;*/
}
#content-left {
	float: left; /* wrong in IE */
	background:  url("../images/africa.gif") no-repeat left top;
	width: 260px; /* 260 */
	height: 300px;
}

#ocov-logo {
	margin: 46px 10px 25px 56px; /* top 78 */
	padding: 0;
}
#ocov-logo a:link { border: none; }
#ocov-logo a:visited { border: none; }
#ocov-logo a:hover { border: none; }

#ocov-list {
	list-style-type: none;
	padding: 8px 5px 5px 23px;
}
#ocov-list li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 10px;

}
#ocov-list li a {
	/*color: #474747;
	font-weight: bold; */
	color: #2c2c2c;
	text-decoration: underline;
	border-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#news {
	/*border-left: 1px solid #C6C6C6;*/
	margin-left: 280px; /* 285 */
	padding: 0; /* 39px 15px 16px 15px */
	width: 290px; /* 285 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 285px; /* actual */
}
#news h2 {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 23px; /* 24 */
	margin: 25px 15px 5px 2px;
	padding: 0;
	letter-spacing: -0.5px;
	color: #E9D072; /* E8CD75, E6CC73 */
	border-bottom: 1px solid #e3e3e3;
}
#news p {
}
#news p.news {
	line-height: normal;
	font-weight: bold;
	font-size: 11px;
	margin-left: 2px;	
}
#news a {
	font-weight: bold; 
}
#news-menu {
	float: left;
}
#news-menu ul {
	list-style: none;
	margin: 0px 20px 15px -2px;
	padding: 0;
	width: 160px;
}
#news-menu li {
	background:  url("../images/dot-border.gif") repeat-x left top;
	border-right: 1px solid #e0e0e0;
	line-height: 20px;
	padding-top: 1px;
	width: 160px;
}
#news-menu li a {
	display: block;
	padding-right: 2px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3C3C3C; /* 202020 */
	border: 0;
	width: 155px;
}
#news-menu li a:hover {
	background-color: #FFFCF6; /* F0D680 */
}
#news-menu li.in-view {
	border-right: 2px solid #f6f6f6;
}
#news-menu .in-view a { 
	background-color: #f6f6f6; 
	font-weight: bold; 
}

#subscribe {
  padding: 0px 11px 6px 6px;
	text-align: right;
}
#subscribe input.text {
  margin-top: 2px;
  margin-bottom: 6px;
	width: 150px;
}
#subscribe p {
  margin: 0;
  padding: 0;
}

#login {
	/*padding: 0px 11px 6px 6px;
	text-align: right;*/
}
#login input.text {
	/* margin-bottom: 5px;
	width: 150px;*/
}
#login p {
	/*margin: 0;
	padding: 0;*/
}

#video {
	border-top: 1px solid #CCC; /* C6C6C6 */
	padding: 10px; /* 11px 10px 10px 6px */
}
#news-right {
	border-top: 1px solid #CCC; /* C6C6C6 */
	padding: 5px 6px 4px 16px; /* 11px 10px 10px 6px */
}

/* * * FOOTER * * */
#footer {
	background-color: #974722;
	background:  url("../images/footer-bg.gif") repeat-x left top;
	border-top: 1px solid #ccc;
	color: #ac9c9c; 
	font-size: 11px;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	padding: 21px 21px 15px 21px; /* 21 */
	height: 89px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 51px; /* actual (was 51) */
	/*height: 60px;*/
}
html>#footer {
	height: 51px;
}
#footer a {
	color: #d9d9d9;
	border-bottom: 0;
	font-weight: normal;
	line-height: 1.5em;
}
#left-corner {
	height: 7px;/* bgcolor this div only */
	background: #974722 url("../images/bl-corner.gif") no-repeat left bottom; 
}
#right-corner {
	height: 7px;
	background: url("../images/br-corner.gif") no-repeat right bottom; 
}
#micah img {
	float: left;
	display: block;
	margin: -2px 26px 0px 20px;
	/*border: 1px solid #aaa;*/
}
#aerdo img {
	float: left;
	display: block;
	margin: 3px 28px 0px 1px;
	/*border: 1px solid #aaa;*/
}
blockquote#statistics strong {
  color: #CA5; 
  font-family: geneva,arial,sans-serif; 
  font-size: 20pt; 
  float:left; 
  margin-right: 30px;
}

.editable-region {
  margin: 5px;
  padding: 10px;
  border: 2px dotted #ddd;
}
.content-controls {
  text-align: right;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  margin-bottom: 18px;
}
.region-name {
  float: left;
  text-transform: uppercase;
  color: #bbb;
}