/* CSS Document */

*,html,body{margin:0;padding:0;}
body{font:76% normal Arial, Helvetica, sans-serif;color:#333;background:#FFF url(img/bg-body.gif) repeat-x 0 0;}

.noBorder{border:none!important;}
h1,h2,h3,h4,h5{color:#A35A29;}
h1{font-size:1.67em;}
h2{}
h3{}

/* General */
a,a:visited{text-decoration:none; color:#FF6600}
a:hover{text-decoration:underline;}
p{padding: 0 0 10px;}
img{border:none;}
input,textarea{border:1px solid #A35A29}
input.focus,textarea.focus{background:#FFF4EA;}
fieldset{border:none;}
	fieldset li{margin:5px 0;}
label{clear:left;width:100px;display:block;float:left;}
input{float:left;}
.pageHeading{padding:0 0 5px 0;margin:0 0 10px 0;border-bottom:1px solid #A35A29;}
.short{width:150px}
.medium{width:200px}
.long{width:250px}
.requiredMsg{color:#FF3300}
.home .loginLink{display:none;}
.loginLink{position:absolute;top:20px; right:20px;color:#FF9966}
.loginLink:hover{color:#FF6600}

body#homepage{background-position: 0 333px;}

/* active Links */
.home #homeTab{text-decoration:underline;}
.programs #programsTab,.sanitation #programsTab,.education #programsTab,.capacity_building #programsTab,.human_rights #programsTab,
.administration #aboutTab,
.about_us #aboutTab,.who #aboutTab,.where #aboutTab,
.partners #partnersTab,
.awards #awardsTab,
.reports #reportsTab,
.contact #contactTab{color:#FFF;background:transparent url(img/bg-contentNav.png) no-repeat -94px 2px;text-decoration:none;}

.administration #administrationTab,
.who #whoTab,
.where #whereTab,
.sanitation #sanitationTab,
.education #educationTab,
.capacity_building #capacity_buildingTab,
.human_rights #human_rightsTab{color:#993300;font-weight:700!important}

#wrapper{margin:0 auto;width:808px;position:relative;}
#header-top{background:transparent url(img/bg-header-top-bottom.gif) no-repeat 50% -40px;height:20px;}
#header{height:255px;background:transparent url(img/bg-header.gif) repeat-y 50% 0;padding:25px 10px 20px;position:relative;}
	#logo{position:absolute;z-index:100;top:249px;left:25px;background-image:url(img/logo.png)}
	#flash{height:290px;width:780px;position:absolute;left:10px;top:10px;}
	#flashcontent{margin:0;padding:0;}
#header-bottom{background:transparent url(img/bg-header-top-bottom.gif) no-repeat 50% 0;height:30px;}
#mid{background:transparent url(img/bg-header.gif) repeat-y 50% 0;padding:10px 25px 25px;}
#navBar{list-style:none;padding-left:300px;width:460px;}
	#navBar li{float:left;width:auto;padding:0 5px;border-left:1px solid #A35A29;position:relative;}
	#navBar li a{color:#A35A29;font-size:13px;font-weight:bold;width:auto;display:block; white-space:nowrap}
	#navBar .subNav{display:none!important}

#content{padding:65px 0 0;background-color:#FED185;}
	#content .heading{margin-top:10px;}
	#content ul{list-style-type:none;}
	#content ol{padding:0 0 0 20px}
#footer{background:/*#FED185*/transparent url(img/bg-header.gif) repeat-y 50% 0;padding:25px 25px 0 ;}
	#footer-left{width:300px;float:left;font-size:0.9em;list-style-type:none;}
		#footer-left a{color:#A35A29;}
		#footer-left span{display:block;width:50px;float:left;font-weight:700;/*text-align:right;*/margin:0;}
	#footer-right{width:450px;float:right;font-size:1.7em;color:#B16363;font-family:"comic Sans MS"!important;font-weight:bold;}
#bottomCurve{margin:0 auto;height:20px;width:808px;background:transparent url(img/bg-header-top-bottom.gif) no-repeat 0 100%;}

/* Content Pages */
body#contentpage{background-position:0 73px;}
body#contentpage #header-bottom{background-position:50% -14px;height:20px;}
body#contentpage #logoContent{position:absolute;left:20px;top:24px;}
#contentNavBar {list-style:none;line-height:30px;position:absolute;top:44px;left:230px;width:670px;margin-left:-90px}
	#contentNavBar li{float:left;width:94px;text-align:center;position:relative;display:block}
	#contentNavBar li a{display:block;width:94px;padding:2px 0 0 0;font-weight:bold;color:#333;background:transparent url(img/bg-contentNav.png) no-repeat 0 2px;}
	#contentNavBar li a:hover{color:#FFF;background:transparent url(img/bg-contentNav.png) no-repeat -94px 2px;text-decoration:none;}
	
#contentNavBar li:hover .subNav,.showSub .subNav{display:block!important}
.about_us .subNav.aboutSubNav,.administration .subNav.aboutSubNav,.where .subNav.aboutSubNav,.who .subNav.aboutSubNav,
.programs .subNav.programsSubNav,
.sanitation .subNav.programsSubNav,
.education .subNav.programsSubNav,
.capacity_building .subNav.programsSubNav,
.human_rights .subNav.programsSubNav{display:block!important}
	
/* subnav */
.subNav	{display:none!important}
.subNav	{clear:left!important;position:absolute;top:30px;left:0;width:100px;padding:0 0 0 10px!important}
.subNav li,.subNav li a{clear:both;width:100px!important;background-position:-100px -100px!important;height:20px;text-align:left;font-weight:normal!important;}
	.subNav li a:hover{text-decoration:underline!important;color:#111!important}
	
body#contentpage #wrapper{padding-top:74px;}

/* Hidden Divs */
#homepage #contentNavBar,#contentpage #header,#contentpage #header-top,body#contentpage #navBar,#homepage #logoContent{display:none;}

/*login*/
.loginBox{width:600px;margin:20px 0;}
	.loginBox dt,.loginBox dd{margin:2px 0}
	.loginBox dt{clear:left;width:150px;float:left;margin:0 10px 0;text-align:right}
	.loginBox dd{width:400px;float:left}
/*admin form*/
#formContent{display:none;}
.editBox{width:755px; text-align:left;overflow:auto;height:250px;}
.editContentTitle{width:755px}
#formButtons{position:relative;}
	.tip{position:absolute;right:0;top:15px;width:430px;display:none;}
#previewDiv{margin-bottom:20px;}
#updateBtn,.cancelLink,.editBtn{display:block;background:transparent url(img/btn-slide.gif) no-repeat 50% 0;height:40px;width:160px;color:#FFF!important;border:none;font-weight:700; float:left;cursor:pointer}
#updateBtn,.cancelLink{display:none}
	.cancelLink{line-height:40px;text-align:center;text-decoration:none!important;font-size:14px}

#webmailForm{margin-bottom:20px!important;position:relative}
#servageLogo{position:absolute; top:0; right:0;width:200px; height:100px;background:transparent url(img/servageLogo.gif) no-repeat 0 15px; padding:0}

/* gallery */
.adminPage #parallax{display:none!important;}
#parallax{position:relative;background-color:#FED185;width:750px;margin-bottom:10px;overflow-y:hidden;overflow-x:auto;height:125px}
#photoGallery{list-style-type:none;padding:5px;width:4160px;}
#photoGallery li{float:left;width:100px;height:100px;margin:0 2px;overflow:hidden}
#photoGallery li a{display:block;border:none}
#photoGallery li img{border:1px solid #333;}
#photoGallery .caption{display:block;width:100%;line-height:11px;font-size:11px;}

/* clearfix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.clear{clear:both;height:0;line-height:0;}