#oeqa-html-body /* HTML <BDOY> Tag */
{
	color: #444444; /* Same as '.oeqa-font-setup' */
	font-family: Georgia,Geneva,Helvetica,Arial,Times New Roman; /* Same as '.oeqa-font-setup' */
	font-size: 14px; /* Same as '.oeqa-font-setup' */
	background-color: #6979d3;
	background-image: url('/image/background.png');
	background-repeat: repeat;
	background-position: center;
}

.oeqa-font-setup
{
	color: #444444;
	font-family: Georgia,Geneva,Helvetica,Arial,Times New Roman; /* Same as '.oeqa-font-setup' */
	font-size: 14px; /* Same as '.oeqa-font-setup' */
}

#oeqa-header /* DIV of Page Header */
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	box-shadow: 0px 10px 70px #ffffff;
	background-color: #00137f;
	background-position: center;
	background-image: url('/image/bannerbackground.png');
}

	.header-image-container /* DIV of Banner Image: 1000px center horizontally */
	{
		width: 1000px;
		margin: 0px auto;
		padding: 0px;
		border: 0px;
	}

	.header-image-container img, .header-image-container a
	{
		margin: 0px;
		padding: 0px;
		border: 0px;
	}

#oeqa-body /* DIV of Page Body: 1000px center horizontally */
{
	width: 998px;
	margin: 0px auto -14px auto; /* The -14px at the bottom is the height of the page's defautl font size set in '#oeqa-html-body' */
	padding-top: 20px;
	border: 0px;
	background-color: white;
	border-left: solid 1px #555555;
	border-right: solid 1px #555555;
}

#oeqa-footer /* DIV of Page Footer: 1000px center horizontally */
{
	width: 998px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	text-align: center;
	background-color: #ececec;
	background-image: url('/image/coldiv2sl35.png');
	border-left: solid 1px #555555;
	border-right: solid 1px #555555;
	border-bottom: solid 1px #555555;
}

	#oeqa-footer .footer-column /* for each of the 3 (DIV) columns within the Page Footer */
	{
		display: inline-block;
		width: 31%;
		border: 0px;
		padding: 10px;
		text-align: left;
		vertical-align: top;
	}


	#oeqa-footer .footer-2columns-lr-l /* for 2-columned layout (larger right column): left column */
	{
		display: inline-block;
		width: 375px;
		border: 0px;
		padding: 10px;
		text-align: left;
		vertical-align: top;
	}

	#oeqa-footer .footer-2columns-lr-r /* for 2-columned (larger right column) layout: right column */
	{
		display: inline-block;
		width: 560px;
		border: 0px;
		padding: 10px;
		text-align: left;
		vertical-align: top;
	}





/* List of sub links using <ol> or <ul> tags (without the bullets) */
ol.jh-link-list, ul.jh-link-list
{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 0px;
}

/* List that show multiple-column view using <ol> or <ul> tags */
.jh-list-column ol ul
{
	width: 95%;
	list-style-type: none; /* There will be no number or dot in front of the list items */
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
}

ol.jh-list-column li, ul.jh-list-column li 
{
	display: inline;
	padding-bottom: 15px;
	float: left; /* Will need a float breaking class like 'jh-float-breaker' to make the next object displayed below this list */
	width: 50% /* There will be 2 items on each row. */
}





/* Alternate color on each row and change background color on hover*/
.jh-change-tr-color tr:nth-child(odd) 
{ 
	background-color:#ffffff; 
}

.jh-change-tr-color tr:nth-child(even) 
{ 
	background-color:#f8f8f8; 
}

.jh-change-tr-color tr:hover 
{
	background-color: #ffffee;
}





p {
text-align: justify;
width: 95%;
margin-left:auto;
margin-right:auto;
}

a.jh-header-link:link, a.jh-header-link:active, a.jh-header-link:visited {
text-decoration: none;
color: #869843;
}

a.jh-header-link:hover {
text-decoration: none;
color: #a00000;
}

a:link, a:active, a:visited {
text-decoration: none;
color: #3b7687;
}

a:hover {
text-decoration: none;
color: #a00000;
}

h1 {
font-size: 21px;
}

h2 {
font-size: 19px;
}

h2 {
font-size: 17px;
}





.jh-color-olive
{
color: #869843;
}

.jh-color-teal
{
color: #008080;
}

.jh-background-footer
{
background-color: #efefef;
}

.jh-center
{
margin-left: auto;
margin-right: auto;
}

.jh-roundcorner
{
border:1px solid #989898;
border-radius: 10px;
}

.jh-whiteborder
{
border:1px solid #ffffff;
}

.jh-float-left
{
float:left;
}

.jh-float-right
{
float:right;
}

.jh-float-none
{
clear:both;
}

.jh-float-breaker
{
clear:both;
margin:0px; 
padding:0px;
}

.jh-clickbox:hover
{
border:1px solid #a00000;
box-shadow: 3px 3px 3px #888888;
}

a.jh-no-text-decoration
{
color: #444444;
text-decoration: none;
}

.jh-padding-normal
{
padding: 15px;
}

.jh-width-normal
{
width: 85%;
}

.jh-width-wide
{
width: 90%;
}

.jh-width-narrow
{
width: 70%;
}

.jh-shadow-normal
{
box-shadow: 2px 2px 5px #888888;
}

.jh-table-shadow-normal
{
border-collapse: separate; /* This will ensure the shadow effect under Microsoft IE */
box-shadow: 2px 2px 5px #888888;
}

.jh-text-bold
{
font-weight: bold;
}

.jh-text-italic
{
font-style: italic;
}

.jh-link-category
{
color: #707070;
font-weight: bold;
font-size: 12px;
}