@charset "utf-8";
/* ChildCare.net CSS [09/08/2009] */

/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
img { border:0; }
body { font-size: 11px; font-family: Arial, Verdana, Tahoma; background-color: #FFF; text-align: center; color: #000; height: 100%; }
body { text-align: -moz-center; }
a { color: #076e1f; font-weight: bold; text-decoration: underline; }

/* CONTAINER */
#main-container { width: 977px; margin-top:-2px; text-align: center; margin-left: auto; margin-right: auto;	height: 100%; border:2px solid #dcdcdc; position: relative; }
#main-container { text-align: -moz-center; }
#header-container { width: 977px; height: 93px; background: #FFF url(/store/image/childcare/logo.jpg) no-repeat 0; text-align: left; }
#home-container { width: 977px;	height: 100%; padding-top: 10px; background-color: #FFF; }
#content-container { width: 977px; height: 100%; padding-top: 10px;	background-color: #FFF; }
#forum-container { width: 977px; height: 100%; padding-top: 10px; background-color: #FFF; }


/* HEADER */
#logo a { display: block; float: left; width: 355px; height: 93px; text-indent: -9999px; }
#btn-top-store { float: right; width: 426px; height: 47px; background: #FFF url(/store/image/childcare/btn_top_store.jpg) no-repeat 0; }
#btn-top-store a { display: block; float: left; width: 426px; height: 47px; text-indent: -9999px; }

/* TOP NAVIGATION */
#top-navigation { width: 977px; height: 40px; margin-top:10px; margin-bottom: 20px; }
#top-navigation li { float: left; border-right:1px solid #FFF; padding:10px 0px; }
#top-navigation li a { text-decoration: none; color:#FFF; font-size:16px; font-weight: bold; padding:10px 40px; background-color: #2ca9e1; }
#top-navigation li a:hover { background-color:#85ca55; }
#top-navigation li:last-child { border-right:none; }
#top-navigation .last { border-right: none; }

/* BANNER */
#banner { width: 977px; height: 250px; text-align: left; background: #FFF url(/store/image/childcare/banner_child.jpg) no-repeat right; }
#banner div { float: left; width: 560px; text-align: left; margin-top: 40px; margin-left: 20px; }
#banner div h2 { font-size: 47px; font-weight: bold; }

/* Horizontal Line */
#horizontal-line { width: 977px; height: 13px; background: #FFF url(/store/image/childcare/horizontal_line.jpg) no-repeat 0; margin-bottom: 10px; }

/* LEFT PANEL */
#left-panel { float: left; width: 160px; margin-left: 4px; background-color: #FFF; }
#left-skyscraper { width: 160px; text-align: center; }

/* TOP SUB NAVIGATION */
#top-sub-nav { width: 977px; height: 27px; background-color: #d7f0d9; border-bottom: 1px solid #b8decb; }
#top-sub-nav ul li { float: left; height: 17px;	margin-top:4px;	padding:2px 0px; }
#top-sub-nav li a {	display: block;	border-right:1px solid #FFF; text-decoration: none;	padding: 0px 16px; color:#0784b0; font-size:11px; }

/* LEFT NAVIGATION */
#navigation { width: 160px; text-align:left; background-color: #FFF; border:1px solid #CCC; position: relative; }
#navigation ul li { border-bottom:1px solid #FFF; }
#navigation ul li a { display: block; font-size: 12px; color: #000; font-weight: bold; text-decoration: none; padding:4px 2px 4px 12px; background: #FFF url(../sub_list_image.jpg) no-repeat left center; border-top:1px solid #EEE; margin-left: 5px; }
#navigation ul li a:hover { color:#2ca9e1; text-decoration: underline; }
#navigation ul li:first-child a { border-top:none; }
#navigation ul ul li a { display: block; font-size: 11px; color: #000; font-weight: normal; text-decoration: none; padding:4px 2px 4px 12px; background-image: none; border-bottom:1px solid #b0df8f; background-color: #eaf8e1; }
.selected { background-color: #535353; }
#nav-section-name { color:#FFF; font-size:18px; text-align: center; padding:4px; background-color: #2ca9e1; }

/* HOME LEFT PANEL */
#home-left-panel { float: left; width: 600px; text-align: left; padding: 10px 0px 10px 20px; height: 100%; background: #FFF url(../home_abc.jpg) no-repeat top right; }
#home-left-panel p { font-size: 12px; color:#436e7b; }


/* HOME CONTENT */
#home-content h1 { color:#000; font-size:38px; font-weight: bold; margin-bottom: 30px; }
#home-content h2 { font-size: 14px; margin:6px 0px; font-weight: bold; color: #000; }
#home-content h3 { font-size: 18px; margin:6px 0px; font-weight: bold; }
#home-content h4 { font-size: 13px; margin:6px 0px; font-weight: bold; }
#home-content p { color:#000; font-size: 13px; line-height: 150%; margin: 1em 0em; }

/* HOME BOXES */
#home-red-box { background-color:#e60410; padding: 20px; margin: 30px 0px; }
#home-blue-box { background-color:#0d1cc1; padding: 20px; margin: 30px 0px; }
#home-green-box { background-color:#84cb53; padding: 20px; margin: 30px 0px; }
#home-red-box h3, #home-blue-box h3, #home-green-box h3 { color:#FFF; font-size: 28px; margin:6px 0px; font-weight: bold; }
#home-red-box p, #home-blue-box p, #home-green-box p { color:#FFF; font-size: 13px; line-height: 150%; margin: 1em 0em; }
#text-logo { text-align: right; color:#FFF; font-size: 32px; font-weight: bold; margin-top: 30px; }

/* RIGHT PANEL HOME CONTENT */
#home-right-content { text-align: left; }
#home-right-content h1 { color:#1439c6; font-size:22px; font-weight: bold; margin-bottom: 30px; }
#home-right-content p { color:#000; font-size: 13px; line-height: 150%; margin: 1em 0em; }
#home-right-image { width:300px; height:341px; background: #FFF url(../home-right-image.jpg) no-repeat 0; margin-bottom: 10px; }




/* ARTICLE CONTENT */
/*#content { float: left; width: 569px; margin: 0px 12px 20px 12px; text-align: justify; height: 100%; background-color: #FFF; }
#content h1, #generic-content h1 { color:#000; font-size:24px; font-weight: bold; margin:6px 0px; margin-bottom: 6px; }
#content h2, #generic-content h2 { font-size: 18px; margin:6px 0px; color: #000; }
#content h3, #generic-content h3 { font-size: 13px; margin:6px 0px; font-weight: bold; }
#content p, #generic-content p { font-size: 13px;line-height: 150%; margin: 1em 0em; }
#content img { padding: 2px; margin: 4px; }
#content ul, #generic-content ul { list-style: disc; }
#content li, #generic-content li { margin-left: 15px; padding:2px; }
#content td, #generic-content td { padding:4px; }*/

/* GENERIC CONTENT */
#generic-content { float: left; width: 780px; text-align: justify; padding: 0px 10px; height: 100%; }

/* RIGHT PANEL */
#right-panel { float: left; width: 300px; margin-left: 25px; height: 100%; background-color: #FFF; text-align: center; }

/* FOOTER */
#footer { clear: both; width: 977px; height: 20px; color: #000; background-color: #FFF; }
#footer div { padding-top:10px; }
#footer p { padding-top:10px; }
#footer a { color:#000; }

/* CONTACT */
#contact td { padding:2px; }

/* PAGINATION */
/* First Level Pagination */
.pagination { text-align: right; padding:4px 0px; font-size: 11px; margin-bottom: 5px; }
.pagination span { margin: 0px 1px; padding-bottom: 2px; }
.pagination span a { text-decoration: none; padding: 2px 2px; font-weight: normal; }

/* Second Level Pagination */
.second-level-pagination { text-align: right; padding:4px 0px; font-size: 11px; margin-bottom: 5px; }
.second-level-pagination span { margin: 0px 1px; padding-bottom: 2px; }
.second-level-pagination span a { text-decoration: none; font-size: 11px; padding: 2px 2px; font-weight: normal; }
.current-page { text-decoration: underline; }


/* clearfix Hack */
.clearfix:after { content: ".";	display: block;	height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearfix { zoom: 1;     /* triggers hasLayout */ display: block; /* resets display for IE/Win */ }