﻿

html
{
    overflow: -moz-scrollbars-vertical; 
    height:100%; 
    width:100%; 
    line-height: 19px;
	margin: 0;
	padding: 0;
	
}



body
{
    background-image:url(../../images/home_bg.jpg);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size:16pt;
    vertical-align:top;  
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    min-width:964px;
    width:100%;
}

h1
{
    font-size:1.0em;
    font-weight:normal;
    line-height:1.05em;
    color:#ffffff;
}

h2
{
    font-size:0.85em;
    font-weight:normal;
    line-height:0.80em;
    margin:0px 0px 15px 0px;
}

p
{
    font-size:0.65em;
    margin:9px 0px 9px 0px;
}

a:link {color:#000; }
a:visited {color:#e81c24; } 
a:hover {color:#e81c24; text-decoration: none}
a:active {color:#e81c24; }

.pwhite
{
    font-size:0.65em;
    margin:9px 0px 15px 0px;
}

ul
{
    margin-left:20px!important;
    list-style:none;
    list-style-image:url('/images/red-bullet.png')!important;
}

.wrapper1
{
    position:relative; 
    display:block; 
    top:0px; 
    left:0px; 
    width:100%; 
    margin-top: 0px; 
    padding-right:0px; 
    text-align:center;
    min-width:964px;
    border:none 1px blue;   
}

.centralizar 
{
	position:relative;
	width:964px;
	margin:0 auto;
	padding:0 20px;
}

.centralizar.wide 
{
	
	width:964px;
}


.wrapper2
{
    width:962px;
    left:auto;
    border:solid 1px red;
}

.LogoBar
{
    width:964px;
	background-image:url('../../images/mehk-logo.png');
	background-color:Transparent;
	background-repeat:no-repeat;
	height:105px;
}


#HKCPBanner
{
	background-color:#252525;
	background-repeat:no-repeat;
	background-position:center top;
	height:302px;
	z-index:0;
}

#HKCPBanner .centralizar {
	position:relative;
}

#MenuBar
{
	background-image:url('../../images/menu-bar-bg.gif');
	background-color:Transparent;
	background-repeat:repeat-x;
	background-position:center top;
	height:29px;
	z-index:0;
}

#MenuContainer
{
    position:relative;
    width:964px;
    height:100%;
    text-align:right;    
}

#MenuStrip
{
    position:relative;
    float:right;
     border:none 1px yellow;
}

#MenuTopB
{
    position:absolute;
	width:100%;
	border:none 1px white;
	text-align:center;
}

#MenuBarB
{
	z-index:9990;
	border:none 1px white;
	
}

#MenuContainerB
{
    position:relative;
    width:964px;
    height:200px;
    text-align:right;
}

#MenuStripB
{
    position:relative;
    float:left;
    border:none 1px yellow;
    width:964px;
    height:200px;
}

#WhyHKMenu
{
    position:relative;
    float:left;
    margin:-10px 0px 0px 163px;
    padding:10px 0px 0px 0px;
    border:none 1px white;
    z-index:9999;
}

#MotivProgs
{
    position:relative;
    float:left;
    margin:-10px 0px 0px 297px;
    padding:10px 0px 0px 0px;
    z-index:9999;
}


#WinATripMenu
{
    position:relative;
    float:left;
    margin:-10px 0px 0px 630px;
    padding:10px 0px 0px 0px;
    z-index:9999;
}

#AboutMenu
{
    position:relative;
    margin:-10px 0px 0px 765px;
    padding:10px 0px 0px 0px;
    z-index:9999;
}

.MenuPopup
{
    display:none;
    width:191px;
    height:65px;
    background-color:Transparent;
    border:none 1px red;
    z-index:9991;
  
}

.MenuItem
{
    position:relative;
    display:inline;
    float:left;
    margin:0px 10px 0px 10px;
	padding-top:4px;
}

.MenuPopupItem
{
    position:relative;
    display:block;
    float:left;
    width:210px;
    height:19px;
    /*margin:0px 0px 1px 0px;*/
	border-bottom:1px solid #000000;
    padding:0px 0px 0px 10px;
    background-color:#ccd4da;
    font-size:0.575em;
    text-align:left;
    cursor:pointer;

}

#FooterBar
{
    position:relative;
    width:964px;
    height:100%;
    vertical-align:bottom;
    margin: 20px 0px 0px 0px;
    text-align:left;
    
}

#Footer
{
    position:relative;
    display:block;
    float:left;
    width:100%;
    min-height:20px;
    vertical-align:middle;
    text-align:left;
    margin: 0px 0px 0px 0px;
    color:#5d6266;
    border:none 1px red;
}

.ullayer1
{
    color:#282828;
    font-weight:normal;
    font-size:0.45em;
    list-style:none;
    width:100%;
    float:left;
    text-align:left;
    border:none 1px blue;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
 }
 
.ullayer1 li
{
    color:#282828;
    display:inline;
    font-weight:normal;
    margin: 0px 10px 0px 0px;
    border:none 1px green;
    border-left: none 1px black;
}
.ullayer1 a 
{
    color:#282828;
    font-weight:normal;
    text-decoration:underline;
}
.ullayer1 a:hover 
{
    color:#282828;
    font-weight:normal;
    text-decoration:underline;
}

#ContentBar
{
    position:relative;
    width:964px;
    height:100%;
    margin:25px auto 25px auto;
    text-align:left;
    
}

.redbox
{
    position:relative;
    display:inline;
    float:left;
    background-color:#e81c25;
    color:#ffffff;
    width:304px;
    height:239px;
    margin:0px 25px 0px 0px;
    
}

.redboxContent
{
    width:264px;
    height:209px;
    margin: 15px 20px 15px 20px;
    
}

.HomeCS1
{
    position:relative;
    display:inline;
    float:left;
    width:240px;
    height:239px;
    margin:0px 35px 0px 0px;
}

.HomeCS2
{
    position:relative;
    display:inline;
    float:left;
    width:305px;
    height:250px;
    margin:0px 0px 0px 0px;
}



