@charset "utf-8";
/* CSS Document */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* prevent blue linked image borders */
img, img,:link img,:visited img,fieldset { border:none; }

/* No list-graphics */
ul {list-style: disc; margin-top: 3px; margin-bottom: 3px;}
ol {margin-top: 3px; margin-bottom: 3px;} 

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,pre,form,body,html,blockquote,fieldset,input,label,div,id,p { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
h1,h2,h3,pre,form,body,html,blockquote,fieldset,input,label,div,id,li,p { margin:0; padding:0; }


html, body {
	width: 100%;
	height: 100%;
}

body,tr,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color:#4a83c4;
}

#container {
	width: 100%;
	height: 100%;
}

#search {
	width: 330px;
	height: auto;
	margin-top: 16px;
	float:right;
}

.searchtxt {
	font-size: 11px;
	color:#FFF;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}

#banner {
	width: 100%;
	height: 90px;
	background: url(../images/hk-banner.jpg) top left no-repeat;
	background-color:#4a83c4;
	float: left;
}

/* ----------- New Menu ---------- */
#newnavigation {
	width: 100%;
	height: 44px;
	float: left;
}

ul#newnav {
	width: auto;
	height: 32px;
	display: block;
	font-size: 11px;
	list-style: none;
	text-transform:uppercase;
	font-weight: bold;
	background: transparent url("../images/bgOFF.gif") top left repeat-x;
	border-bottom: 11px solid #3c7ec1;
	border-top: 1px solid #E4A015;
	margin: 0;
	padding: 0;
}

ul#newnav li{
	display:block;
	list-style: none; 
	float:left; 
}

ul#newnav li a{
	display:block;
	float:left;
	color:#fff;
	list-style: none;
	text-decoration:none;
	padding: 9px 20px 5px 20px;
	height:18px;
	background:transparent url("../images/bgDIVIDER.gif") top right no-repeat;
}

ul#newnav li a:hover{
	background:transparent url("../images/bgHOVER.gif") top right no-repeat;
	list-style: none;
}

ul#newnav li a.current,ul#newnav li a.current:hover{
	color:#fff;
	background:transparent url("../images/bgON.gif") top right no-repeat;
}

#bannerhk {
	width: 100%;
	height: 137px;
	background-image: url(../images/bannerbkg.jpg);
	background-repeat: repeat-x;
	float: left;
}
/* ----- floating divs - allow room for 3 columns */
  ul.archive
  {
    width: 66.4em;
	list-style-type: none;
  }

  /* float & allow room for the widest item */
  ul.archive li
  {
    float: left;
    width: 15em;
	height: 2em;
	padding-right:5px;
	padding-left: 1px;
	padding-bottom: 14px;
  }

/* stop the float 
  br
  {
    clear: left;
  }
*/
  /* separate the list from subsequent markup */
  div.archive
  {
    margin-bottom: 1em;
  }

/* --------- end of floating divs -------- */

/* ----------- End of New Menu ---------- */

#pscroller1{
	width: 95%;
	height: 130px;
	/* border: 1px solid black; */
	padding: 10px;
	background-color: lightyellow;
}

.someclass{ //class to apply to your scroller(s) if desired
}


#mainContWrap {
	float:left;	
	width: 100%;
	min-height:80%;
 	height:auto !important;
  	height:80%;
}

.leftCol {
	position:relative;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:167px; /* actual value */
	z-index:100;
	height: auto;
}

.rightCol {
	position:relative;
	float:right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:190px; /* actual value */
	padding-top: 10px;
	z-index:99;
}

.centerCol {
	position:relative;
	padding: 10px 240px 20px 190px;
}

.note {
	width: 60%;
	height: 5%;
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.2em;
	clear: left;
}

#footer {
	width: 100%;
	height: 2%;
	font-size: 10px;
	color:#FFF;
	text-align: center;
	line-height: 2em;
	letter-spacing: 0.1em;
	background-color:#4a83c4;
	clear: both;
}

#articles-title {
	height: 30px;
	font-size:16px;
	font-weight: bold;
	line-height: 1.8em;
	padding: 3px;
}

.pdf-print {
	background: url(../images/iconPrint.gif) center right no-repeat;
	float: right;
	padding: 0 25px 0 3px;
}

#article-content {
	font-size: 12px;
	line-height: 1.6em;
	padding: 5px;
}

.seminarwrap {
	width: 90%;
	height: auto;
}

.seminarwrap-main {
	width: 90%;
	height: auto;
	border-bottom: thin  #006699 solid;
	float: left;
}

.seminarbox {
	width: 130px;
	height: 63px;
	margin: 10px;
	background: url(../images/sem-title-bkg.jpg) top left no-repeat;
	float: left;
}

.seminartitles {
	width:110px;
	height: 33px;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	line-height: 1.2em;
	padding: 8px 10px 0 10px;
	float: left;
}

.seminarbtnsl {
	width: 65px;
	height: 21px;
	margin-left: -2px;
	float: left;
}

.seminarbtnsr {
	width: 65px;
	height: 21px;
	padding-right: 1px;
	float: right;
}

.question {
	font-size: 12px;
	font-weight:bold;
	color:#E4A015;
	background: url(../images/pregunta.gif) top left no-repeat;
	padding: 7px 7px 14px 35px;
}

.answer {
	font-size:12px;
	color:#4a83c4;
	background: url(../images/respuesta.gif) top left no-repeat;
	padding: 3px 7px 7px 35px;
}

