/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Default Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, div, p, li, ul, ol, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }

body		      { font: normal 62.8%/1.3 Arial, Helvetica, sans-serif; background: #006699 url('../images/bg-body.jpg') repeat-x; color: #585c5e; padding: 70px 0; }
a			        { color: #3b91c2; }
a:hover	      { text-decoration: underline !important; color: #024877;}
a img   	    { border: 0; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.6em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.2em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }
p   { line-height: 20px; }

h1, h2, h3, h4, h5, h6  { color: #024877; }
.hidden   { display: none; }

#wrapper     { width: 762px; margin: 0 auto; }
#head     { font-size: 1.2em; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Header Details 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main       { position: relative; padding-left: 25px; margin-bottom: 12px; }
#main h1    { font-family: sans-serif; font-size: 2.2em; }
#main h1 a  { text-decoration: none; color: #fff !important; }
#main h2    { font-weight: normal; font-size: 1.2em; padding-left: 2px; margin-top: -3px; }
#main h2,
#main h2 a  { color: #8bcced; text-decoration: none; }

#head a:hover { text-decoration: none !important; }

#logo { height: 236px; background: #63b7dd url('../images/bg-logo.jpg') no-repeat; }
#logo *     { color: #eaafa3; text-decoration: none !important; }
#logo h2    { font-weight: normal; font-size: 2.1em; color: #d6ecf9; margin: 50px 0 0 20px; } /* Order: top, right, bottom, left */
#logo h3    { font-weight: bold; font-size: 1.4em; color: #d6ecf9; margin: 30px 0 0 20px; } /* Order: top, right, bottom, left */
#logo       { position: relative; width: 100%; height: 232px; overflow: hidden; background: #398db9 url('../images/bg-logo.jpg') 0 0 no-repeat; }

#contactTel { position: absolute; right: 12px; top: 10px; width: 30%; text-align: right; font-weight: normal; font-size: 1.5em; color: #d6ecf9;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Footer Details 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#foot     { font-size: 1.2em; clear: both; }
#foot       { height: 54px; background: #0f2132 url('../images/bg-foot.gif') no-repeat; }
#foot p       { padding: 18px 18px 0; }
#foot *       { color: #5a8da6; }
#foot a:hover { color: #fff; }

.copyright		    { float: right !important; }
.contactinfo		    { float: left !important; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Content Details 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#mainMenu   { height: 43px; padding: 0 12px; background: #0f2132 url('../images/bg-menu.gif') no-repeat; }

#content    { width: 100%; height: 100%; background: #fff; float: left; }
#content  { font-size: 1.2em;}
#contentmain  { margin: 20px 20px 20px 20px; /* Order: top, right, bottom, left */ text-align: justify; }
#contentmain p{ margin: 0px 0px 10px 0px; /* Order: top, right, bottom, left */}

#contentmain img {
  border: 1px solid #3b91c2; 
  padding: 4px;
  background-color: #FFF;
}

#contentmain marquee a {
  text-decoration: none;
  font-weight: bold;
}

#contentmain img.float-right {
  margin: 5px 0px 5px 5px; /* Order: top, right, bottom, left */
  float: right;
}
#contentmain img.float-left {
  margin: 5px 10px 0px 0px; /* Order: top, right, bottom, left */
  float: left;
}

#contentmain li { list-style-type: disc;
								margin: 0px 0px 0px 30px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Navigation Details 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#mainMenu ul                { position: relative; height: 100%; }
#mainMenu li                { position: relative; float: left; }
#mainMenu li a              { display: block; width: 101px; height: 27px; padding-top: 16px; float: left; font-size: .9em; color: #fff; text-decoration: none; text-align: center; background: url('../images/bg-menu_item.gif') 0 0 no-repeat; }
#mainMenu li.active a,
#mainMenu li a:hover        { background-color: #0a1520; background-position: 0 -43px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Table Content 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.hhl_tbl {
	border: #808080 solid 0.1em; /* border size/colour */
	vertical-align:top;
	width: 100%;
	border-collapse: collapse;
	padding: 0em 0em 0em 0em;
        margin: 0em 0em 1em 0em; /* Order: top, right, bottom, left */
}

th.hhl_tbl_th {
	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
	background-color:#000080;
	color:#FFFFFF;
  text-align:center;
	vertical-align:top;
	border: #808080 solid 0.1em; /* border size/colour */
}

td.hhl_tbl_td {
	padding: 0.2em 0.2em 0.2em 0.2em; /* Order: top, right, bottom, left */
	vertical-align:middle;
	FONT-SIZE: 1em;
	text-align:center;
	border: #808080 solid 0.1em; /* border size/colour */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Form
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
label {
width: 12em;
float: left;
text-align: left;
margin-right: 10px;
margin-left: 10px;
display: block;
FONT-WEIGHT: bold;
}

input, select, textarea {
color: #000000;
margin: 0em 0.5em 0em 0em; /* Order: top, right, bottom, left */
border: 1px solid #8bcced;
}

.submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 12px; /* font weight of text */
  	padding: 0.15em 0.3em 0.15em 0.3em; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #3b91c2; /* background colour */
  	border: #8bcced solid 0.1em; /* border size/colour */
}
 
fieldset {
margin: 0.5em 0.5em 0.5em 0em; /* Order: top, right, bottom, left */
padding: 0.5em 0.5em 0.5em 0.5em; /* Order: top, right, bottom, left */
border: 1px solid #3b91c2;
} 

.smallfont {
	font-size: 0.80em; /* font weight of text */
}

#contentmain DIV.skintypehidden {
	DISPLAY: none; VISIBILITY: hidden;
}

#contentmain P.skintypehiddenp {
	DISPLAY: none; VISIBILITY: hidden
}