/****** Page defaults  ******/

p,blockquote,li,td,th,h1,h2,h3,h4,input,textarea,select,button { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

body,p,blockquote,li,td,th,input,textarea,select,button { font-size: 12px; line-height: 24px; }

h1 {font-size: 18px; font-weight: bold; color:#4186c7; padding-bottom: 6px; text-align: center; margin-top: 1.5em; }
h2 {font-size: 16px; font-weight: bold; color:#789d41; padding-bottom: 6px; }
h3 {font-size: 14px; font-weight: bold; color:#eb8028; padding-bottom: 6px; }
h4 {font-size: 12px; font-weight: bold; color:#4186c7; padding-right: 5px; padding-bottom: 0px; background: url(/KHMapped/images/boxes/contemporary/dotted_line_orange.jpg) repeat-x left bottom; }
h5 {font-size: 12px; font-weight: bold; color:#789d41; padding-bottom: 6px; }
h6 {font-size: 10px; font-weight: bold; color:#eb8028; padding-bottom: 6px; }


sup { font-size: 100%; }


/******  Things that should have no margin by default  ******/

form, div { margin: 0px; padding: 0px; border: 0px; }
input.Text { margin: 0px; background-color: #d9e6f0; }
img { margin: 0px; border: 0px; }

input:focus, textarea:focus { background: #ffc; }
input[type="text"], textarea { 
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}



/****** General Styles ******/


body
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #e5eef3;
}

#wrapper
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	position: relative;
	width: 770px;
	min-height: 100%;
}

#CenterSite
{
	width: 770px;
	height: 100%;
	background: #e5eef3;
	margin-top: 5px;
	margin-left: 3em;
	margin-right: 3em;
	text-align: left;
}

#MainContent
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-bottom: -3em;
	background: none;
	}

.ie #MainContent { 	background: ffffff; }

#MajorContentArea ul { 
	padding: 0px 30px; 
	}

#MajorContentArea li { 
	line-height: 20px; 
	}

#MajorContentArea li a:link { 
	color: #eb8028; 
	text-decoration: underline; 
	}
	
#MajorContentArea li a:visited { 
	color: #eb8028; 
	text-decoration: underline; 
	}
	
#MajorContentArea li a:hover { 
	color: #789d41; 
	text-decoration: underline; 
	}

#MajorContentArea li a:active { 
	color: #789d41; 
	text-decoration: underline; 
	}


/****** Tables  ******/


table.Layout
{
	width: 100%;
	padding: 0px;
	border: 0px;
	text-align: left;
}

/******* Header Logo Graphics ******/


#HeaderBanner
{
	width: 770px;
	height: 240px;
	padding: 0px;
	border-top: 1px solid #4186c7;
}


#LogoBannerMain { 
	position: absolute;
	display: inline;
	top: 275px;
	left: 3.5em;
	padding: 0px;
	}



/****** Main Content Area ******/


#MajorContentArea
{
	float: right;
	display: inline;
	width: 450px;
	margin-bottom: 4em;
	padding: 0 15px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 18px;
}


#HorizontalNavigation
{
	width: 770px;
	height: 24px;
	margin: 0px;
	background-color: #95bb5c;
	border-bottom: 1px solid #4186c7;
	padding: 0px;
	white-space: nowrap;
	clear: both;
}


#MinorContentArea
{
	float: left;
	display: inline;
	clear: left;
	margin-left: 1em;
	margin-top: 9em;
	width: 230px;
	padding: 1px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 18px;
}

#MinorContentArea p
{
	font-size: 11px;
	line-height: 18px;
}

#MinorContentArea a:link
{
	font-size: 11px;
	color: #eb8028;
	text-decoration: underline;
}

#MinorContentArea a:visited
{
	font-size: 11px;
	color: #eb8028;
	text-decoration: underline;
}

#MinorContentArea a:hover
{
	font-size: 11px;
	color: #95bb5c;
	text-decoration: underline;
}

#MinorContentArea a:active
{
	font-size: 11px;
	color: #95bb5c;
	text-decoration: underline;
}

/* Drop Down Menu Styles */


#dd
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 770px;
	text-align: center;
}

#dd li
{
	float: left;
	display: inline;
	font-weight: bold;
}

#dd li a.menu
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	line-height: 1.7em;
	padding: 2px 3em;
	text-align: center;
}


#dd li a.menu:hover
{
	background: #4186c7;
}

.submenu
{
	background: #EAEBD8;
	border-top: 1px solid #4186c7;
	border-bottom: 1px solid #4186c7;
	visibility: hidden;
	position: absolute;
	z-index: 3;
}

.submenu a
{
	display: block;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	padding: 0px 20px;
	color: #4186c7;
}

.submenu a:hover
{
	background: #95bb5c;
	color: #FFFFFF;
}



/* Running Footer */



div#FooterWrap  { background: #ffffff; margin: 0px; padding: 0px; margin-top: 36px; }


div#FooterBanner
{
	width: 770px;
	height: 60px;
	margin-top: 3em;
	margin-bottom: -2em;
	border-bottom: 1px solid #4186c7;
	clear: both;
	background: #e5eef3; 
	}

div#FooterNavigation
{
	background: #e5eef3;
	margin-top: 2em;
	 width: 770px; height: 85px;
	}

#FooterNavigation p
{
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	margin: 15px 0px 0px 0px;
}





/* Elements Turned off in Template */


#HeaderBannerMain { 
	float: right;
	display: none;
	height: 205px;
	width: 460px;
	}
	

#LogoBanner
{
	float: left;
	display: none;
	margin-top: 15px;
	margin-left: 5px;
	padding: 0px;
}


#FloatElement
{
	clear: both;
	float: right;
	display: none;
	width: 270px;
	margin-bottom: 10px;
}


#VerticalNavigation { 
	float: left;
	display: none;
	clear: left;
	margin-left: 2em;
	margin-top: 9em;
	width: 250px;
	padding: 1px;
	}
	


#VerticalNavigation ul { 
	text-align: left;
	padding: 1px; 
	list-style-type: none; 
	}

#VerticalNavigation li { 
	line-height: 24px; 
	text-indent: 25px; 
	background: url(/KHMapped/images/boxes/contemporary/dotted_line_orange.jpg) repeat-x left bottom; 
	}

#VerticalNavigation li a:link { 
	color: #4186c7; 
	text-decoration: none; 
	}
	
#VerticalNavigation li a:visited { 
	color: #4186c7; 
	text-decoration: none; 
	}

#VerticalNavigation li a:hover { 
	color: #4186c7; 
	text-decoration: underline; 
	}

#VerticalNavigation li a:active { 
	color: #4186c7; 
	text-decoration: underline; 
	}

#VerticalNavigation li.open { 
	line-height: 24px; 
	text-indent: 33px; 
	background: url(/KHMapped/images/boxes/contemporary/dotted_line_orange.jpg) repeat-x left bottom; 
	}

#VerticalNavigation li.open a:link { 
	color: #789d41; 
	text-decoration: none; 
	}
	
#VerticalNavigation li.open a:visited { 
	color: #789d41; 
	text-decoration: none; 
	}

#VerticalNavigation li.open a:hover { 
	color: #789d41; 
	text-decoration: underline; 
	}

#VerticalNavigation li.open a:active { 
	color: #789d41; 
	text-decoration: underline; 
	}