/* General tags
--------------------------------------------------------- */
	body {	
		margin: 0;
		padding: 0;		
		font: 76%/1.3 Verdana, Tahoma, sans-serif;
		background-color: #336699;
	}

	h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif;	font-weight: bold; letter-spacing: 150%; }
	h1 { font-size: 160%; color: #002A6C; }
	h2 { font-size: 140%; color: #002A6C; }
	h3 { font-size: 120%; color: #002A6C; }
	h4 { font-size: 110%; color: #002A6C; }
	h5 { font-size: 100%; color: #002A6C; }
	img { border: 0;}

/* 2-column layout
--------------------------------------------------------- */
	#container {	/* to simplify 'width: auto' for all contained divs. */
		width: 90%;
		margin: 10px auto 10px 20px;
		padding: 0;
		border: 1px solid #002A6C;
	}
	#header {
		width: auto;
		margin: 0;
		padding: 0;
		background: #FFFFFF url(../images/header_bg.gif) no-repeat top right;
		height: 125px;		
	}
	#header img { padding: 5px 10px 1px; }
	#main {
		width: auto;		
		margin: 0;
		padding: 0;
		background-color: #EEEEEE;
		border-top: 1px solid #002A6C;	
		border-bottom: 1px solid #002A6C;
	}
	 #content	 {
		min-height: 500px;	
		height: auto;	
		margin: 0 178px 0 0;	/* needs to match #main background image */
		padding: 1em 2em;
		background-color: #FFFFFF;
		border-right: solid 1px #999999;
	}
	#navbar {
		display: inline;	/* IE margin bug fix */
		float: right;
		margin: 0;
		padding: 1em 0;
		width: 178px;	/* needs to match #main background image */
	}
	#footer {
		clear: both;
		margin: 0;
		padding: 0;	
		width: auto;		
		background-color: #FFFFFF;
	}	
	#footerlinks {
		margin: auto;
		padding: 1em 1em 0 1em;
		font-size: 0.9em;
		text-align: center;
	}
	#disclaimer {
		margin: auto;
		padding: 1.2em;
		width: 65%;
		color: #5C5C5C;
		font-size: 0.8em;
		text-align: center;	
	}
	#logo {
		display: inline; /* IE margin bug fix */
		float: right;
		margin: 0;
		padding: 1em;
	}

	a.project {
		padding-left: 15px;
		font-size: 18px;
		font-weight:bold;
		color: #002A6C;
		text-decoration: none;
	}

/* #content tags
--------------------------------------------------------- */
	#content ol {
		margin: 0.3em;
		padding: 0 3em;
	}
	#content ul {
		margin: 0.3em;
		padding: 0 3em;
		list-style-image: url(../images/bu_sftblue.gif);
	}
	#content ul li {
		margin: 0;
		padding: 0 0 1em 0.6em;
	}


/* #navbar tags
--------------------------------------------------------- */
	#navbar p {
		padding-left: 0.6em;
	}
	#navbar a {
		color: 	#002A6C; 
	}
	#navbar ul#menu {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		border-top: 1px solid #cccccc;
	}
	#navbar ul#menu li a {
		display: block;
		height: 100%;
		border-bottom: 1px solid #cccccc;
		margin: 0;
		padding: 0.3em 0.6em;
		text-decoration: none;
		font-weight: bold;
	}
	#navbar ul#menu li a:hover {
		background-color: #dddddd;
		text-decoration: none;
		border-left: 4px solid #cccccc;
	}


/* homepage tags
--------------------------------------------------------- */
	
	.intro {
		line-height: 1.7em;
		margin: 30px 30px 0 0;
	}
	#framework { 
		margin: 20px 0 0 60px;
		width: 550px;
		display: block;
	/*	border: 1px solid black;*/
	}
	#framework div {
		width: 149px; 
		height: 121px;
		padding: 1px;	
		float: left;
		margin-bottom: 25px;
	}
	#framework a {
		float: left;		
		width: 147px; 
		height: 119px;
		border: 1px solid;		
		line-height: 0;
		font-size: 0;
		overflow: hidden;	
	}
	#framework a:hover { cursor: default;  }
	
	#hardware { border: 1px solid #002A6C; margin-right: 25px;  }
	#hygiene { border: 1px solid #4A7159; margin-right: 25px;   }
	#training { border: 1px solid #8C1322;   }
	
	#hardware a { background: url(../images/hardware.jpg) no-repeat center;	color: #002A6C; }
	#hygiene a { background-image:url(../images/girls.jpg); color: #4A7159; }
	#training a { background-image:url(../images/training.jpg); color: #8C1322;	}
	
	#hardware a:hover {	background-image: url(../images/hardware2.jpg); }	
	#hygiene a:hover { background-image: url(../images/girls2.jpg); }	
	#training a:hover {	background-image: url(../images/training2.jpg); }	
	
	#newsbox {
		background: #FFFFFF;
		border: 1px solid #CCCCCC; 
		margin: 30px;
		padding: 0;
		width: 60%; 
		clear: both;
	}
	#newsbox div {
	    background: #EFEFEF;
		margin: 1px;
		height: 100%;
		padding: 6px;
	}
	#newsbox .newstitle {
		color: #002A6C;
		font-weight: bold;
		margin: 0;
		padding-left: 6px;
	}
	#newsbox .news {
		font-size: 0.9em;
		margin: 0;
		padding: 8px 8px 8px 14px;
	}	
	#partners {
		clear: both;
		margin: 50px 0 50px 30px;
		padding:0;
		height: 100%;		
	}
	#partners .ptrlabel {
	    float: left;
		color: #5C5C5C;
		font-weight: bold; 
		padding-right: 8px;
		margin:0;

	}
	#partners .ptrdesc {
		float: left;
		border-left: 1px solid #CCCCCC;
		font-size: 0.9em;
		color: #5C5C5C;
		padding-left: 8px;
		margin:0;
	}
   .fileinfo  {	
   		font-size: 0.85em; 
		color: #666; 
	}