h1 {
  font-size: 140%;
}

#main-container {
	margin: 0 auto; /* make website center or left */
	padding: 0 10px;
	width: 940px;
	min-height: 561px;
	margin-top: 0px;
	padding-top: 2px;
	*padding-top: 12px;
} 


#header-container {
	margin: 0 auto; /* make website center or left */
	padding: 0 10px;
	width: 940px;
	height: 20px;
	margin-top: 20px;
	padding-top: 2px;
	*padding-top: 0px;
} 

#footer-container {
	margin: 0 auto; /* make website center or left */
	padding: 0 10px;
	width: 940px;
	height: 50px;
	margin-top: -20px;
	*margin-top: -30px;
	padding-top: 2px;
	*padding-top: 0px;
} 

/*=============================
        Header-Pane
=============================*/

#header-pane {
	position: relative;
  margin: 10px 0 0 5px;
	padding: 0 0 0 10px;
	width: 382px;
	min-height: 522px;
	max-height: 522px;
}


#header-pane-sub {
  margin-top: 10px;
	padding: 0 0 0 10px;
	max-width: 387px;
	min-height: 790px;
	max-height: 790px;
	
}

#register {
  position: relative;
  float: left;
  margin: 535px 0 0 5px;
	padding: 0 0 0 0px;
	width: 382px;
	
	
}

/*=============================
        Content-Pane
=============================*/

#content-pane {
  margin: -790px 0 0px 410px;
	padding: 0;
	width: 520px;	
	font-size: 9pt;
	line-height: 16px;
	min-height: 790px;
}

#content-pane .logo{
  margin: 0 0 20px 65px;
}

#content-pane hr{
  color: #fff;
  background: #fff;
}





/*=============================
        Footer-Pane
=============================*/

#footer-pane {
  margin: 0 auto;
	width: 920px;
	font-size: 80%;
	color:#BDBDBD;
	height: 20px;
	margin-top: -20px;
}

/*=============================
      Footer-Core-Pane
=============================*/

#footer-core-pane {
  clear: both;
	width: 920px;
	font-size: 80%;
	text-align: center;
	color:#BDBDBD;
	height: 20px;
}

#footer-core-pane p{
  display: none
}

#footer-core-pane a{
  color:#004286	
}

/*=============================
         table-frame
=============================*/
#table-frame {
  border-left: 1px solid #949494;  
  border-top: 1px solid #949494;
}


#table-frame td{
  border-bottom: 1px solid #949494;
  border-right: 1px solid #949494;
}



/*=============================
      Frontpage 
=============================*/
#content-pane-main {
	margin: 5px 0 0px 410px;
	*margin: 10px 0 0px 410px;
	padding: 0;
  position: absolute;
	width: 520px;	
	font-size: 9pt;
	line-height: 16px;
}
#content-pane-main .logo{
  margin: 0 0 20px 65px;
}


#pages-frontpage-pane {
  float: left;
  width: 680px;
  margin-left: 0px;
  margin-top: 10px;
}

#pages-featured-readMoreArrow {
  float:right;
}


/*=============================
    Panelet - intro-text
=============================*/
#intro-text {
	margin: 0;
}


#intro-text-text {
  margin: 0;
	padding: 0px;
  color: #000;
}

#intro-text-text .pages-title {
  font-weight: bold;
  font-size: 150%;
  color: #376900;
}

#intro-text-readMoreArrow {
  padding: 10px;
  background: url(../../images/customer-default/arrow.gif)  no-repeat center left;
}
/*=============================
END Panelet - introText
=============================*/



/*=============================
Menu-Horizontal - Sucker Fish
=============================*/

#menu-horizontal-custom {
  margin: 0 auto;
  width: 880px;
  height: 10px;
}

#nav {
  padding-top: 20px;
  list-style:none;
  height:22px;
  float:right;
}

/* 1st-level lists */	
#nav ul, 
#nav li {
  background:url(images/menu-h/tab_a.png) no-repeat right top;
  display:block;
  height:22px;
  float:left;
  padding:0 12px 0 0;
    
  cursor:pointer;
  margin:0 2px;
}

