/*style sheet for Health Frontiers*/
/*www.healthfrontiers.org*/
/*created November 2006 in Vientiane, Laos*/

/*note: sizes can be given in pixels (px) or percentage or text size (ems). */
/*ems are more robust for resizing of pages by browser users*/

/*colors of all elements can be changed anywhere you see color values (i.e. #ffffff)*/
/*colors can be specified in RGB hexidecimal (i.e. #ff0000 creates bright red)*/
/*colors can be specified in RGB decimal (i.e. rgb(255, 0, 0) creates bright red too)*/
/*hexidecimal is base 16 and counts upwards like so: 1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,10,11,etc*/
/*thus, hexidecimal #f is equal to decimal #15*/

#header {
	background: url('images/hftitle.jpg'); /*top bar image*/
	height: 125px
	}

#container{
	width:100%;
	margin:0px;
	line-height:150%;
	}

#content {
	padding: 2em 2em 0em 2em;
	margin: 0;
	padding-bottom: 0;
	margin-left: 12em;
	margin-right: 0em; /*change to add a right margin -- 17em seems good*/
	background-color: #fffffa;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
#contenthome{
	padding: 2em 2em 0em 2em;
	margin: 0;
	padding-bottom: 0;
	margin-left: 5em;
	margin-right: 5em; /*change to add a right margin -- 17em seems good*/
	background-color: #fffffa;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}

br.clearall{
	clear: all;
	}
	
	
#left {
	padding-top: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
	width: 12em; /*change width to make left column*/
	float: left;
}

#right {
	padding-top: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
	width: 15em; 	/* currently not in html code. change width to make right column*/
	float: right;
}

#footer {
	padding: .3em;
	font-size: .7em;
	margin: 0em, 0em, 0em, 0em;
	color: #6f9f6f;
	border: 1px solid #6f9f6f;	/*footer border*/
	background: #bfdfbf;		/*footer color*/
}

.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}

/*end column format*/


/*heading styles*/

h1, h2, h3, h4, h6{		 /*all headings common attributes*/
	text-align: center; 
	color: #6f9f6f; 
	font: Arial;
	line-height: 1.0em;
	margin: .5em;
}
h5{		 /*change h5 attributes*/
	text-align: left; 
	color: #6f9f6f;
	font: Arial;
	line-height: 1.0em;
}


h1{font-size: 8em;}
h2{font-size: 5em;}
h3{font-size: 3em;}
h4{font-size: 2em;}
h5{font-size: 1.5em;}
h6{font-size: 1em;}
head{position: center;}

