html{height: 100%;}

* {padding:0; margin:0}
body
{
	background: #000000 url(images/bg.png) repeat-x;
	/*background: #101115;*/
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: .68em;
}

h1
{
  color: #feab2e;
	font-family: arial, sans-serif;
  padding: 10px 0px 5px 0px; 
  margin: 0px 0px 0px 30px;
  font-size: 180%;
  font-weight: bolder;
}

h2
{
	font-family: verdana, arial, sans-serif;
  padding: 10px 0px 5px 0px;
  margin: 0px 0px 0px 30px;
  font-size: 130%;
  font-weight: bolder;
}

h3
{
	font-family: verdana, arial, sans-serif;
  padding: 10px 0px 5px 0px;
  margin: 0px 0px 0px 30px;
  font-size: 110%;
  font-weight: bolder;
}

p
{
	font-family: verdana, arial, sans-serif;
  font-size: 140%;
  margin: 0px 30px 0px 30px;
	color: #e0e0e0;
}

a
{
	font-family: Calibri, Arial, sans-serif;
  font-size: 120%;
	color: #81a4f6;
	text-decoration: none;
}

a:hover
{
	color: #feab2e;
}

.mainBody p
{
	font-size: 110%;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
}


/* Centre Content */
#main, #links, #footer, #header, #logo, #logo-top, #menu, #intro, #content, #reflect
{
	margin-left: auto;
  margin-right: auto;
}

/* main container */
#main{width: 900px;}

#header{width: 900px;}

/* logo */
#logo-top
{
	background: #313a41;
	width: 900px;
  height: 50px;
  border-bottom: solid 1px #101115;
}

#logo
{
	background: #000000;
	/*background: #000000 url(images/logo.png) no-repeat;*/
	width: 900px;
  height: 120px;
  /*border-top: solid 1px #8e929f;
  border-bottom: solid 1px #101115;*/
}
#logo1
{
	background: #000000 url(images/logo1.jpg) no-repeat;
	width: 345px;
  height: 120px;
  float: left;
  border-top: solid 1px #8e929f;
  border-bottom: solid 1px #101115;
}
#logo2
{
	background: #000000 url(images/logo2.jpg) no-repeat;
	width: 95px;
  height: 120px;
  float: left;
  border-top: solid 1px #8e929f;
  border-bottom: solid 1px #101115;
}
#logo3
{
	background: #000000 url(images/logo3.jpg) no-repeat;
	width: 340px;
  height: 120px;
  float: left;
  border-top: solid 1px #8e929f;
  border-bottom: solid 1px #101115;
}
#logo4
{
	background: #000000 url(images/logo4.jpg) no-repeat;
	width: 120px;
  height: 120px;
  float: right;
  border-top: solid 1px #8e929f;
  border-bottom: solid 1px #101115;
}

#logosml
{
	background: #000000;
	width: 900px;
  height: 100px;
}
#logosml1
{
	background: #000000 url(images/logosml1.jpg) no-repeat;
	width: 385px;
  height: 100px;
  float: left;
  border-top: solid 1px #8e929f;
}
#logosml2
{
	background: #000000 url(images/logosml2.jpg) no-repeat;
	width: 440px;
  height: 100px;
  float: left;
  border-top: solid 1px #8e929f;
}
#logosml3
{
	background: #000000 url(images/logosml3.jpg) no-repeat;
	width: 75px;
  height: 100px;
  float: right;
  clear: right;
  border-top: solid 1px #8e929f;
}

.tabbed
{
	background: transparent;
	font-family: Segoe UI, arial, sans-serif;
  font-size: 120%;
	color: #abb4b7;
	float: left;
	padding-bottom: 20px;
}

.tab
{
	background: #1c2426;
  border: solid 1px #323639;
  border-left: solid 1px #45454f;
  border-bottom: solid 1px #1c2426;
	font-family: Segoe UI, arial, sans-serif;
  font-size: 110%;
  font-weight: bold;
	color: #abb4b7;
	float: left;
	height: 20px;
	text-align: center;
	cursor: pointer;
	padding: 0px 10px 0px 10px;
}

.tabSel
{
	background: #101115;
  border-bottom: solid 1px #101115;
  border-top: solid 1px #feab2e;
  border-left: solid 1px #45454f;
  border-right: solid 1px #101115;
	font-family: Segoe UI, arial, sans-serif;
  font-size: 110%;
  font-weight: bold;
	color: #e0e0e0;
	float: left;
	height: 20px;
	text-align: center;
	cursor: pointer;
	padding: 0px 10px 0px 10px;
}

