/* CSS Document */

/* Independence at home website */

/* Author: RealityHouse */



* {

	margin: 0;

	padding: 0;

}

html {

	font-size: 100%;

}

body {

	font-size: 75%; /* 12px */

	font-family: Arial, Verdana, Helvetica, sans-serif;

	color: #000000;

	background-image: url(../images/bandbkg.gif);

	background-repeat: repeat-x;

	margin-bottom: 15px;

	background-color: #e0eeff;

}

h1, h2 {

	font-size: 1.2em;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 140%;

	margin-bottom: 15px;

}

p {

	font-size: 1em;

	line-height: 140%;

	margin-bottom: 8px;

}

a:link {

	text-decoration: underline;

	color: #003366;

}

a:visited {

	text-decoration: underline;

	color: #999;

}

a:hover {

	color: #6666cc;

}

div#wrap {

	width: 950px;

	margin: 0 auto 25px;

}

abbr:hover{

	cursor: help;

}

/* -- logo, staff, strap -- */



div#head {

	display: block;

	height: 112px;

	position: relative;

}

img#khlogo {

	position: absolute;

	top: 0;

	left: 0;

}

#donate {

	position: absolute;

	top: 0;

	right: 17px;

	width: 180px;

	height: 90px;

	background-image: url(../images/bkg_donate.gif);

	text-align: center;	

}

#donate p {

	margin: 0;

	padding: 20px 0 0 0;

	color: #FFF;

}

#donate p img {

	margin: 0 0 10px 0;

}

#donate p a {

	color: #FFF;

}





/* main navigation */



ul#nav {

	float: left;

	display: block;	

	margin: 5px 0 0 10px;

	padding: 0;

	width: 720px;

	height: 34px;

}

ul#nav li {

	list-style-type: none;

/*	display: inline;			*/

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	margin-right: 6px;

	background-color: #0f3070;

	background-image: url(../images/nav_blue_right.gif);

	background-repeat: no-repeat;

	background-position: top right;

}

ul#nav li a {

	background-image: url(../images/nav_blue_left.gif);

	background-repeat: no-repeat;

	background-position: top left;	

	padding: 6px 15px 8px 15px;

	display: block;

}



ul#nav li#active {

	background-image: url(../images/nav_yellow_right.gif);

	background-color: #e9ae01;

}

ul#nav li#active a {

	background-image: url(../images/nav_yellow_left.gif);

	color: #0f3070;

}



ul#nav li a:link {

	font-weight: bold;

	text-decoration: underline;

	color: #bed2ff;

}

ul#nav li a:visited {

	font-weight: bold;

	text-decoration: underline;

	color: #CCC;

}

ul#nav li a:hover {

	color: #fff;

}



div#textsize {

	float: left;

	display: block;

	margin-top: 5px;

	padding: 0;

	width: 170px;

}

div#textsize p {

	padding: 0 0 0 46px;

	margin: 0;

	color: #FFF;

	font-family: "Times New Roman", Arial, Verdana, sans-serif;

	font-size: 1.3em;

}

div#textsize p img {

	margin: 0 0 -4px 4px;

}



/* -- content -- */



div#content {

/*	margin: 43px 10px 0 10px;			*/

	margin: 39px 0 0 0;

	padding: 0 10px 0 10px;

	background-color: #FFF;

	border-top: 10px solid #FFF;

	border-bottom: 2px solid #FFF;

}

div#content a:link, div#content a:visited {

	text-decoration: underline;

	background-position: right;

	margin-right: 2px;

	padding-right: 13px;

	color: #003366;

}





div#content a:visited {

	color: #0e3070;

}

div#content a:hover {

	color: #6666cc;

}

div#leftcol {

	float: left;

	width: 738px;

/*	background-image: url(../images/3fauxcolbkg.gif);

	background-repeat: repeat-y;			*/

}



/* new column designs */



div.homeColumn {

	float: left;

	width: 235px;

	margin-right: 11px;

}

div.homeColumn h2, div.homeColumn h1 {

	margin:  0 0 0 0;

	padding: 5px 6px 4px 8px;

	background-color: #eaae02;

	font-size: 1.3em;

	font-family: "Times New Roman", Arial, Helvetica, sans-serif;

	line-height: 140%;

	font-weight: bold;

	color: #0e3070;

}

div.homeColumn div.photoBox {

	margin: 0 0 15px 0;

}

div.homeColumn p {

	padding: 0 10px 10px 12px;

	font-size: 1.2em;

}

div.homeColumn ul {

	color: #0e2f72;

	margin: 0 0 10px 30px;

	font-size: 1.2em;

}

div.homeColumn ul.navigation {

	background-color: #fee6fe;

	padding: 6px;

	margin: 0 10px 10px 12px;

	list-style: none;

}

div.homeColumn ul li {

	padding: 0 0 4px 0;

}

div.homeColumn ul li a {

	color: #102f70;

}





div#feature {

	display: block;

	position: relative;

	height: 200px;

	background-color: #FFF;

}

div#feature img {

	position: absolute;

	top: 0;

	left: 0;

}

div#quote {

	position: absolute;

	top: 0;

	right: 10px;

	width: 180px;

	height: 170px;

	padding: 15px;

	color: #FFF;

	background-color:#003366;

	overflow: hidden;

}

div#quote p {

	line-height: 1.3em;

}

div#quote a:link, div#quote a:visited {

	color: #FFF;

	text-decoration: underline;

	background-image: url(../images/arrowwhite.gif);

	background-repeat: no-repeat;

	background-position: right;

}

div#quote a:visited {

	color: #CCC;

}

div#quote a:hover {

	color: #ABACFF;

}



div#rightcol {

	float: left;

	width: 190px;

}

div#rightcol h3 {

	margin:  0 0 0 0;

	padding: 5px 6px 4px 8px;

	background-color: #eaae02;

	font-size: 1.3em;

	font-family: "Times New Roman", Arial, Helvetica, sans-serif;

	line-height: 140%;

	font-weight: bold;

	color: #0e3070;

	border-bottom: 0;

}

div#rightcol div.serviceTab {

	margin-top: 10px;

}

div.clear {

	clear: both;

}



/* -- footer -- */



div#footer {

	border-top: 1px dotted #5177A5;

	border-bottom: 1px dotted #5177A5;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 2px 0 10px 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

}



div#footer p {

	float: left;

	width: 500px;

	padding: 4px 0 0 0;

	margin: 0;

	color: #0e306f;

}



div#footer ul {

	margin: 5px 0 0 0;

	padding: 0;

	display: inline;

	width: 350px;

	float: right;

	text-align: right;

}

div#footer ul li {

	display: inline;

	list-style-type: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	padding:0;

	margin: 0 0 0 0;

}

div#footer ul li a:link {

	text-decoration: underline;

	color: #0e3070;

	background-image: none;

}

div#footer ul li a:visited {

	text-decoration: underline;

/*	color: #666;			*/

	background-image: none;

}

div#footer ul li a:hover {

	color: #003366;

	background-image: none;

}

div#ukhca {

	display: block;

	margin: 10px 0 25px 0;

}

div#ukhca img {

	margin: 0 10px -20px 0;

}

img#ukhcahome {

	float: left;

	margin: 0 10px 15px 0;

}