/* 



KHF Main CSS 

by William Ukoh @ http://www.williamukoh.com/ 

3 August 2006



*/

body {

	font-family: Lucida Grande, Tahoma, Arial, sans-serif;

	background-color: #fff;

	text-align: center;

	margin: 0px;

}

H1 {

	FONT-FAMILY: Arial, Helvetica, sans-serif

}

H2 {

	FONT-FAMILY: Arial, Helvetica, sans-serif;

	font-weight: normal;

}

H3 {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.8em;

}

H4 {

	FONT-FAMILY: Times New Roman, Times, serif;

	font-weight: normal;

}

P {

	FONT-SIZE: 0.8em; COLOR: #333; LINE-HEIGHT: 1.4em; LETTER-SPACING: 0.01em

}

BR {

	CLEAR: both

}

LI {

	COLOR: #333; LINE-HEIGHT: 1.3em

}



BLOCKQUOTE {

	BORDER-RIGHT: #ebefc2 1px solid; PADDING-RIGHT: 1em; PADDING-LEFT: 1.2em; PADDING-BOTTOM: 0.3em; COLOR: #000; PADDING-TOP: 1.2em; BORDER-BOTTOM: #ebefc2 1px solid; background-color: #fbffcf

}





PRE {

	BORDER-RIGHT: #dedede 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #dedede 1px solid; PADDING-LEFT: 1em; FONT-SIZE: 0.95em; PADDING-BOTTOM: 1em; MARGIN: 1.5em 0px; OVERFLOW: auto; BORDER-LEFT: #dedede 1px solid; COLOR: #333; LINE-HEIGHT: 1em; PADDING-TOP: 1em; BORDER-BOTTOM: #dedede 1px solid; background-color: #f9f9f9

}

PRE CODE {

	FONT-SIZE: 0.9em; FONT-FAMILY: Monaco, Courier

}



IMG {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none

}

A IMG {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none

}

IMG A:hover {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none

}



.form INPUT {

	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 1.7em; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Verdana, sans-serif

}

TEXTAREA {

	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 1.7em; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Verdana, sans-serif

}

INPUT{

	FONT-FAMILY: Verdana, sans-serif;

	PADDING-TOP: 4px;

	PADDING-LEFT: 3px;

	PADDING-RIGHT: 3px;

	PADDING-BOTTOM: 4px;

	margin-right: 4px;

}

INPUT.textInput {

	MARGIN-TOP: 10px

}

#header {

	WIDTH: 100%;

	BORDER-BOTTOM: #B71E0D 7px solid;

	HEIGHT: 7em;

	background-color: #e2e0b9;

	text-align: right;

	background-image: url(../images/girl.jpg);

	background-repeat: no-repeat;

	background-position: 50% 0.5em;

}





#header A {

	CURSOR: pointer; COLOR: #666; BORDER-BOTTOM: #999 1px dotted;

	TEXT-DECORATION: none

}

#header FORM {

	PADDING-RIGHT: 1em;

	margin-top: 9px;

	margin-right: 1.0em;

}

#header INPUT {

	FONT-SIZE: 1em

}



#header #logo {

	position: relative;

	left: 30px;

	top: 5px;

	float: left;

}

#header #logo A{

	border-bottom:none;

}

#container {

	BORDER-TOP: #fff 1px solid; MARGIN: 0px auto; WIDTH: 725px; text-align: left

}

#container A {

	TEXT-DECORATION: none

}

#container DD A {

	COLOR: #666

}

#container #leftColumnContainer #leftColumn img {

	/*border: 1px solid #AF865C;*/

}

#mainContent {

	MARGIN: 0px 0px 0px 325px; WIDTH: 390px

}

#sideBar {

	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 0px; WIDTH: 325px; PADDING-TOP: 310px; FONT-FAMILY: Times New Roman, Times, serif; POSITION: absolute; TOP: 50px; text-align: right

}

#navigation {

	FONT-SIZE: 12px; Z-INDEX: 100; LEFT: 50%; MARGIN: 313px 0px 0px -362px; TEXT-TRANSFORM: uppercase; WIDTH: 325px; LETTER-SPACING: 2px; POSITION: absolute; TOP: 0px; text-align: center

}

#footer A {

	TEXT-DECORATION: none

}

#footer {

	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.75em; PADDING-BOTTOM: 6px; PADDING-TOP: 40px; BORDER-BOTTOM: #333 15px solid; text-align: center

}

