/* Main Page Styles */
html, body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; }
body { background-image:url('/kids/images/bg.jpg'); color:#000000;}
h1 { font-family:Arial, Helvetica, sans-serif; font-size:2.8em; font-weight:bold; color:#013f40; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; color:#de1c11; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:lighter; color:#666666; }
p { font-size:1em; }
a:link, a:visited, a:active { color:#3c799a; text-decoration:none; }
a:hover { color:#3c799a; text-decoration:underline; }
/* Header + Footer layout */
#divHeader { width:760px; margin:0 auto; background-image:none; }
#divTopNav { border-bottom:0px; }
#divFooterTop { width:760px; margin:0 auto; border-color:#CCCCCC; background-color:#EBE9EA; color:#999999; }
#divFooterTop span { padding:0 10px; }
#divFooterBottom { width:760px; margin:0 auto; background-color:#64C1F5; font-size:1em; color:#3A779A; }
#divFooterBottom span { padding:0 10px; }
a.aIpSite:link, a.aIpSite:visited { color:#64C1F5; }
a.aIpSite:hover, a.aIpSite:active { color:#64C1F5; }
a.aIntNav:link, a.aIntNav:visited { color:#000000; }
a.aIntNav:hover, a.aIntNav:active { color:#000000; }
a.aIntNavSelected { color:#000000; }
a.aBotFooter:link, a.aBotFooter:visited { color:#4E9966; }
a.aBotFooter:hover, a.aBotFooter:active { color:#4E9966; }
/* Top nav */
#divTopNav { margin:0 auto; background-color:#64C2F5; }
#divTopNavWrapper ul { padding:0; }
#divTopNavWrapper ul { margin:0; padding:0 0 0 36px; }
#divTopNavWrapper ul li a { border-color:#FFFFFF; color:#FFFFFF; }
#divTopNavWrapper ul li a.aLeftSide { border-color:#FFFFFF; color:#FFFFFF; }
#ulTopDropdownNav li a { border-color:#FFFFFF; }
#ulTopDropdownNav ul { background-color:#64c2f5; padding:0.5em 0; }
#ulTopDropdownNav ul li a { background-color:#64c2f5; border-right:0; }
#ulTopDropdownNav ul li a:hover { background-color:#acd6ec; }
a.aTopNav:link, a.aTopNav:visited { color:#FFFFFF; }
a.aTopNav:hover, a.aTopNav:active { background-color:#64c2f5; color:#FFFFFF; }
/* Left nav */
#divLeftNav { float:left; font-size:1em; height:100%; width:150px; padding:85px 10px 15px 10px; background:transparent url('/kids/images/left-bar.jpg') repeat-y;}
#divLeftNav ul { padding:0; margin:0; list-style:none; }
#divLeftNav ul li { background:none; padding-left:3px; margin:5px 0 0 10px; }
#divLeftNav ul li a { color:#2CA6C1; border-left:solid 2px #123f58; padding-left:6px; color: #123f58;font-weight:bold;display:block; }
#divLeftNav ul li a:hover { color:#FFCC00; border-left:solid 2px #FFCC00; }
#divLeftNav ul li ul { padding:0; margin:0 0 15px 0; list-style:none; }
#divLeftNav ul li ul li { background:none; padding-left:6px; margin:5px 0; }
#divLeftNav ul li ul li a { color:#FFFFFF; border: 0px; font-weight:normal;}
#divLeftNav ul li ul li a:hover { color:#FFCC00; border:none; }
#divLeftNav a.aNavSelected { color:#FFCC00; font-weight:bold; padding-left:10px; border-left:2px solid #FFCC00;}
#divLeftNav a.aSubNavSelected { color:#FFCC00; font-weight:bold; }
div.divSelected { background:none; display:none; }
/* Side labels */
#divSideLabel { background:url('/kids/images/label_top.gif') no-repeat #FEFEFF; margin:20px 0 0 0; padding:10px 5px 0 0; font-size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#divSideLabel p { padding:0 0 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:160%; }
#divSideContent { font-family:Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0; padding:10px 5px 0 10px; font-size:.8em; text-align:left; }
#divSideContent p { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:160%; }
/* Content page layout */
#divContentContainer {width:760px; margin:59px auto 0 auto; background:url('/kids/images/left-bar.jpg') top left repeat-y #FFFFFF;}
#divContent { width:570px; padding:40px 20px 0px 0px; margin:0px;}
#divContentRight {margin:0 0 0 170px;}
#divRightSideFeature th { background-color:#DDFF00; color:#FFFFFF; }
#divRightSideFeature td { background-color:#CFF88F; }
/* Form layout */
fieldset { margin:0; padding:0; border:0; }
textarea, input, select { font-size:1em; }
#divContent label { margin-left:10px; font-weight:bold; }
#divContent span.label { margin-top:5px; width:100px; }
#divContent span.field { margin-top:5px; }
.fixedCentred { margin:0 auto; width:770px; clear:both; }
/* Freshaesthetics layout */
#hkids-banner { position:relative; z-index:1; left:0px; top:0px; width:760px; height:137px; background-image:url('/kids/images/kids-header01.jpg');}
div.hkids-home-A-03 { position:relative; left:0px; top:0px;z-index:1; width:760px; height:439px; background-image:url('/kids/images/home-blockbg2.jpg');}
div.hkids-home-A-04 { position:relative; left:0px; top:0px; width:760px; height:3000px; background: url('/kids/images/kids-home-background.jpg') 0 0 repeat-y;}
#kids-menu {position:absolute; left:0px; bottom:-4px; z-index:30;}
#divider-transparent { width: 760px; height:26px; position:absolute; z-index:1;left:0px; bottom:-10px; background-image:url('/kids/images/grad-trans1.png')}
#divider-transparent2 { width: 760px; height:15px; position:absolute; z-index:1;left:0px; bottom:0px; background-image:url('/kids/images/grad-trans2.png')}
#divider-transparent3 { width: 760px; height:74px; position:absolute; z-index:1;left:0px; bottom:-74px; background-image:url('/kids/images/grad-trans3.gif'); background-repeat:no-repeat;}
#divider-transparent4 { width: 760px; height:15px; z-index:1; bottom:0px; background-image:url('/kids/images/grad-trans2.png'); background-repeat:no-repeat;}
.link-1:link, .link-1:visited{ display: block; width: 100px; height:11px; background: url('/kids/images/menu-hsk.png') 0 0 no-repeat; text-decoration: none;}
.link-1:hover { background-position: -100px 0; background-repeat: no-repeat;text-decoration: none;}
.link-2:link, .link-2:visited{ display: block; width: 61px; height:11px; background: url('/kids/images/menu-parents.png') 0 0 no-repeat; text-decoration: none;}
.link-2:hover { background-position: -61px 0; background-repeat: no-repeat;text-decoration: none;}
.link-3:link, .link-3:visited{ display: block; width: 42px; height:11px; background: url('/kids/images/menu-kids.png') 0 0 no-repeat; text-decoration: none;}
.link-3:hover { background-position: -42px 0; background-repeat: no-repeat;text-decoration: none;}
.link-4:link, .link-4:visited{ display: block; width: 63px; height:11px; background: url('/kids/images/menu-leaders.png') 0 0 no-repeat; text-decoration: none;}
.link-4:hover { background-position: -63px 0; background-repeat: no-repeat;text-decoration: none;}
.link-5:link, .link-5:visited{ display: block; width: 58px; height:11px; background: url('/kids/images/menu-events.png') 0 0 no-repeat; text-decoration: none;}
.link-5:hover { background-position: -58px 0; background-repeat: no-repeat;text-decoration: none;}
.link-6:link, .link-6:visited{ display: block; width: 87px; height:11px; background: url('/kids/images/menu-resources.png') 0 0 no-repeat; text-decoration: none;}
.link-6:hover { background-position: -87px 0; background-repeat: no-repeat;text-decoration: none;}
.link-7:link, .link-7:visited{ display: block; width: 76px; height:11px; background: url('/kids/images/menu-contactus.png') 0 0 no-repeat; text-decoration: none;}
.link-7:hover { background-position: -76px 0; background-repeat: no-repeat;text-decoration: none;}
#kids-box1, #kids-box2, #kids-box3 {position:absolute;top: 166px; width: 210px; height:140px; background-image:url('/kids/images/box-bg-black.png');}
#kids-box1 { left:54px; }
#kids-box2 {left:274px; }
#kids-box3 { left:494px;}
#kids-box4 {position:absolute; left:54px; width:650px; height:100%; background-color:#fff; margin: -35px 0 0 0;}
.innerbox-whitetext { color:#000000; height:95%; width:100%; padding:0px; overflow:auto; padding:10px 0 10px 15px; }
.style1 { color: #ffcc00; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
/* Freshaesthetics Subpage layout */
#subpage-left, #subpage-left-left{float:left; width:186px;margin: 0px;}
#subpage-right{float:right; width:376px;margin: 0px;}
#subpage-right-right {float:right; width:182px; margin:0px;}
#subpage-box, .subpage-box-red, .subpage-box-white, .subpage-box-blue {height: 129px;}
.subpage-inner {padding:10px;}