/* 1st Level BOX DESIGN */
ul#nav li a,
ul#nav li span {
	background:url(images/menu-h/tab_b.png) no-repeat left top;
  display:block;
  height:22px;
  line-height:22px;
  padding:0  0 0 14px;
  float:left;
  color:#fff;
  font-size: 9pt;
  border: 0;
  font-weight: normal;
  text-decoration:none;
}	

/* 1st level hovered design */	
#nav li.current a,
#nav li:hover a,
#nav li.sfhover a,
#nav li:hover span,
#nav li.sfhover span
{
  background:url(images/menu-h/tab_b.png) no-repeat left top;
  line-height:21px;
}

#nav a:hover {
  background:url(images/menu-h/tab_a_hover.png) no-repeat right top;
  line-height:21px;
}


/* 2nd & 3rd level List*/	
#nav li ul a,
#nav li ul li.sub span{
  font-size: 100%;
  font-weight: normal;
  float:none;
  border:none;
  position:relative; 
  padding:5px;  
}


/* 2nd Level BOX DESIGN*/	
#nav li ul {
  width:165px; 
	position: absolute;
	left: auto; 
	top:auto;
	margin-top: 4.0em; /*Distant in between 1st & 2nd Level */
	margin-left: 0px;
	display: none; /* when in 1st Level menu, display none on the sub menu */	
  border-left:1px solid #cecece;
  border-top:1px solid #cecece;
    
  background:#dfdbda; 
}

 	
/* 3rd Level BOX DESIGN*/
#nav li ul li{
  font-size: 130%;
  font-weight: normal;
  float:none;
  border-bottom:1px solid #cecece;
}


/* Display 2nd Level arrow, if 3rd level exist */
#nav li ul li.sub a,
#nav li ul li.sub ul li.sub a,   
#nav li ul li.sub span
{
	background: url(../../images/customer-default/menu-h/nav-arrow.gif) no-repeat 100% 50%;
}

/*hide arrows on non expand menu every level */
#nav li ul li.sub ul li a,
#nav li ul li.sub ul li.sub ul li a 
{
	background: none;
}


/* 2nd & 3rd level design when 1st level is hovered */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li.sfhover li a,
#nav li.sfhover li.sfhover li a,
#nav li.sfhover li.sfhover li.sfhover li a
{
    color: #444444;
		background: #dfdbda;    
}


/* 2nd & 3rd level hovered design */
#nav li:hover li:hover a,
#nav li:hover li:hover span,
#nav li:hover li a:hover,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover a:hover,

#nav li.sfhover li.sfhover a,
#nav li.sfhover li.sfhover span,
#nav li.sfhover li a:hover,
#nav li.sfhover li.sfhover li.sfhover a,
#nav li.sfhover li li a:hover
{
   color: #ffffff;
	 background: #878484 /*url(../../images/customer-default/menu-h/nav-sub-bg-off.jpg) repeat-x top left*/;
}


/* Display 2nd level drop down */
ul#nav li:hover ul,
ul#nav li.sfhover ul{	
	display:block;	
	top:0;
	left:0;
}

/* Hides 3rd level from showing on 2nd level */
ul#nav li:hover ul ul, 
ul#nav li:hover ul ul ul, 
ul#nav li.sfhover ul ul, 
ul#nav li.sfhover ul ul ul {
  display:none;  
}

/* Display 3rd level drop down */
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li li.sfhover ul,
ul#nav li li li.sfhover ul {
	margin-left:100%; /*in between width drop menu left right side*/
	display:block;	
	top:-4.0em
}



/*  match the alignment in different between of IE & Firefox */
ul li{position:relative;}
li ul {left:0;top:0;}
* html ul#nav li li:hover  ul, * html ul#nav li li.sfhover ul{margin-left:97%;}
* html ul li a{height:1%;}
* html li ul li a {margin-left:-160px; height:auto;	margin-left:0; voice-family: "\"}\""; voice-family:inherit;}
* html li ul li a{height:1px;	width:1px;he\ight:auto;w\idth:auto}

/*=============================
End Menu-Horizontal - Sucker Fish
=============================*/



/*=============================
        Menu Vertical
=============================*/

#menuParentName {
  padding: 5px 10px;	
	text-align: center;
	font-size: 110%;
  font-weight: bold;
  color : #fff;
  background : #97d65f url(images/menu-h/menu-h-hover.jpg) repeat-x top left;
}



#header-flash {
  margin-top: 23px;
  margin-left: 5px;
}