#footer A:hover {

	COLOR: #62993e; BORDER-BOTTOM: #addf8b 1px dotted; background-color: #faffcf

}

#leftColumn #disclaimer p a:hover{

	color:#FF0000;

}

#leftColumn {

	FLOAT: left;

	WIDTH: 73%;

	margin-top: 0.8em;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#leftColumn H2 {
	WIDTH: 420px;
	COLOR: #B71E0D

}

#leftColumn H3 {

	MARGIN: 0px 0px 0.6em; LETTER-SPACING: 0.03em

}

#leftColumn H3 {
	MARGIN: 20px 0px 0.6em;
	COLOR: #B71E0D;
	LETTER-SPACING: 0.03em

}

#leftColumn p A, #leftColumn p A:visited {

	CURSOR: pointer; COLOR: #666; BORDER-BOTTOM: #999 1px dotted

}

#leftColumn p A:hover {

	color: #62993E;

	border-bottom:1px dotted #ADDF8B;

	background-color:#FAFFCF;

}

#leftColumn p .imgLeft {

	float:left;

	padding-right:6px;

	padding-top: 4px;

}

#leftColumn p .imgRight {

	float:right;

	padding-left:6px;

	padding-top: 4px;

}

#leftColumn CITE A {

	COLOR: #9f631d

}

#leftColumn LI A {

	COLOR: #9f631d

}

#leftColumn STRONG A {

	COLOR: #9f631d

}



#leftColumn p A:hover {

	COLOR: #62993e; BORDER-BOTTOM: #addf8b 1px dotted; background-color: #faffcf

}

#leftColumn H2 {

	FONT-SIZE: 1.45em; MARGIN-BOTTOM: 0.07em; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 1em; FONT-FAMILY: Times New Roman, Times, serif; LETTER-SPACING: 0.04em; text-align: left

}

#leftColumn P {

	FONT-SIZE: 0.75em;

	MARGIN: 0px 0px 1em;

}

#leftColumn LI A:visited {

	COLOR: #666;

}

#leftColumn UL {

	MARGIN: 1em 0.5em 1em 1em

}

#leftColumn OL {

	MARGIN: 1em 0.5em 1em 1em

}

#leftColumn LI {

	FONT-SIZE: 0.8em; MARGIN: 0px 0px 0.8em 1em; LETTER-SPACING: 0.03em

}

#leftColumn .archive LI {

	FONT-SIZE: 0.8em; MARGIN: 0px

}

#leftColumn LI P {

	FONT-SIZE: 1em

}

#leftColumn BLOCKQUOTE {

	MARGIN: 1.2em 0.5em

}

#leftColumn BLOCKQUOTE P {

	MARGIN-TOP: 0px

}

#leftColumn BLOCKQUOTE CITE {

	FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #333

}

#leftColumn CITE {

	FONT-SIZE: 0.7em; COLOR: #999

}

#leftColumn CITE EM {

	DISPLAY: block; FONT-SIZE: 1em; MARGIN-BOTTOM: 20px! important; COLOR: #666; LINE-HEIGHT: 1.7em; FONT-FAMILY: Times New Roman, Times, serif; LETTER-SPACING: 0.1em

}

#leftColumn CITE EM A {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #666; BORDER-RIGHT-WIDTH: 0px

}

#leftColumn LI PRE {

	FONT-SIZE: 1.1em; WIDTH: 442px

}

#leftColumn PRE {

	WIDTH: 94.5%

}

#leftColumn P CODE {

	FONT-SIZE: 1.3em; COLOR: #666

}

#leftColumn LI CODE {

	FONT-SIZE: 1.3em; COLOR: #666

}

#leftColumn BLOCKQUOTE H3 {

	MARGIN: 0px 0px 15px

}

#leftColumnComments {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 73%; PADDING-TOP: 0px

}

#leftColumnComments DIV.mahogany {

	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid; background-color: #fff

}

#leftColumnComments DIV.moss {

	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid; background-color: #fff

}

#leftColumnComments DIV.khaki {

	BORDER-RIGHT: #ecefd1 1px solid; BORDER-TOP: #ecefd1 1px solid; BORDER-LEFT: #ecefd1 1px solid; BORDER-BOTTOM: #ecefd1 1px solid; background-color: #fdffef

}

#leftColumnComments DIV.ebony {

	BORDER-RIGHT: #e4efd1 1px solid; BORDER-TOP: #e4efd1 1px solid; BORDER-LEFT: #e4efd1 1px solid; BORDER-BOTTOM: #e4efd1 1px solid; background-color: #f9ffef

}