.titles {
	font-family: "Arial Narrow";
	font-size: 22px;
	font-weight: bold;
	color:#E4A015;
	padding-top: 6px;
}

#calories {
	width: auto;
	height: auto;
	text-align: center;
	padding: 5px;
	display: none;
}

#nighttime {
	width: auto;
	height: auto;
	text-align: center;
	padding: 5px;
	display: none;
}


/*Link blue Initialization*/
.blue a:link {text-decoration: none;}
.blue a:hover { background-color:#FFF;}

.seminarbox a:link {text-decoration: none;}
.seminarbox a:hover { background-color:#FFF;}

a:link {font-size:12px; font-weight:bold; padding: 0 2px; color: #4a83c4; text-decoration: none;}
a:visited {font-size:12px; font-weight:bold; padding: 0 2px; color: #4a83c4; text-decoration: none;}
a:active {font-size:12px; font-weight:bold; padding: 0 2px; color: #4a83c4; text-decoration: none;}
a:hover {font-size:12px; background-color:#FD882F; padding: 0 2px; color:#FFFFFF; text-decoration: none;}

/* ---------- input button style ------ */

input.btn{
   color:#2c5ba2;
   font-size: 100%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border: #E4A015;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#fee1c44a');
}

input.btnhov {
   border: #fcfdb8;
      filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#fee1c44a',EndColorStr='#ffffffff');
}

/* ---------- End of input button style ------ */

.clear {
	clear:left;
	margin: 0;
	padding: 0;
}

.FeatureContainer {
	width: 42%;
	height: auto;
	margin: 1%;
	background-color:#f5f8fb;
	border: thin solid #d5e0e9;
	float: left;
}

.formContainer {
	width: 50%;
	height: auto;
	padding: 1%;
	background-color:#f5f8fb;
	border: thin solid #d5e0e9;
	float: left;
}

.feat-img {
	width: auto;
	height: auto;
	text-align: center;
	padding: 5px;
	display: none;
}

.feat-links {
	width: auto;
	height: auto;
	text-align: left;
	padding: 5px 0;
}

.FtrCntfix {
	width: 96%;
	height: auto;
	font-size: 11px;
	margin: 6px;
	float: left;
}

.feat-content {
	width: 96%;
	height: auto;
	font-size: 11px;
	line-height: 1.3em;
	color: #3E7EC1;
	padding: 0 6px;
	float: left;
}

.feat-survey {
	width: 96%;
	height: auto;
	text-align: center;
	padding: 6px;
	float: left;
}

.feat-title {
	width: 97%;
	height: 16px;
	padding-left: 3%;
	background: url(../images/dots.gif) top right no-repeat #3E7EC1;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	line-height: 1.5em;
	/* border: thin solid #3E7EC1; */
	color:#FFF;
	float: left;
}

#sidebtn {
	width: 150px;
	padding-top: 3px;
	margin: 0 auto;
	text-align: center;
}

#leftbtns {
	width: 160px;
	padding-top: 3px;
	margin: 0 auto;
	text-align: center;
}

.mediaActTitle {
	width: 145px;
	height: 16px;
	margin: 0 auto;
	padding-left: 8px;
	background: #3E7EC1 url(../images/dots.gif) no-repeat top right;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	line-height: 1.5em;
	color:#FFF;
}

.mediaAct {
	width: 133px;
	height: auto;
	margin: 0 auto;
	padding: 8px;
	border: thin solid #d5e0e9;
	background-color:#f5f8fb;
	font-style: italic;
}

.recbook {
	width: 42%;
	height: 150px;
	padding: 10px;
	float: left;
}

.parentRes {
	width: 42%;
	height: auto;
	padding: 10px;
	float: left;
}

.recom {
	width: 100%;
	height: auto;
}

p {
	padding-top: 5px;
	padding-bottom: 5px;
}

p.feat-subtitle {
	width: 98%;
	font-size: 12px;
	font-weight:bold;
	color: #FD882F;
	padding-left: 6px;
	padding-top: 5px;
	float: left;
}

.feat-more {
	width: 94%;
	height: 18px;
	font-size: 10px;
	text-align: right;
	padding-right: 6%;
	background: url(../images/next_arrow_orng.gif) top right no-repeat;
	float: left;
}

.smlheading {
	width: 98%;
	font-size: 12px;
	font-weight:bold;
	color: #fd882f;
	padding-left: 6px;
	padding-top: 5px;
	float: left;
}

p.titlesml {
	font-size:12px;
	color: #fd882f;
	font-weight:bold;
	text-align:left;
}

.blockheaderstyle {
	background-color:#3399CC;
	padding: 2px 2px 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	width: 50%;
}
.wideblockheaderstyle {
	background-color:#3399CC;
	padding: 2px 2px 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.blocktable {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 10px;
	width: 95%;
}
.blockmiddle {
	width: 10px;
	min-width: 10px;
	max-width: 10px;
}
.blockblock {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	vertical-align: top;
}
.blocklink {
	text-align: right;
	padding-top: 5px;
}
div#blocktext {
	text-align: justify;
}

/*
.smalltitles a:link, a:visited {
	text-decoration: none;
	color: #FD882F;
}
.smalltitles a:hover {
	text-decoration: underline;
	color: #FD882F;
}


h1 {
	font-size:18px;
	color: #005A9C;
}

h2 {
	font-size:16px;
	color: #005A9C;
}

h3 {
	font-size:14px;
	color: #005A9C;
}