/*Global--------------------------------------------------------------------------------*/

html,body{margin:0;padding:0; border:0px;}

table td {border:0px solid purple; border-collapse: collapse; table-layout:fixed; vertical-align:middle; margin:0px; padding:0px;} /*display:block; height:0px;}*/


TABLE    { display: table;}
TR       { display: table-row; }
THEAD    { display: table-header-group; }
TBODY    { display: table-row-group; }
TFOOT    { display: table-footer-group; }
COL      { display: table-column; }
COLGROUP { display: table-column-group; }
TD, TH   { display: table-cell; }
CAPTION  { display: table-caption; }

TABLE h4 {margin:0px; padding:0px;}
 
.middleContent TABLE {float:left;}


body {
	background:#ffffff url(../images/bgBody.jpg) repeat-x 0px 0px;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #2b014a;
	line-height: normal;
	text-align: center;
}

a{color:#01707f; text-decoration:underline; padding:0px;}
a:hover{color:#01707f; text-decoration:none;}
a:visited{color:#01707f;}
a:active{color:#01707f;}

a img {border:0px;}


h1, h2 {color:#008a97; font-weight:bold;}

h1 {font-size:1.4em;}
h2 {font-size:1.2em;}


/*form elements & contact page-------------------------*/

INPUT{border:1px solid #B0B0B0; padding:3px; font-weight:bold;}
INPUT:hover {background: #FFFFCC;}
INPUT:focus {background: #FFFFCC;}
INPUT:focus:hover {background: #FFFFCC;}
INPUT:focus:active {background: #FFFFCC;}

.tdlabel {}

#ddlState{border:1px solid #B0B0B0;}

#rbContact {border:0px solid #B0B0B0;}
#rbContact_0 {border:0px solid #B0B0B0;}
#rbContact_1 {border:0px solid #B0B0B0;}
#rbNewsletter {border:0px solid #B0B0B0;}
#rbNewsletter_0 {border:0px solid #B0B0B0;}
#rbNewsletter_1 {border:0px solid #B0B0B0;}

.btn {background:#1f8ca7; color:white; padding:3px; border:1px solid #a2a2a2;}
.btn:hover {background:#78b3c1; color:white; border:1px solid #a2a2a2;}

.border{border:1px solid #B0B0B0;}
.noBorder{border:0px solid #B0B0B0;}


/*Social Fund Homepage*/

.hdr-fund {height:42px; background:url(../images/hdr_social_fund.gif) no-repeat 0 0;}
.fund-content {color:white; background:url(../images/bg_social_fund.gif) repeat-y  0 0; }
.ftr-fund {height:26px; background:url(../images/ftr_social_fund.gif) no-repeat 0 0; }


/*Current Interest TOP item - */
.top-item-current-interest {font-size:10px; width:auto; margin-left:14px; padding-right:10px; border:0px solid red; color:#7f713a;}
.top-item-current-interest h2 {color:#008a97; font-size:12px; font-weight:bold; margin:0; padding:0;}
.top-item-current-interest h2 a {float:none; text-decoration:none;}
.top-item-current-interest h2 a:visited {}
.top-item-current-interest h2 a:hover {color:#7f713a; text-decoration:none;}
.top-item-current-interest h2 a:active {} 


.top-item-current-interest a {float:right; text-decoration:none;}
.top-item-current-interest a:visited {}
.top-item-current-interest a:hover {text-decoration:underline;}
.top-item-current-interest a:active {}


/*Structural--------------------------------------------------------------------------------*/

div#container		
		{
			display:block;
			margin: 0em auto;
			width: 790px;
			height:auto;
			border: 0px solid #000;
			padding: 0em;
			text-align: left;
			
			

}


div#background		
		{	float:left;
			display:block;
			position:relative;
			margin:0px;
			width: 790px;
			height:100%;
			border:0px solid #000;
			top:0px;
			left:0px;
			padding: 0px;
			background: white url(../images/bgMiddle.gif) repeat-y 0px 0px;
			border-top:0px solid #727272;
			margin:0px 0px 0px 0px;
		}







/*footer*/

div#footer {

	display: block;
	position:relative;
	float:left;
	height:29px;
	width: 790px;
	/*margin: 0px 0px 90px 0px;*/
	padding: 0px;
	left:0px;
	border:0px solid red;
	color:#474747;
	font-size:.60em;
	font-weight:bold;
	background:#FFFFFF url(../images/bgFooter.jpg) no-repeat top left;
	text-align:center;
}




#footer a {color:White;}


div#footerContent {
	
	        color:white;				
			margin: 0em auto;
			width: 734px;
			height:25px;
			border: 0px solid #000;
			text-align: left;
			border:0px solid purple;
			margin:0px 0px 0px 0px;

}



		div#footerLeft {

			display: block;
			position:relative;
			float:left;
			height:20px;
			width:auto;
			margin:0px 0px 0px 15px;
			padding:7px 0px 0px 0px;
			border: 0px solid red;
			
		}
		

		
		div#footerRight {

			display: block;
			position:relative;
			float:right;
			height:20px;
			width:auto;
			margin:0px 0px 0px 0px;
			padding:8px 0px 0px 0px;
			border: 0px solid red;
			
		}

/*TC footer*/

div#footerTectonic {

			display: block;
			position:relative;
			float:right;
			height:auto;
			width:auto;
			margin:3px 0px 0px 0px;
			padding:0px;
			border: 0px solid red;
			text-align:right;
			color:#be9b6a;	
		}
#footerTectonic a {color:#be9b6a;}

/*merged --------------------------------------------------------------------------------*/


/*classes-------------------*/
/*calendar links*/
.calendarLinks a{font-size:.97em; color:#8d8d8d; text-decoration:none; padding:0px}
.calendarLinks a:hover{color:#004851; text-decoration:underline;}
.calendarLinks a:visited{color:#8d8d8d;}
.calendarLinks a:active{color:#8d8d8d;}

/*border on calendar*/

.calendarHead {border-bottom:4px solid black;}

/*-----------------top graphic----*/

div#top
{
	margin: 0em auto;
	width: 790px;
	height: 129px;
	float: left;
	border: 0px solid #000;
	padding: 0em;
	text-align: left;
	background: url(../images/navBar.jpg) no-repeat -9px bottom;

}



/*-----------------top logo----*/


div#logo
{
	display: block;
	position: relative;
	height: 91px;
	width: 230px;
	left: 0px;
	top: 0px;
	float: left;
	border: 0px solid red;
	margin: 0px;
	padding: 0px;
}


#logo h1
{
	float: left;
	display: block;
	height: 91px;
	width: 230px;
	background: url(../images/logoFHK.gif) no-repeat left top;
	text-align: left;
	text-indent: -5000px;
	line-height: 0;
	position: relative;
	margin: 0px;
	cursor: pointer;
}


/*-----------------top Menu----*/


div#menuBgTop
{
	display: block;
	position: relative;
	float: right;
	height: 20px;
	width: 230px;
	top: 8px;
	left: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #044C17;
	color: black;
	font-size:.80em;
}

#topMenu
{
	display: block;
	position: relative;
	float: left;
	width: auto;
	left: 0px;
	top: 0px;
	border: 0px solid purple;
	margin: 0px;
	
}



#topMenu ul
{
	float: right;
	display: block;
	position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px; 
	border:0px solid red;
	height:22px;
}



#topMenu li
{
	display: inline;
	float: left;
	margin: 0px;
	padding:0px; 
	text-align: left;
	/*text-indent: -5000px;*/
	/*background:url(../images/bgBtn.gif) no-repeat 0 0;*/ 
	/*line-height:33px;*/
}



#topMenu li a
{
	display: block;
	float: left;
	color: #A69F84;
	text-decoration: none;
	padding: 0px;
	margin: 0px 65px 0px 0px;
	border: 0px solid blue;
	/*width: 0px;
	height: 28px;*/
	
}


#topMenu li a:hover {color: #8c866d; text-decoration: none;}
#topMenu li a:active {color: #A69F84; text-decoration: none;}
#topMenu li a:visited {color: #A69F84; text-decoration: none;}



#menuBgTop img
{
	width: 90px;
	height: 80px;
	margin: 0px 0px 3px 9px;
	border: 1px solid #044C17;
}



/*-----------------top Search----*/

div#searchTop
{
	float: right;
	position: relative;
	display: block;
	width:350px;
	height: 80px;
	border: 0px solid red;
	top: 14px;
	left: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

div#searchBox
{
	float: right;
	position: relative;
	display: block;
	width:auto;
	height: 21px;
	border: 0px solid blue;
	top: 14px;
	left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin:0px;
	padding:0px;
}

/*Overides Body Style resets*/
#searchBox input{float:left; display:block; position:relative; font-weight:normal;}

/*Search Button*/

/*.searchTopBtn img { border:0px solid red; height:21px; padding:0px; margin-top:0px;}*/

.searchTopBtn
{
	float:right;
	top: -3px;
	position: relative;
	display: block;
	width: 50px;
	height: 21px;
 
}

.searchTopBtn:hover {background:none;}


/*Search input*/

.textBackground {width:150px; margin-top:0px; background:#ffffff url(../images/icoSearch2.gif) no-repeat 0px -1px; padding:1px; padding-left: 21px;}

.textBackground:hover {width:150px; background:#FFFFCC url(../images/icoSearch2Over.gif) no-repeat 0px -1px; padding-left: 21px;}
.textBackground:focus {background:#FFFFCC url(../images/icoSearch2Over.gif) no-repeat 0px -1px;}
.textBackground:focus:hover {background:#FFFFCC url(../images/icoSearch2Over.gif) no-repeat 0px -1px;}

 .textBackground input {float:left; display:block; position:relative; height:15px; top:0px; font-size:12px; padding:0px; margin-top:0px; font-weight:normal; border:1px solid #018a9c; background:#ffffff url(../images/icoSearch2.gif) no-repeat 0px -1px;}




/*-----------------Search Result Styles----*/

#pnlArticles h2 {font-size:1.3em; margin:10px 0px 0px 0px; padding:0px; color:black;}
#pnlArticles{font-size:.86em; color:#5b5b5b; font-weight:normal;}
#pnlArticles table td {padding:8px;}
#pnlArticles a{color:#5b5b5b; font-size:.86em; font-weight:normal;}
#pnlArticles a:hover{color:#008a97;}


/*--------------main top nav -------------------------*/

/*div#mainTopNavBg {
}
*/

#mainTopNav
{
	width: 750px;
	left: 86px;
	top: 18px;
	border: 1px solid purple;
	margin: 0px;
	/*font-size:.80em;*/
	
	
}




#mainTopNav img
{
	width: 90px;
	height: 80px;
	margin: 0px 0px 3px 9px;
	border: 1px solid #044C17;
}





/*-----------------Top Photo----*/


div#topPhotoContainer
{
	float: left;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 791px;
	top:0px;
	border: 0px solid red;
	/*background: url(../images/hatRight.jpg) no-repeat 0 0;*/
	
}


.homePhotoL {

	float: left;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 415px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopL.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}


.homePhotoR {

	float: right;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 376px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopR.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.aboutPhotoL {

	float: left;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 415px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopL2.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.aboutPhotoR {

	float: right;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 376px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopR2.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.grantsPhotoL {

	float: left;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 415px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopL3.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.grantsPhotoR {

	float: right;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 376px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopR3.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.newsPhotoL {

	float: left;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 415px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopL4.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.newsPhotoR {

	float: right;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 376px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopR4.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.presentationPhotoL {

	float: left;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 415px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopL5.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.presentationPhotoR {

	float: right;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 376px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopR5.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.calendarPhotoL {

	float: left;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 415px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopL6.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.calendarPhotoR {

	float: right;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 376px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopR6.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.contactPhotoL {

	float: left;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 415px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopL7.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}

.contactPhotoR {

	float: right;
	position: relative;
	display: block;
	left: 0px;
	height: 243px;
	width: 376px;
	top: 0px;
	border: 0px solid red;
	background: url(../images/photoTopR7.jpg) no-repeat 0 0;
	/*z-index: 300;*/
}



div#middleLeftColumn
{
	display: block;
	position: relative; /*position:absolute;*/
	float: right;
	height: auto;
	width: 210px;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	top: -5px;
	left: 0px;
	right:0px;
	border: 0px solid purple;
	background:url(../images/bgSideRepeat.jpg) repeat-y 0 0;

	
}


/*-----------------Flash----	
		
div#flashHolder	{

			display: block;
			position:relative;
			float:left;
			width:564px;
			height:178px;
			margin:0px;
			padding:0px;
			top:8px;
			left:2px;
			right:0px;
			border: 0px solid red;
		}	
	
	
	
div#flash	{

			display: block;
			position:relative;
			float:left;
			width:561px;
			height:178px;
			margin:0px;
			padding:0px;
			background:url(../images/flash.jpg) no-repeat 0 0;
			top:0px;
			left:0px;
			border: 0px solid purple;
		}*/

/*-----------------Middle Content Area----*/

div#middle
{
	display: block;
	position:relative;
	float: left;
	height: auto;
	width: 530px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	background: white /*url(../images/bgContent.jpg) no-repeat 0 0*/;
	top: 0px;
	left: 30px;
	border: 0px solid green;
}






/*-----------------Middle Content Area Column----*/

div#middleColumn
{
	float: left;
	display: block;
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	border: none;
	border: 0px solid orange;
}

/*-----------------Middle Content Area Column Buffer----*/
.middleContainer
{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	border: 0px solid blue;
}




/*Content Area------------------------------------------*/
.middleContent
{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width:97%;
	margin-bottom: 25px;
	padding: 0px 8px 8px 8px;
	background: none;
	top: 0px;
	left: 0px;
	border: 0px solid #727272;
	border-top: 0px solid #055F1D;
	color:black;
	font-size:90%;
	
}



/*Generic Headers


.middleContent h1, h2, h3 
{
	margin: 8px 0px 8px 0px;
	top: 0px;
	left: 0px;
	border: 0px solid purple;
	color:#008a97;
}

.middleContent h2{font-size: 130%;}
.middleContent h2{font-size: 120%;}
.middleContent h3{font-size: 100%;}*/


.middleContent img
{
	margin: 6px;
	border:1px solid #85bfcd;
}

.middleContent img a
{
	border: 0px;
}

.noborderimg{border:0px solid #85bfcd;}


/*news headline styles for the kyHealthNews Page*/
.middleContent h4{display: block; font-size:.88em; height:auto; position:relative; width:auto; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 8px 0px; color:#008a97; text-transform:uppercase;}
.middleContent h4 a {display: block; position:relative; text-transform: none; width:auto; height:auto; font-size:.86em; font-weight:bold; padding:15px 3px 15px 3px; margin:0px 0px 0px 0px; border-bottom:1px dotted #d4d0c8; color:#535353;text-decoration:none;}
.middleContent h4 a:hover{display: block; color:#008a97; background-color:#f6f6f6;}



/*middle boxes boxes---------------------------------------	*/


div#middleBoxesContainer
{
	display: block;
	float: left;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 0px;
	background: none;
	top: 30px;
	left: 8px;
	border: 0px solid blue;
	border-top: 0px;
	/*color: black;*/
	font-size:.80em;
	font-weight:normal;
}


#middleBoxesContainer a {color:Red;}

/*news headlines/ middle box1*/

div#middleBox1
{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width: 565px;
	margin: 0px;
	padding: 0px;
	background: none;
	top: 0px;
	left: 0px;
	border: 0px solid green;
	border-top: 0px;
	/*color: black;*/
	
}


/*middle box 1 hdr*/

#middleBox1 h2
{
	display: block;
	float: left;
	height: 33px;
	width: 450px;
	background: white url(../images/hdrSpecials.gif) no-repeat left top;
	text-align: left;
	text-indent: -5000px;
	line-height: 0;
	position: relative;
	margin: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	border: 0px solid purple;
}


div#middleBox1Content
{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width: 450px;
	margin: 0px;
	padding: 5px;
	background: none;
	top: 0px;
	left: 0px;
	border: 0px solid #727272;
	border-top: 0px;
	border-bottom: 0px solid #727272;
	font-weight:normal;
}

#middleBox1Content img
{
	padding: 4px;
}

#middleBox1Content ul
{
	display: block;
	float: left;
	height: auto;
	width: 100%;
	background: none;
	text-align: center;
	position: relative;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	border: 0px solid purple;
}
#middleBox1Content li
{
	display: block;
	float: none;
	height: 150px;
	background: none;
	text-align: center;
	position: relative;
	border: 0px solid green;
	list-style-position: inside;
}

/*
#middleBox1Content h4
{
	display: block;
	float: left;
	height: auto;
	width: 100%;
	background: none;
	text-align: center;
	line-height: normal;
	position: relative;
	/*margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border: 0px solid purple;
	color: #2a0348;
	font-size: 90%;
	cursor: pointer;
}*/



/*#middleBox1Content a
{
	color: #561686;font-weight:normal;
}
#middleBox1Content a:hover
{
	color: #2a0348;
}
#middleBox1Content a:active
{
	color: #2a0348;
}
#middleBox1Content a:visited
{
	color: #2a0348;
}

*/

div#middleBox1Footer
{
	float: left;
	display: block;
	position: relative;
	width: 565px;
	height: 38px;
	background: url(../images/bgFooterView.jpg) no-repeat 0px 0px;
	border: 0px solid red;
	cursor: pointer;
}


/*middle Box2*/


div#middleBox2
{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width: 565px;
	margin: 0px;
	padding: 0px;
	background: none;
	top: 0px;
	left: 0px;
	border: 0px solid #727272;
	border-top: 0px;
	/*color: black;*/
}


#middleBox2 h3
{
	display: block;
	float: left;
	height: 33px;
	width: 565px;
	background: white url(../images/hdrRecent.gif) no-repeat left top;
	text-align: left;
	text-indent: -5000px;
	line-height: 0;
	position: relative;
	margin: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	border: 0px solid purple;
}



div#middleBox2Content
{
	display: block;
	position: relative;
	float: left;
	height: auto;
	width: 548px;
	margin: 0px;
	padding: 5px;
	background: none;
	top: 0px;
	left: 0px;
	border: 0px solid #727272;
	border-top: 0px;
	border-bottom: 0px solid #727272;
	font-weight:normal;
}

#middleBox2Content img
{
	/*padding: 6px;*/
}

/*#middleBox2Content h4
{
	display: block;
	float: left;
	height: auto;
	width: 100%;
	background: none;
	text-align: center;
	line-height: normal;
	position: relative;
	/*margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border: 0px solid purple;
	color: #CF7833;
	font-size: 90%;
	cursor: pointer;
}*/
#middleBox2Content ul
{
	display: block;
	float: left;
	height: auto;
	width: 100%;
	background: none;
	text-align: center;
	position: relative;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	border: 0px solid purple;
}
#middleBox2Content li
{
	display: block;
	float: none;
	height: 150px;
	width: inherit;
	background: none;
	text-align: center;
	position: relative;
	border: 0px solid green;
	list-style-position: inside;
}

/*
#middleBox2Content a
{
	color: #561686; font-weight:normal;
}
#middleBox2Content a:hover
{
	color: #2a0348;
}
#middleBox2Content a:active
{
	color: #2a0348;
}
#middleBox2Content a:visited
{
	color: #2a0348;
}
*/


div#middleBox2Footer
{
	float: left;
	display: block;
	position: relative;
	width: 565px;
	height: 38px;
	background: url(../images/bgFooterView.jpg) no-repeat 0px 0px;
	border: 0px solid red;
	cursor: pointer;
}