#leftColumnComments H2 {

	FONT-SIZE: 1.45em; MARGIN-BOTTOM: 0.07em; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 1em; FONT-FAMILY: Times New Roman, Times, serif; LETTER-SPACING: 0.04em; text-align: left

}

#rightColumn {

	PADDING-RIGHT: 0px;

	PADDING-LEFT: 11px;

	FLOAT: right;

	PADDING-BOTTOM: 0px;

	WIDTH: 165px;

	PADDING-TOP: 10px;

	POSITION: relative;

	background-color: #F9F9F9;

	border: 1px solid #CFB79E;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}

#rightColumn .nineRules IMG {

	MARGIN: 10px

}

#rightColumn .nineRules {

	text-align: center;

	margin-top: 20px;

	margin-right: 20px;

	margin-bottom: 20px;

	margin-left: -12px;

}



#rightColumn P {

	FONT-SIZE: 0.7em; MARGIN: 0px 0px 0.7em

}





#rightColumn LI A:visited {

	COLOR: #666;

}



#rightColumn A:hover {

	COLOR: #62993e; BORDER-BOTTOM: #addf8b 1px dotted; background-color: #faffcf

}



#rightColumn UL {

	margin-top: 6px;

	margin-right: 0px;

	margin-bottom: 0.8em;

	margin-left: 0em;
	
	padding:0;

}



#rightColumn LI {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0.7em; FONT-SIZE: 0.7em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.4em; LIST-STYLE-TYPE: none

}

#rightColumn LI:hover {

	background-color: #faffcf

}

#rightColumn LI A {

	

}

#rightColumn LI IMG {

	MARGIN: 0px 7px -4px 0px

}

#rightColumn INPUT {

}

#searchform LABEL A {

	BORDER-TOP-WIDTH: 0px! important; BORDER-LEFT-WIDTH: 0px! important; RIGHT: 138px; BACKGROUND: url(http://www.kanuheartfoundationng.com/images/yq_logo_small.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px! important; WIDTH: 48px; POSITION: absolute; TOP: 6px; HEIGHT: 35px; BORDER-RIGHT-WIDTH: 0px! important

}

#searchform LABEL SPAN {

	DISPLAY: none

}

#searchform INPUT {

	WIDTH: 140px

}



.nineRules IMG {

	BORDER-TOP-WIDTH: 0px! important; BORDER-LEFT-WIDTH: 0px! important; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px! important; BORDER-RIGHT-WIDTH: 0px! important

}

.nineRules A {

	BORDER-TOP-WIDTH: 0px! important; BORDER-LEFT-WIDTH: 0px! important; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px! important; BORDER-RIGHT-WIDTH: 0px! important

}

.nineRules A:hover {

	BORDER-TOP-WIDTH: 0px! important; BORDER-LEFT-WIDTH: 0px! important; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px! important; BORDER-RIGHT-WIDTH: 0px! important

}



.mahogany {
	COLOR: #B71E0D

}

.mahogany A {

	COLOR: #853d27

}

.mahogany LI A {

	COLOR: #853d27

}

.mahogany P A {

	COLOR: #853d27

}

.khaki {

	COLOR: #9f9741

}

.khaki A {

	COLOR: #9f9741

}

.khaki LI A {

	COLOR: #9f9741

}

.khaki P A {

	COLOR: #9f9741

}

.moss {

	COLOR: #748771

}

.moss A {

	COLOR: #748771

}

.moss LI A {

	COLOR: #748771

}

.moss P A {

	COLOR: #748771

}

.ebony {

	COLOR: #000

}

.ebony A {

	COLOR: #000

}

.ebony LI A {

	COLOR: #666

}

.ebony P A {

	COLOR: #666

}

.fog {

	COLOR: #666

}

.fog A, .fog A:visited {

	COLOR: #666

}

.button {

	BORDER-RIGHT: #999 3px double; PADDING-RIGHT: 0.25em; BORDER-TOP: #ccc 3px double; PADDING-LEFT: 0.25em; FONT-SIZE: 1em; PADDING-BOTTOM: 0.25em; BORDER-LEFT: #ccc 3px double; COLOR: #333; PADDING-TOP: 0.25em; BORDER-BOTTOM: #999 3px double; FONT-FAMILY: Lucida Grande, Tahoma, Arial, sans-serif; LETTER-SPACING: 0em; background-color: #fff;

}