/*basic font styles*/
b{font-size: 110%;}
em{color: #5f7f5f;}

/*paragraph styles*/
p {text-indent: 1em;}
.oneline{
line-height: 1em;
margin-top: .5em;
}

a:visited{color: #000000;}

/*link styles*/
.linkcenter{text-align: center;}
.linkleft{text-align: left;}

body{
	margin:0;
	padding:0;
	line-height: .8em;
	background-color: #bfdfbf; 	/*change left column color*/
	font: .8em Arial;
	}

.basictab{
	position: absolute; left: 15.5em; top: 101px;
	padding-top: 5px;
	padding-right: 8px,
	padding-left: 8px;
	padding-bottom: 3px;
	margin: 0px;
	list-style-type: none;
	}

.basictabhome{
	position: absolute; left:15.5em; top: 167px;
	}

.basictab li{
	display: inline;
	padding: 0px;
	margin: 0px;
	}

.basictab li a{
	text-decoration: none;
	padding: .2em .5em .1em .5em;
	margin: 0px;
	border: 1px solid #6f9f6f;		/*tab outline color*/
	border-bottom: 2px solid #8f9f8f;
	background-color: #9caf9c;		/*tab color*/
	color: #000000;}			/*text color*/
	
.basictab li a:visited{	
	color: #444444;				/*visited link text color*/
	}

.basictab li a:hover{
	background-color: #ffcc99;	/*tab hover background color*/
	color: #000000;			/*tab hover text color*/
	margin: -1px;
	border: 2px solid #000000;	/*tab hover border color*/
	}

	

.basictab li.selected{		/*selected tab effect*/				
	padding: .2em .5em .3em .5em;
	background-color: #fffffa;		/*selected tab background color*/
	color: #000000;				/*selected tab text color*/
	text-decoration: none;
	margin-right: 3px;
	border: 1px solid #000000;		/*selected tab bordercolor*/
	border-bottom: none;
	}

/*sidebar menu*/
.menu2{ 
	display: block;
	list-style: none;
	padding-left: 2px;
	margin: 0;
	margin-top: 1px;
	left: 0;
	}

.menu2 ul{
	padding: 0px;
	margin: 0px;
	text-indent: .5em;
	list-style: none;
	}

.menu2 ul ul{
	list-style: none;
	padding: 0;
	margin: 0px;
	text-indent: 1em;
	}

			/*side menu links*/
.menu2 li a{			
	text-decoration: none;
	padding: .1em .2em .1em .2em;
	margin-top: .2em;
	width: 11.1em;
	border-top: 1px solid #000000;		/*menu button border color*/
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;	/*menu button border color*/
	border-bottom: 1px solid #000000;	/*change these to make 3d or 2d buttons*/
	background-color: #9caf9c; 	/*menu button background color cc0000*/
	color: #000000;			/*menu button text color*/
	display: block;
	}

.menu2 li li a{
	margin: 0em;
	width: 11.1em;
	background-color: #ffcc66; 	/*sub link background color*/
	color: #333333;			/*sub link text menu*/
	margin-top: .1em;
	}


			/*side menu sub-sub links*/
.menu2 li li li a{
	width: 11.1em;
	background-color: #9caf9c;	/*sub-sub link background color*/ 
	color: #333333;			/*sub-sub link text color*/
	margin-left: 0em;
	}

			/*side menu visited link*/
.menu2 li a:visited{
	color: #444444;			/*side menu text visited link color*/
	}

			/*side menu hover effect*/
.menu2 li a:hover{
	background-color: #ffcc99;	/*tab hover background color*/
	color: #000000;			/*tab hover text color*/
	padding: .1em .2em .1em .2em;
	border-top: 1px solid #eeeeee;	/*hovered button border color*/
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;	/*menu button border color*/
	border-bottom: 1px solid #eeeeee;	/*change these to make 3d or 2d buttons*/
	}
			
			/*side sub-menu hover effect*/

.menu2 li li a:hover{
	background-color: rgb(153,255,204);	/*tab hover background color*/
	color: #000000;			/*tab hover text color*/
	padding: .1em .2em .1em .2em;
	border-top: 1px solid #eeeeee;	/*hovered button border color*/
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;	/*menu button border color*/
	border-bottom: 1px solid #eeeeee;	/*change these to make 3d or 2d buttons*/
	}

			/*side menu selected button effect*/
.menu2 li.selected{            
	padding: .1em .2em .1em .2em;
	margin-top: .2em;
	background-color: #fffffa;       
	color: #000000;                /*selected button background color*/
	width: 11.1em;
	list-style: none;
	text-decoration: none;
	border: 1px solid #000000;     /*selected menu item border color*/
	}
	
.menu2 li li.selected{            
	background-color: #fffffa;       
	color: #000000;                /*selected button background color*/
	border: 1px solid #000000;     /*selected menu item border color*/
	width: 11.1em;
	margin: 0;
	margin-top: 1px;
	text-decoration: none;
	}

.menu2 li.selected2{               /*selected side tab for submenus*/
	padding: .1em 0em .1em 0em;
	margin-top: .2em;
	background-color: #fffffa;       
	color: #000000;                /*selected button background color*/
	width: 11.1em;
	list-style: none;
	text-decoration: none;
	border: 1px solid #000000;     /*selected menu item border color*/
	}
	
/*end sidebar menu*/

/*top page numbers for navigation*/


.pagenumbers ul{
margin: 0;
padding: 0;

}

.pagenumbers li{
display: inline;
}

.pagenumbers li a{
	margin: -2px;
	padding: .1em .5em .1em .5em;
	background-color: #7cb1f3;
	border: 1px solid #6ca1e3;
	color: #444444;
	display: inline;
	text-decoration: none;
	list-style: none;
}



.pagenumbers li a:hover{
	color: #000000;
	background-color: #4c6f4c;
	}



/* end page numbers */

/*bread crumb links for navigation*/
#bread {
	padding: 3px;
	margin: 5px;
	}

#bread li a{
	padding: .1em .2em .1em .2em;
	background-color: #bfdfbf;
	border: 1px solid #4c6f4c;
	color: #222222;
	}    /*bread crumb link color*/
	

#bread li a:hover{
	color: #000000;
	background-color: #ffcc99;  /*bread crumb link hover color*/
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
/*end bread crumb*/

.bar{
	margin: 0;
	padding: 0;
	height: 1px;
	background: 1px solid #333333;
	}
	

.imggroupright{				/* basic image attributes */
	float: right;
	margin: 1em -.9em 1em .1em;
	padding: .5em, .5em, 2em, .5em;
	font-size: .8em;
	text-align: wrap;
	border: 1px solid #cccccc;
	line-height: 1.2em;
	margin-top: .5em;
	margin-bottom: .5em;
	}

.imgright{				/* basic image attributes */
	float: right;
	margin: 1em;
	padding: 1em;
	font-size: 1em;
	text-align: center;
	border: none;
	line-height: 1.2em;
	color: rgb(0,128,0);
	}

.imgleft{
	float: left;
	margin: 1em;
	padding: 1em;
	font-size: 1em;
	border: none;
	text-align:center;
	border: none;
	line-height: 1.2em;
	color: rgb(0,128,0);
	}
	}

.imgcenter{
	float: center;
	margin: 5px 5px 5px 5px;
	padding: 10px;
	font-size: 1em;
	border: none; /*border styles: dotted, dashed, solid, double, groove, ridge, inset, outset*/
	text-align: center;
	border: none;
	line-height: 1.2em;
	color: rgb(0,128,0);
	}
	}


/*Kevin Mottershead.  kmottershead@hotmail.com*/