body {background:#3b2118;font-size: 62.5%;text-align:center; font-family: Arial, Helvetica, sans-serif;}
html,body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
#container {width:890px; margin: 0 auto;text-align:left;font-size: 12px;}

#header {width:890px;background:url(../images/header.gif) no-repeat;width:890px;height:165px;}
#header img {float:left;margin:0px 0px 0px 25px;}
#header div.logo {float:left;width:209px;height:143px;background:url(../images/logo.jpg) no-repeat;margin:0px 0px 0px 25px;}
#header div.logo p { text-align: right;width:75%;margin:120px 0px 0px 0px;}
#header div.why {width:300px;_width:290px;float:left;margin:130px 0px 0px 0px;}
#header div.why a, #header div.why a:visited {color:#000;text-decoration: none;}
#header div.why a:hover {text-decoration:underline;}

#nav {width:870px;margin:0 auto;height:40px;background:url(../images/nav.gif) repeat-x;}
#nav ul {list-style:none;float:left;margin:0px 0px 0px 8px;}
#nav ul li  {float:left;color:#787676;line-height:40px;}
#nav ul li a, #nav ul li a:visited {color:#7bc2e2;padding:0px 17px 5px 17px;font-weight:700;font-size:14px; text-decoration: none;}
#nav ul li a:hover {color:#e6ae23;}

body#service-pg #nav ul li a.service-cr, body#home-pg #nav ul li a.home-cr, body#about-pg #nav ul li a.about-cr,
body#partners-pg #nav ul li a.partners-cr, body#rwanda-pg #nav ul li a.rwanda-cr, body#projects-pg #nav ul li a.projects-cr,
body#contact-pg #nav ul li a.contact-cr, body#donate-pg #nav ul li a.donate-cr {color:#e6ae23;}

#top-nav {width:288px;float:right;margin:8px 11px 0px 0px;height:101px;background:url(../images/orangedonate.gif) no-repeat;display: inline;}  
#top-nav a {display: block;width:288px;height:101px;}
#top-nav div.news h2 {font-size:12px;}
#top-nav ul#tabsTop {list-style: none;float:right;width:70px;}
#top-nav ul#tabsTop li {float:left;width:19px;height:80px;padding:5px 0px 5px 2px;_padding:5px 0px 5px 0px;margin:0px 7px 0px 5px;display:inline;}   
#top-nav ul#tabsTop li form.topd {width:19px;height:80px;padding:15px 0px 5px 0px;float:left;}
#top-nav ul#tabsTop li.news {background:url(../images/news-link.gif) 50% 100% no-repeat;}
#top-nav ul#tabsTop li.donate a {display:block; width:19px;height:74px;background:url(../images/donate-link.gif) 50% 100% no-repeat;_margin:15px 0px 0px 5px;}
#top-nav ul#tabsTop li.nobg a {background:none;}
ul#tabnews {list-style: none;float:left;width:230px;}  

#top-button {width:215px;float:right;}
#top-button img {margin:0px 0px 0px 5px;}

#wrapper {clear: left;}
#content {font-size:14px;width:870px;margin:0 auto;} 

.welcome {float:left;background:#120e0f url(../images/top-blk.gif) no-repeat;color:#fff;margin:15px 0px 20px 0px;width:870px;}
.welcome h1 {color:#75bdef;font-size:18px; font-weight: normal;background:url(../images/line-org.gif) 0% 100% no-repeat;padding:10px 0px 10px 0px;margin:5px 0px 0px 10px;}
.welcome p {margin:10px 0px 0px 10px;line-height:1.4em;}
.welcome p a {color:#fff;text-decoration:none;font-weight:700; font-size:14px;}
.welcome p a:hover, #top-nav div.news a:hover, .events div.coming p a:hover { text-decoration: underline;}
.welcome div.welcome-txt {width:349px;float:left;padding:0px 5px 0px 5px;}
.welcome div.welcome-txt p {margin:20px 0px 0px 10px;font-size:15px;}
.welcome div.welcome-txt strong {color:#75bdef;}
.welcome div.welcome-txt p.org {margin:10px 0px 0px 10px;color:#e3b227;}
.welcome div.welcome-txt img {margin:5px 0px 0px 10px;}
.welcome div.welcome-txt p a {color:#000;font-weight: 700;text-decoration: none;}
.welcome div.welcome-txt p a:hover {text-decoration: underline;}
.welcome div.main-img {width:469px;float:right;}
.welcome div.main-img h2 {color:#75bdef;font-size:16px; font-weight: normal;padding:10px 0px 10px 0px;margin:5px 0px 0px 0px}
.welcome div.main-img div.media {height:100px;width:459px;border:1px solid #e6ae23;overflow: auto;font-size:12px;}
.welcome div.main-img div.pub {width:459px;border:1px solid #e6ae23;overflow: auto;font-size:12px;}
.welcome div.main-img div.pub img {float:left;margin:10px 0px 0px 11px;padding:0px 0px 10px 0px;}
.welcome div.main-img div.letter {float:left;width:212px;margin:10px 15px 0px 0px;padding:0px 0px 15px 0px;}
.welcome div.main-img div.letter a {color:#fff;text-decoration:none;font-weight:700;}
.welcome div.main-img div.letter a:hover {text-decoration: underline;}
.welcome div.main-img div#newsform {display: none;}
.welcome div.main-img fieldset {border:none;}

.events {clear:both;background:#fff url(../images/top-wht.gif) no-repeat;color:#000;margin:20px 0px 0px 0px;}
.events h1 {color:#e3b227;font-size:14px;background:url(../images/line-blue.gif) 100% 100% no-repeat;padding:0px 0px 5px 0px;}
.events div.help {width:320px;float:right;margin:0px 10px 0px 0px;padding:10px 0px 0px 0px;}
.events div.help img.imgr {float:right;border:2px solid #70c1dc;margin:5px 0px 0px 2px;}
.events div.help p {padding:5px 0px 0px 0px;}
.events div.coming {float:left;width:500px;margin:0px 0px 0px 10px;padding:10px 0px 0px 0px;}
.events div.coming ul, .info div.info-txt ul, .info div.right-col ul {list-style:none;}
.events div.coming ul li {padding:12px 0px 12px 50px;background:url(../images/cal-icon.gif) 0 50% no-repeat;border-top:1px solid #d6d6d6;}
.events div.coming ul li:first-child {border: none;}
.events div.coming ul li h2 {font-size:14px;}
.events div.coming p a {color:#000;text-decoration:none;font-weight:700; font-size:13px;}

.info {float:left;margin:15px 0px 20px 0px;}
.info h1 {background:#120e0f url(../images/top-blk.gif) no-repeat;color:#75bdef;font-size:16px; font-weight: normal;padding:20px 10px 15px 10px;} 
.info div.info-txt {background:#fff;}
.info div.info-txt img.main {margin:5px;}
.info div.info-txt p {margin:10px;}

.info div.info-txt div.left-col {float:left;width:535px;margin:5px 0px 0px 10px;}
.info div.info-txt div.left-col span {color:#6eb9f0;font-weight: 700; font-size: 14px;}
.info div.info-txt div.left-col span.org {color:#e6ae23;font-weight: 700; font-size: 1.0em;}
.info div.info-txt div.left-col ul.service { list-style: disc;}
.info div.info-txt div.left-col ul.service li {padding:5px 0px 10px 0px;}
.info div.info-txt div.left-col ul.service li strong {color:#e6ae23;font-weight:700;}  
.info div.info-txt div.left-col ul.sub-nav, .info div.info-txt div.left-col ul.services-nav {float:left;list-style: none;width:500px;font-weight:700;}
.info div.info-txt div.left-col ul li {margin:5px 0px 0px 30px;}
.info div.info-txt div.left-col ul.sub-nav li, .info div.info-txt div.left-col ul.services-nav li {float:left;padding:5px 10px 15px 10px;float:left;margin:0;}
.info div.info-txt div.left-col ul.sub-nav li a {color:#e6ae23;text-decoration:none;font-weight:700;padding:5px;}
.info div.info-txt div.left-col ul.sub-nav li a:hover {color:#120e0f;}
.info div.info-txt div.left-col ul.sub-nav li a.active, .info div.info-txt div.left-col ul.sub-nav li.active a {color:#120e0f;}
 li a:first-child {padding:5px 5px 5px 0px;} 
.info div.info-txt div.left-col ul.services-nav {margin:15px 0px 0px 0px;}
.info div.info-txt div.left-col ul.services-nav li a, .info div.info-txt div.left-col ul.services-nav a:visited {color:#120e0f;text-decoration:none;font-weight:700;padding:5px;}
.info div.info-txt div.left-col ul.services-nav li a:hover {color:#e6ae23;}
.info div.info-txt div.left-col ul.sub-nav li.nopad a {padding:5px 5px 5px 0px;}

.info div.info-txt div.left-col h2.service {font-size: 1.0em;margin:5px 0px 5px 10px;}
.info div.right-col {float:right;width:310px;margin:0px 0px 0px 0px;}
.info div.right-col h2 {color:#7bc2e2;font-size:0.8em;margin:10px 0px 0px 0px; text-align: center;}
.info div.right-col ul li {text-align:center;padding:7px 0px 7px 0px;margin:5px 10px 0px 0px;border-top:1px solid #ddd;}
.info div.right-col ul li:first-child {border:none;}

.info div.info-txt div.member, .info div.info-txt div.partners, .info div.info-txt div.about {width:840px;}
.info div.info-txt div.profile ul {list-style:decimal;margin:0px 0px 0px 10px;}
.info div.info-txt div.profile a, .info div.info-txt div.profile a:visited {text-decoration:none;color:#e6ae23;font-weight:700;}
.info div.info-txt div.profile a:hover {text-decoration:underline;}

.info div.info-txt div.member h3 {font-size:1em;padding:20px 0px 10px 10px;color:#e6ae23;}
.info div.info-txt div.member div.person, .info div.info-txt div.partners div.item, .info div.info-txt div.project {float:left;width:100%;border-top:1px solid #ddd;margin:10px 0px 0px 10px;display:inline;}
.info div.info-txt div.member div.person p {margin:10px 10px 10px 0px;width:70%;}

.info div.info-txt div.member div.person img, .info div.info-txt div.project img {float:right;border:2px solid #e6ae23;margin:10px 0px 0px 5px;}
.info div.info-txt div.member div.nobdr, .info div.info-txt div.partners div.item {border:none;}
.info div.info-txt div.partners div.item p {width:98%;}
.info div.info-txt div.partners div.item p.upt {width:70%;}
.info div.info-txt div.partners div.item img {float:right;margin:10px 15px 0px 5px;}
.info div.info-txt div.partners div.item p a {color:#80c4e9;text-decoration:none;font-weight:700;}
.info div.info-txt div.partners div.item p a:hover {text-decoration: underline;}  

.info div.info-txt div.partners div.item ul {list-style:none;}
.info div.info-txt div.partners div.item ul li {margin:0px;}
.info div.info-txt div.partners ul.sub-nav li a {color:#e6ae23}
.info div.info-txt div.partners ul.sub-nav li a:hover {color:#120e0f;}
.info div.info-txt div.project {margin:10px 0px 0px 0px;}
.info div.info-txt div.project p {width:65%;}
.info div.info-txt div.project ul {list-style:none;}
.info div.info-txt div.project ul li {margin:0px 0px 0px 10px;}
.info div.info-txt div.partners div.item h2 {color:#6eb9f0;font-weight:700; font-size: 1.2em;padding:10px 0px 10px 0px;} 
.info div.info-txt div.partners div.tabcont {clear:both;}

.info div.info-txt div.about {margin:0px 0px 0px 0px;}
.info div.info-txt div.about h2, .info div.info-txt div.about h3 {color:#e6ae23;font-size:1.2em;margin:10px 0px 0px 15px;}
.info div.info-txt div.about h3 {font-size:1.0em;}
.info div.info-txt div.about h4 {font-size:1.1em;margin:0px 0px 0px 10px;}   
.info div.info-txt div.about hr {color:#999;background-color:#999;border:0;height:1px;}
.info div.info-txt div.about hr.ser-hr {margin:15px 0px 15px 35px;}
.info div.info-txt div.about p {margin:10px 0px 15px 15px;line-height: 1.2em;}
.info div.info-txt div.about p a, .info div.info-txt div.about p a:visited, .info div.info-txt div.about ul.numli li a {color:#7bc2e2;text-decoration:none;}
.info div.info-txt div.about ul {list-style: circle;}
.info div.info-txt div.about ul.about-nav {list-style: none;margin:0px 0px 0px 15px;width:800px;}
.info div.info-txt div.about ul.about-nav li {padding:0px 20px 20px 0px;margin:0;float:left;}
.info div.info-txt div.about ul.about-nav li a, .info div.info-txt div.about ul.about-nav li a:visited {color:#80c4e9;text-decoration:none;font-size:1.1em;text-transform: uppercase;font-weight:700;}
.info div.info-txt div.about p a:hover, .info div.info-txt div.about ul.about-nav li a:hover {text-decoration: underline;}
.info div.info-txt div.about div.welfare {background:url(../images/humqn-welfare.jpg) no-repeat;padding:0px 0px 0px 35px;}
.info div.info-txt div.about div.workshops {background:url(../images/workshops.jpg) no-repeat;padding:0px 0px 0px 35px;}
.info div.info-txt div.about div.viability {background:url(../images/viability.jpg) no-repeat;padding:0px 0px 0px 35px;}
.info div.info-txt div.about div.engineer {background:url(../images/engineer.jpg) no-repeat;padding:0px 0px 0px 35px;}
.info div.info-txt div.about div.arch {background:url(../images/arch.jpg) no-repeat;padding:0px 0px 0px 35px;} 
.info div.info-txt div.about div.planning {background:url(../images/plan.jpg) no-repeat;padding:0px 0px 0px 35px;}
.info div.info-txt div.about div.background {background:url(../images/backg.jpg) no-repeat;padding:0px 0px 0px 35px;}
.info div.info-txt div.about div.life {background:url(../images/current.jpg) no-repeat;padding:0px 0px 0px 35px;} 
.info div.info-txt div.about div.education {background:url(../images/education.jpg) no-repeat;padding:0px 0px 0px 35px; }
.info div.info-txt div.about div.tourism {background:url(../images/tourism.jpg) no-repeat;padding:0px 0px 0px 35px; }
.info div.info-txt div.about div.cvk {background:url(../images/cvk-kit.jpg) no-repeat;padding:0px 0px 0px 35px; }
.info div.info-txt div.about div.lodge {background:url(../images/lodge.jpg) no-repeat;padding:0px 0px 0px 35px; }
.info div.info-txt div.about div.lodge img {padding:0px 5px 5px 0px;}
.info div.info-txt div.about div.colleges {background:url(../images/kist.jpg) no-repeat;width:793px;height:501px;}
.info div.info-txt div.about div.colleges a.link1 {position: relative;top:470px;left:15px;display: block;width:100px;height:25px; text-decoration: none;}
.info div.info-txt div.about div.colleges a.link2 {position: relative;top:20px;left:275px;display: block;width:100px;height:25px;text-decoration: none;} 

.info div.info-txt div.about div p {margin:10px 0px 15px 10px;}
.info div.info-txt div.about div p.tab {margin:0px 0px 15px 0px;}
.info div.info-txt div.about div.thin {float:right;width:386px;text-align:center;}
.info div.info-txt div.about div.thin p {margin:0;}
.info div.info-txt div.about img {padding:0px 5px 2px 0px;}
.info div.info-txt div.about img.ftrt {float:right;padding:0px 5px 2px 0px;}
.info div.info-txt div.about img.ftlt {float:left;padding:0px 5px 2px 0px;}
.info div.info-txt div.about div.colft {float:left;width:440px;}
.info div.info-txt div.about div.colrt {float:right;width:350px;}
.info div.info-txt div.about ul.numli  {list-style: decimal;padding:0;margin:0;}

#footer {clear:both;color:#e6ae23;width:870px;padding:0px 0px 10px 0px;margin:20px auto;border-top:1px solid #897a74;}
#footer p {padding:10px 0px 0px 0px;font-size:1.0em;}
#footer p a, #footer p a:visited {color:#7ec3e2; text-decoration: none;}
#footer p a:hover  { text-decoration: underline;}
#footer ul {padding:10px 0px 0px 0px; list-style: none;}
#footer ul li {display:inline;padding:0px 0px 0px 5px;}
#footer ul li:first-child {padding:0px 5px 0px 0px;}
#footer ul li a, #footer ul li a:visited {color:#e6ae23;text-decoration: none;font-size:1.0em;padding:0px 5px 0px 0px;}
#footer ul li a:hover { text-decoration: underline;}