body
{
	margin:0px auto;padding:0px auto;background-color:#FFFFFF;
	scrollbar-face-color: #DCDCDC; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-3dlight-color: #BBBBBB;
	scrollbar-arrow-color: #626262; 
	scrollbar-track-color: #EFEFEF;
	scrollbar-highlight-color: #ffffff;
	scrollbar-darkshadow-color: #bbbbbb;
	scrollbar-darkshadow-color: #bbbbbb;

}
/*DO NOT DELETE THIS PART. INSTEAD MODIFY THE VALUES*/
.TblBorder { border-right: #5E6466 1px solid; border-top: #5E6466 1px solid; border-left: #5E6466 1px solid; border-bottom: #5E6466 1px solid }	

.TblHeading {font-family:Calibri, Arial, Helvetica, san-serif; font-size:12px; font-weight:bold;background-color:#ACACAC;width:100%; height:30px; color:#FFFFFF;vertical-align:top;}
.TblHeading a {font-family:Calibri, Arial, Helvetica, san-serif; font-size:12px; font-weight:bold;background-color:#ACACAC;width:100%; height:30px; color:#FFFFFF;vertical-align:top;text-decoration:none;}
.TblHeading a:hover {font-family:Calibri, Arial, Helvetica, san-serif; font-size:12px; font-weight:bold;background-color:#ACACAC;width:100%; height:30px; color:#FFFFFF;vertical-align:top;text-decoration:underline;}

.NewsBottomRepeater {width:200px;height:7px;}

.button { background-color:#ACACAC;  font-family:verdana;color:#FFFFFF; font-weight:normal; font-size:10px;border:solid 1px #FFFFFF;height:20px; }
.controlarea { background-color:#FFFFFF; font-family:verdana; font-weight:normal; color:#000000; font-size:10px; border:solid 1px #AFAFAF; height:15px; }


.HrClass{height:1px;color:#014471;}
.hrline{height:1px;color:#ACACAC;}
#Copy { font-family:verdana; font-weight:normal; text-align:center; color:#6B6B6B; font-size:10px; }
#Copy a{ font-family:verdana; font-weight:normal; text-align:center; color:#E3DCDC; text-decoration:none; font-size:10px;}
#Copy a:hover{ font-family:verdana; font-weight:normal; text-align:center; color:#F2CECE; font-size:10px; text-decoration:underline;}

.labelarea{font-family:Calibri, Arial, Helvetica, san-serif; font-size:12px; font-weight:normal;color:#000000;} 
form{
	margin:0px;
	padding:0px;
}


/* 

	SearchField	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

/* default (inactive field) */
.sf_inactive{
	border:2px #3d91a5 solid;
	background:#FFFFFF;
	color:#003366;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:2px #8BB544 solid;
	background:#FFFFFF;
	color:#000000;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:2px #3c90a5 solid;
	background:#FFFFFF;
	color:#000000;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
	
}
.sf_suggestion ul{
	position:relative;
	margin:0;
	padding:0;
	background:#99CCFF;
	color:Black;
	top:0;
	left:0;
	border:1px solid silver;
	width:170px;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
	font-family:Verdana;
	font-size:12px;
	height:20px;
	width:170px;
}
.sf_suggestion li a{
	display:block;
	text-indent:0px;
	height:20px;
	color:#000000;
}
.sf_suggestion li.selected a{
	background:#FFFFFF;
}

/***************************************************************************************/
/* HERE ONWARDS YOU CAN OMMIT WHOLE CSS DEFINE AS PER YOUR LAYOUT*/

#master
{
	position:relative;padding:0px auto;margin:0px auto;width:100%;
}
#layout
{
	position:relative;width:1000px;background-image:url(../../Includes/Images/bgBottom.jpg);background-repeat:no-repeat;background-position:bottom right;z-index:0;overflow:hidden;
}	
	#layoutMiddle
	{
		position:relative;margin-left:31px;margin-right:31px;margin-top:2px;width:938px;
	}	
		#layoutMiddle #header
		{
			position:relative;width:938px; height:86px;
		}
			#header #headerCol1
			{
				position:relative;float:left;width:15px; height:86px;
			}
			#header #headerCol2
			{
				position:relative;float:left;width:110px; height:86px;
			}
			#header #headerCol3
			{
				position:relative;float:left;width:638px; height:86px;
			}
			#header #headerCol4
			{
				position:relative;float:left;width:161px; height:86px;background-image:url(../../Includes/Images/DOKHC_07Contact.gif);background-repeat:no-repeat;
			}
				 #headerCol4 .headerCol4ContactDetails
				{
					position:absolute;left:0px;top:28px; width:161px; height:35px;
				}
				.contact
				{
					font-family: Calibri, Arial, Helvetica, san-serif; font-size: 12px;font-weight:bold;color:#FFFFFF;text-align:left;text-decoration:none;line-height:1.6em;
				}
				.contact a
				{
					font-family: Calibri, Arial, Helvetica, san-serif; font-size: 12px;font-weight:bold;color:#FFFFFF;text-align:left;text-decoration:none;line-height:1.6em;
				}
				.contact a:hover
				{
					font-family: Calibri, Arial, Helvetica, san-serif; font-size: 12px;font-weight:bold;color:#FFFFFF;text-align:left;text-decoration:underline;line-height:1.6em;
				}
			#header #headerCol5
			{
				position:relative;float:left;width:14px; height:86px;
			}
		#layoutMiddle #blankTop
		{
			position:relative;width:938px; height:15px;font-size:0px;
		}
		#layoutMiddle #content
		{
			position:relative;width:938px;min-height:650px;
		}
		*html #content
		{
			height:650px;
		}
			 #content #contentLeft
			 {
			 	position:relative;float:left;width:179px;border:0px solid red;
			 }
				 #contentLeft #contentLeftTop
				 {
					position:relative;width:179px;height:34px;
				 }
				 #contentLeft #contentLeftMiddle
				 {
					position:relative;width:179px;height:599px;background-image:url(../../Includes/Images/Left_02Rpt.gif);background-repeat:repeat-y;
				 }
				 #contentLeft #contentLeftBottom
				 {
					position:relative;width:179px;height:21px;
				 }
			 	#contentLeft #contentLeftSupport
				{
					position:relative; width:179px;height:180px;background-image:url(../../Includes/Images/DOKHC_10B.gif);background-repeat:no-repeat;
				}
					#contentLeftSupport #contentLeftSupportIn
					{
						position:absolute;width:159px;height:127px;left:10px;top:40px;
					}
				#contentLeft #contentLeftSupportBelow
				{
					position:relative; width:179px;height:27px;font-size:0px;
				}
				#contentLeft #contentLeftDonate
				{
					position:relative; width:179px;height:180px;background-image:url(../../Includes/Images/DOKHC_20B.gif);background-repeat:no-repeat;
				}
					#contentLeftDonate #contentLeftDonateIn
					{
						position:absolute;width:159px;height:127px;left:10px;top:40px;
					}
				#contentLeft #contentLeftDonateBelow
				{
					position:relative; width:179px; height:25px;font-size:0px;
				}
				#contentLeft #contentLeftVolunteer
				{
					position:relative; width:179px;height:179px;background-image:url(../../Includes/Images/DOKHC_22B.gif);background-repeat:no-repeat;
				}
					#contentLeftVolunteer #contentLeftVolunteerIn
					{
						position:absolute;width:157px;height:130px;left:10px;top:40px;
					}
			 #content #contentMiddle
			 {
			 	position:relative;float:left;width:532px;margin-left:20px;margin-right:23px;border:0px solid green;
			 }
			 	#contentMiddle #contentMiddleTop
				{
					position:relative;width:532px;height:18px; border:0px solid green;
				}
				#contentMiddle #contentMiddleMenu
				{
					position:relative;width:532px;height:23px;background-image:url(../../Includes/Images/DOKHC_ContentRpt.gif);background-repeat:repeat-y;
				}
				#contentMiddle #contentMiddleContent
				{
					position:relative;width:532px;min-height:590px;background-image:url(../../Includes/Images/DOKHC_ContentRpt.gif);background-repeat:repeat-y;
				}
				*html #contentMiddleContent
				{
					height:435px; 
				}
					#contentMiddleContent #contentMiddleContentIn
					{
						position:relative;width:482px;margin-left:25px;margin-right:25px;border:0px solid red;
					}
				#contentMiddle #contentMiddleBottom
				{
					position:relative;width:532px;height:28px;font-size:0px;
				}
			 #content #contentRight
			 {
			 	position:absolute;right:0px;top:0px;width:184px;z-index:0;
			 }
			 	#contentRightLotter
				{
					position:relative;width:184px;height:34px;
				}
				#contentRightLotterImg
				{
					position:relative;width:184px;height:68px;background-image:url(../../Includes/Images/DOKHC_Lotter_02.gif);background-repeat:no-repeat;
				}
				#contentRightBlank
				{
					position:relative;width:184px;height:19px;
				}
				#ContentRightShop
				{
					position:relative;width:184px;height:69px;
				}
				#contentRightBlankShop
				{
					position:relative;width:184px;height:19px;
				}
				#contentRightNews
				{
					position:relative;width:184px;height:34px;
				}
				#contentRightNewsArea
				{
					position:relative;width:184px;height:392px;background-image:url(../../Includes/Images/DOKHC_News_Rpt.gif);background-repeat: repeat-y;
				}
				#contentRightNewsBelow
				{
					position:relative;width:184px;height:23px;
				}
		#layoutMiddle #blankBottom
		{
			position:relative;width:938px;height:15px;font-size:0px;
		}
#Footer
{
	position:relative;width:1000px;
}
				.mainheading
				{
					font-family:Calibri, Arial, Helvetica, san-serif;
					font-size:13px;
					color:#000000;
					text-align:left;
					text-decoration:none;
					font-weight:bold;text-align:justify;
				}
				.maintext
				{
					font-family:Calibri, Arial, Helvetica, san-serif;
					font-size:12px;
					color:#717171;
					text-align:left;					
					font-weight:normal;
					text-decoration:none;text-align:justify;
				}
				.maintext A
				{
					font-family:Calibri, Arial, Helvetica, san-serif;
					font-size:12px;
					color:#717171;
					text-align:left;					
					font-weight:normal;
					text-decoration:none;text-align:justify;
				}
				.maintext A:hover
				{
					font-family:Calibri, Arial, Helvetica, san-serif;
					font-size:12px;
					color:#717171;
					text-align:left;					
					font-weight:normal;
					text-decoration:underline;text-align:justify;
				}
				.FooterMenu
				{
					font-family:Calibri, Arial, Helvetica, san-serif;
					font-size:12px;
					color:#000000;									
					font-weight:normal;
					text-decoration:none;
				}
				.FooterMenu A
				{
					font-family:Calibri, Arial, Helvetica, san-serif;
					font-size:12px;
					color:#000000;								
					font-weight:normal;
					text-decoration:none;
				}
				.FooterMenu A:hover
				{
					font-family:Calibri, Arial, Helvetica, san-serif;
					font-size:12px;
					color:#000000;								
					font-weight:normal;
					text-decoration:underline;
				}

/***************************************cotrol which is use */

.NewsLetterCotrol
{
	 width:156px;
	 height:15px;
	 background-color:#AFAFAF;
	 border:0px;
}
.MembersCotrol
{
/*width:86px;
height:12px;
background-color:#000000;
border:1px solid #7A7A7A;
font-family:verdana; font-weight:normal; color:#FFFFFF; font-size:11px;*/
font-family:Calibri; 
font-weight:normal; 
color:#647287; 
font-size:12px;
width:86px;
height:12px;
background-color:#C7C6C6;
border:0px;
}
.SeacrhCotrol
{
font-family:Calibri; 
font-weight:normal; 
color:#647287; 
font-size:12px;
width:111px;
height:14px;
background-color:#C7C6C6;
border:0px;
}
.NavLeft
{
	font-family:Calibri, Arial, Helvetica, san-serif;
	font-size:12px;
	text-align:left;
	color:#000000;									
	font-weight:bold;
	text-decoration:none;
}
.NavLeft a
{
	font-family:Calibri, Arial, Helvetica, san-serif;
	font-size:12px;
	text-align:left;
	color:#000000;									
	font-weight:bold;
	text-decoration:none;
}

.NavLeft a:hover
{
	font-family:Calibri, Arial, Helvetica, san-serif;
	font-size:12px;
	text-align:left;
	color:#000000;									
	font-weight:bold;
	text-decoration:underline;
}