.tabPanel
{
	background: #101115;
  border-left: solid 1px #45454f;
  border-bottom: solid 1px #feab2e;
	font-family: Segoe UI, arial, sans-serif;
  font-size: 110%;
	color: #e0e0e0;
  float: left;
  padding: 20px;
}

.tabPanel h1
{
	font-family: Segoe UI, arial, sans-serif;
  font-size: 110%;
	color: #feab2e;
  font-weight: bold;
}

.tabPanel a
{
  font-size: 100%;
}

.tabPanel ul
{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
  font-size: 100%;
}

.tabPanel ul li
{
	margin-bottom: 8px;
}

#steps
{
	background: transparent;
	width: 556px;
  float: left;
}

.stepText
{
	font-family: Segoe UI, arial, sans-serif;
  font-size: 120%;
	color: #abb4b7;
	float: left;
  
}

.stepText h1
{
	font-family: Calibri, Arial, sans-serif;
	color: #feab2e;
  font-size: 160%;
  text-align: left;
  letter-spacing: .1em;
  overflow: visible;
  white-space:nowrap;
  margin: 0px 0px 5px 0px;
}

.stepText h2
{
	font-family: Calibri, Arial, sans-serif;
	color: #b1ae91;
  font-size: 130%;
  letter-spacing: .1em;
  line-height: 115%;
}

.stepText a
{
	font-family: Calibri, Arial, sans-serif;
	color: #feab2e;
	text-decoration: none;
}

.stepText a:hover{ font-weight: bolder; }

.stepText .altStepText
{
	color: #81a4f6;
}

#links
{
	background: transparent;
  height: 49px;
  padding: 0px 0px 0px 0px;
  float: right;
}

.cultureSelect
{
	background-color: #c0c0c0;
	font-size: 10px;
	height: 20px;
}

div.linkText
{
	color: #606060;
	font-family: verdana, arial, sans-serif;
  font-size: 130%;
  height: 24px;
  float: left;
  padding: 0px 0px 0px 0px;
}

div.linkTextLeft
{
  float: left;
  text-align: left;
  margin: 16px 0px 0px 15px;
}

div.linkTextRight
{
  float: right;
  text-align: right;
  margin: 16px 15px 0px 0px;
}