.button:active {

	BORDER-RIGHT: #ccc 3px double; BORDER-TOP: #999 3px double; BORDER-LEFT: #999 3px double; BORDER-BOTTOM: #ccc 3px double

}

.button:hover {

	CURSOR: pointer

}

#headerButtons{

	width: 350px;

	position: relative;

	float: right;

	text-align: left;

	bottom: -1em;

}

#headerButtons ul li{

	font-weight: bold;

	font-size: 0.7em;

	display: inline;

	margin-top: 0em;

	margin-right: 0.3em;

	margin-left: 0.3em;

}

#headerButtons ul li a{

	padding-left: 4px;

	color: #666666;

	text-decoration: none;

	font-size: 0.85em;

}

#headerButtons ul li a:hover{

	color: #666666;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #F8B277;

	background-color: #F2EFCC;

}

#headerButtons ul li a.current{

	border-bottom-width: 3px;

	border-bottom-style: solid;

}

.icons {

	text-align: left;

	vertical-align: middle;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

#disclaimer{
	height:auto;
	BORDER-RIGHT: #ebefc2 1px solid;
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1.2em;
	PADDING-BOTTOM: 0.3em;
	COLOR: #000;
	PADDING-TOP: 0.3em;
	BORDER-BOTTOM: #ebefc2 1px solid;
	background-color: #fbffcf;
	width: 30%;

}

#disclaimer p {

	font-size: 0.67em;

}

#inner{

	height:200px;

	font-size: 0.95em;

}

/* navigation styles */

#inner #left {

	width: 154px;

	float: left;

	background-color:#FDFFEF;

	border:1px solid #ECEFD1;

	height: auto;

	padding-top: 15px;

	padding-right: 5px;

	padding-bottom: 15px;

	padding-left: 5px;

}

/* content styles */

#inner #center {

	margin-top: 0;

	margin-right: 172px;

	margin-bottom: 0px;

	margin-left: 175px;

	background-color:#FDFFEF;

	border:1px solid #ECEFD1;

	height: auto;

	padding-top: 15px;

	padding-right: 5px;

	padding-bottom: 15px;

	padding-left: 5px;

}



/* third column styles */

#inner #right {

	margin: 0px;

	float: right;

	width: 154px;

	background-color: #FDFFEF;

	background-color:#FDFFEF;

	border:1px solid #ECEFD1;

	height: auto;

	padding-top: 15px;

	padding-right: 5px;

	padding-bottom: 8px;

	padding-left: 5px;

}

.subTitles {

	color: #663300;

}

#footer .copyright {

	font-size: 0.85em;

}

#footer .copyright A{

	CURSOR: pointer; COLOR: #666;

	TEXT-DECORATION: none

}

#flashcontent{

	margin-bottom:1.6em;

}

.userInfo{

	float:right;

	font-size:0.9em;

	width:37%;

	margin-top: 1.2em;

}

.messageBox{

	float:left;

	width:60%;

	font-size:0.85em;

	margin-top: 1.2em;

	margin-right: 4px;

	margin-bottom: 20px;

	margin-left: 0;

}

.messageBox textarea{

	margin:2px 0 10px 0;

	font-size:1.1em;

	width:90%;

	height:200px;

}

.userInfo input{

	font-size:1em;

	width:95%;

	margin:2px 0 5px 0;

}

.userInfo input:focus{

	background-color:#E2E0B9;

}

.userInfo .button{

width:30%;

font-size:.7em;

}

.alert{

	color:#FF0000;

}

.onIE{

	background-color:#E2E0B9;

}

.offIE{

	background-color:#FFFFFF;

	color:#000000;

}

/*

LOVELY COMMENT ENTRY STYLES



#entryComments div.mahogany{

	background-color:#fff;

	border:1px solid #fff;

}

#entryComments div.moss {

	background-color:#fff;

	border:1px solid #fff;

}

#entryComments div.khaki{

	background-color:#FDFFEF;

	border:1px solid #ECEFD1;

}

#entryComments div.ebony {

	background-color:#F9FFEF;

	border:1px solid #E4EFD1;

}

*/

#entryComments{

	background-color:#FDFFEF;

	border:1px solid #ECEFD1;

	margin-top: -0.3em;

	padding: 8px;

	margin-bottom: 0.3em;

	color: #666666;

}

#entryComments p{

	font-size: 0.7em;

}
#rightColumn h3 {
	font-size: 1.2em;
}