div.linkText a
{
	text-decoration: none;
	color: #909090;
}
div.linkText a:hover {color:#ffc907}

#menu
{
	background: #1c2426 url(images/bg1.png) repeat;
	/*background: #1c2426 url(images/menu.png) no-repeat;
	background-position: center;*/
	float: left;
	width: 900px;
	height: 38px;
  border-top: solid 1px #45454f;
  /*border-bottom: solid 1px #101115;*/
}

#status
{
	color: #606060;
	font-family: verdana, arial, sans-serif;
  font-size: 110%;
  height: 24px;
  float: right;
  text-align: right;
  margin: 16px 15px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#status a
{
	text-decoration: none;
	color: #606060;
}
#status a:hover {color:#ffc907}

/* main content */
#intro
{
  padding: 10px 7px 5px 7px;
	float: left;
	background: #1c2426 url(images/bg1.png) repeat;
	width: 886px;
  border-top: solid 1px #45454f;
  border-bottom: solid 1px #101115;
}

.introText
{
	font-family: Segoe UI, arial, sans-serif;
  font-size: 90%;
	color: #abb4b7;
	width: 830px;
	float: left;
  margin: 0px 30px 0px 30px;
  padding: 0px 0px 0px 0px;
}

.introText h1
{
	font-family: Calibri, Arial, sans-serif;
	color: #feab2e;
  font-size: 250%;
  text-align: left;
  letter-spacing: .1em;
  margin: 0px 0px 0px 0px;
}

.introText h2
{
	font-family: Calibri, Arial, sans-serif;
	color: #b1ae91;
  font-size: 180%;
  letter-spacing: .1em;
  line-height: 115%;
  margin: 0px 0px 0px 0px;
}

.introText a
{
	font-family: Calibri, Arial, sans-serif;
	color: #feab2e;
	text-decoration: none;
}

.introText a:hover{ font-weight: bolder; }

.introText .altStepText
{
	color: #81a4f6;
}

.introText p
{
  margin: 0px 0px 0px 0px;
}

#content
{
	position: relative;
	float: left;
	background: #101115;
	width: 898px;
	min-height: 500px;
	border: solid 1px #323639;
  border-top: solid 1px #45454f;
}

/* footer */
#footer
{
	float: left;
	/*background: transparent url(images/foot-bg.png) no-repeat;*/
	background: #161b1e;
	color: #979297;
	width: 870px;
	height: 35px;
  padding: 15px 15px 0px 15px;
}

#footer-btm
{
	float: left;
	background: transparent;
	width: 900px;
  height: 9px;
}

/* column 1 - page content */
#column1
{
	/*background: transparent url(images/world-bg.png) no-repeat center;*/
  width: 600px;
	min-height: 400px;
  float: left;
  margin: 0px 0px 0px 5px; 
}

.terms
{
  color: #e0e0e0;
	text-align: left;
	float: left;
  margin: 5px 0px 0px 0px; 
}

.terms h1
{
  color: #feab2e;
	font-family: arial, sans-serif;
  margin-left: 60px;
  margin-right: 100px;
  margin-bottom: 10px; 
  border-bottom: 1px solid;
  font-size: 150%;
  font-weight: bolder;
}

.terms p
{
	text-align: justify;
	font-size: 110%;
  padding: 0px 50px 5px 0px;
  margin: 0px 50px 5px 60px;
}

.terms a
{
	color: #81a4f6;
	margin: 0px 0px 0px 0px;
  text-decoration: none;
}

.terms a:hover
{
	color: #feab2e;
}

.terms ul
{
  padding: 0px 50px 8px 0px;
  margin: 0px 50px 5px 100px;
	line-height: 1.5em;
  font-size: 110%;
}




.mainBody
{
  color: #e0e0e0;
	text-align: left;
	float: left;
  margin: 5px 20px 0px 30px; 
}

.mainBody h1
{
  color: #feab2e;
	font-family: arial, sans-serif;
  padding: 16px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  font-weight: bolder;
}

.mainBody h2
{
	font-family: verdana, arial, sans-serif;
  padding: 6px 0px 0px 0px; 
  margin: 0px 0px 2px 0px;
  font-size: 130%;
  font-weight: bolder;
}

.mainBody h3
{
	font-family: verdana, arial, sans-serif;
  padding: 6px 0px 0px 0px; 
  margin: 0px 0px 2px 0px;
  font-size: 110%;
  font-weight: bolder;
}

.mainBody p
{
	font-size: 110%;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
}

.mainBody a
{
	color: #81a4f6;
	margin: 0px 0px 0px 0px;
  text-decoration: none;
}

.mainBody a:hover
{
	color: #feab2e;
}

.mainBody ul
{
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 8px 0px;
	line-height: 1.5em;
  font-size: 110%;
}

.mainBody ol
{
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 8px 0px;
	line-height: 1.5em;
  font-size: 110%;
  font-weight: bolder;
}

/* column 2 - contains sidebar items */
#column2
{
	background: #1c2426 url(images/bg1.png) repeat;
	position: absolute;
	font-family: Corbel, arial, sans-serif;
  font-size: 130%;
	/*background: #1c2426;*/
	top: 0px;
	bottom: 0px;
	right: 0px;
	color: #a0a0a0;
	width: 280px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
}

#column2 p
{
	line-height: 16px; 
  padding: 2px 0px 8px 0px;
}

#column2 h1
{
  font-size: 115%;
  letter-spacing: .1em;
  border-bottom: 1px solid;
	margin: 0px;
  font-weight: bolder;
  padding: 0px 0px 5px 0px;
}

#column2 h2
{
  letter-spacing: .1em;
	margin: 0px;
  font-weight: bolder;
  padding: 10px 0px 5px 18px;
}

#column2 a
{
	color: #70787b;
	margin: 0px 0px 0px 0px;
  text-decoration: none;
  font-weight: bolder;
}

#column2 a:hover
{
	color: #feab2e;
}

.sidebox
{
	float: left;
	/*background: transparent url(images/sidebox-bg.png) repeat-y;*/
	/*background: #f1c870;
	border: solid 2px #b98f59;*/
	width: 242px;
	margin: 0px 10px -10px 16px;
}

.sideboxText
{
  font-size: 90%;
	background: transparent;
	/*background: transparent url(images/sidebox-txtbg.png) repeat-y;*/
	/*background: #f2e0a7;*/
	color:  #b2b0a7;
	width: 222px;
	margin: 10px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
}

/* Popup Content */
#column3
{
	/*background: transparent url(images/world-bg.png) no-repeat center;*/

	min-height: 500px;
  float: left;
  margin: 0px 50px 0px 50px;
	line-height: 1.5em;
}

#reflect
{
	float: left;
	/*margin-left: 5px;8*/
	width: 900px; height: 50px;
	background: transparent url(images/reflect.png) no-repeat;
	background-position: top;
}

.msgBody
{
  color: #a0a0a0;
	text-align: left;
  margin: 5px 20px 0px 30px; 
}

.msgBody h1
{
  color: #ffba53;
	font-family: arial, sans-serif;
  padding: 16px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  font-weight: bolder;
}

.msgBody h2
{
	font-family: verdana, arial, sans-serif;
  padding: 6px 0px 0px 0px; 
  margin: 0px 0px 2px 0px;
  font-size: 130%;
  font-weight: bolder;
}


.msgBody p
{
	font-size: 110%;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
}

.msgBody a
{
	color: #81a4f6;
	margin: 0px 0px 0px 0px;
  text-decoration: none;
}

.msgBody a:hover
{
	color: #feab2e;
}

.msgBody hr
{
	height: 0.5px;
  color: #ffba53;
}

/* Forms and Controls */

div.form  /* Form Bounding Box */
{
	padding: 0px 20px 20px 20px;
	margin: 0px 0px 0px 5px;
}

table.form
{
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 500px;
}

td.form
{
	width: 230px;
	border: none;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

td.colSpacer
{
	width: 40px;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.fieldTitle
{
	font-weight: bolder;
}

.divider
{
	background: #a0a0a0;
	height: 0.5px;
}

.errorText
{
	color: #f1c870;
}

.spacer
{
	background: transparent;
	height: 5px;
}

.textbox
{
	font-family: Calibri, Arial, Sans-Serif;
}

.checkboxlist
{
	font-family: Calibri, Arial, Sans-Serif;
	font-size: 120%;
	color: #000000;
	padding: 5px;
}

.checkboxlist td
{
	width: 200px;
}

.button
{
	color: #a0a0a0;
	border-top: solid 1px #505050;
	border-left: solid 1px #505050;
	border-bottom: solid 1px #101115;
	border-right: solid 1px #101115;
	width: 150px;
	background: #1c2426;
	font-family: Candara, Sans-Serif;
	font-weight: bolder;
}

.radio a
{
	color: #81a4f6;
	margin: 0px 0px 0px 0px;
  text-decoration: none;
}

.radio a:hover
{
	color: #feab2e;
}

.table
{
	border-top: solid 1px #b1ae91;
	background: #1c2426;
	color: #a0a0a0;
	width: 100%;
}

.colHead
{
	background: #606060;
	border-bottom: solid 1px #404040;
	border-left: solid 1px #404040;
	color: #1c2426;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

.rowHead
{
	background: #606060;
	border-bottom: solid 1px #404040;
	border-left: solid 1px #404040;
	color: #a0a0a0;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

.tableCell
{
	background: #1c2426;
	border-bottom: solid 1px #1c2426;
	color: #a0a0a0;
	padding: 2px 2px 2px 2px;
}

.tableAltCell
{
	background: #404040;
	border-bottom: solid 1px #404040;
	color: #a0a0a0;
	padding: 2px 2px 2px 2px;
}

.footerRow
{
	height: 1px;
	border-bottom: solid 1px #101115;
}

#menuEnd
{
	background:url(images/menubutend.png);
	width: 1px;
	height: 38px;
	float: left;
}

td.choiceTbl
{
}

.reportHeader
{
	background-color: #606060;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #a0a0a0;
	text-align: center;
	height: 18px;
}

.reportRow
{
	background-color: #1c2426;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #a0a0a0;
	height: 18px;
}

.reportAlternateRow
{
	background-color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #a0a0a0;
	height: 18px;
}

.reportPager
{
	background-color: #1c2426;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #a0a0a0;
	height: 18px;
	border: none 0px;
}

.reportPager table
{
	background-color: #1c2426;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #a0a0a0;
	height: 18px;
	border: none 0px;
}

.reportPager td
{
	background-color: #1c2426;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #a0a0a0;
	height: 18px;
	border: none 0px;
}

.adImageFrame
{
	background: #1c2426;
	width: 550px;
	height: 420px;
	float: right;
}

.adImage
{
	margin: 50px 75px 18px 75px;
}

.dropdown {float:left;}
.dropdown dt {width:200px; height: 28px; border: none;
	color: #909090;
	font-family: Calibri, Arial, Sans-Serif;
	font-size: 140%; padding: 10px 0px 0px 24px;
	font-weight: bolder; cursor:pointer; background:url(images/menubutup.png)}
.dropdown dt:hover {color: #ffc907;background:url(images/menubutdn.png)}
.dropdown dd {position:absolute; overflow:hidden; width:224px; display:none; background:#1c2426; z-index:200; visibility: hidden;}
.dropdown ul {width:224px; border:none; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding: 5px 47px 5px 47px;
	font-family: Calibri, Arial, Sans-Serif;
	font-size: 140%; height: 18px; color:#909090; text-decoration:none; background:#1c2426; width:140px}
.dropdown a:hover {background:#3d4851; color:#ffc907}
.dropdown .underline {border-bottom:1px solid #101115}