/******* GENERAL RESET *******/  
@import url(https://fonts.googleapis.com/css?family=Amatic+SC:400,700);

* {  
margin:0px;  
padding:0px;  
}

body{  
    background:#fff;
    font-size: 100%; /*16px*/ 
    /*overflow: hidden;  */
    cursor: default !important;  
}
body,html {position:relative;} 
.clear, br{  
    clear: both;  
}
 
a{  
    color:#000000;text-decoration: none;word-wrap: break-word; 
}
a:hover{  
    text-decoration: underline;
}
/******* GENERAL RESET *******/  
/******* MAIN *******/  

img {
/*  width:100%;
    height: auto;*/
    border:0;
}

#main {
    width:100%;
    /*background:url("../images/CPCK_WEBSITE_DESIGN.jpg") no-repeat top center;*/
    /*background:url("../images/CambridgeHotel_TravelGuide-01.jpg") no-repeat top center;*/
    text-align:center; /*For IE*/
    /*-webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;*/
    position:relative;
}
#inner {
    width:1000px;margin:auto;
    /*background: #fcc;*/
    text-align: left; /*For IE*/
    font:normal 400 16px/1 Arial,Helvetica,sans-serif;
    /*font-size:16px;*/
    color:#666;  
    line-height:115%;
    zoom:1; /*For IE*/
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    margin:0.5em 0;
}

.row {display:block;clear:both;}

/******* MAIN *******/ 
.column {float:left;}

.one {width:8.3333%;}
.two {width:16.6666%;}
.three {width:24.9999%;}
.four {width:33.3332%;}
.five {width:41.6665%;}
.six{width:49.998%;}
.seven{width:58.3331%;}
.eight{width:66.6664%;}
.nine{width:74.997%;}
.ten{width:83.333%;}
.eleven{width:91.6663%;}
.twelve{width:99.9996%;}



.page-id-2 #kidhead, .parent-pageid-2 #kidhead {background:url(../images/kids1.jpg) no-repeat top center;}
.page-id-5 #kidhead, .parent-pageid-5 #kidhead {background:url(../images/kids5.jpg) no-repeat top center;}
.page-id-7 #kidhead, .parent-pageid-7 #kidhead, #kidhead.kids7 {background:url(../images/kids7.jpg) no-repeat top center;}
.page-id-9 #kidhead, .parent-pageid-9 #kidhead {background:url(../images/kids9.jpg) no-repeat top center;}
.page-id-11 #kidhead, .parent-pageid-11 #kidhead {background:url(../images/kids11.jpg) no-repeat top center;}
.page-id-13 #kidhead, .parent-pageid-13 #kidhead {background:url(../images/kids13.jpg) no-repeat top center;}
.page-id-279 #kidhead, .parent-pageid-279 #kidhead {background:url(../images/kids13.jpg) no-repeat top center;} /*Photo*/


#kidlogo {
    background:url(../images/white.png);
    color:#000;
}
#kidlogo div {
    padding:0.8em;
}
.cpcklogo {
   text-align: center;
   background: yellow;
}
.cpcklogo img {width:230px;margin:6px 0 10px;}

.btn {
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    display:block;
    text-align: center;
    font-size:1.4em;
    padding:0.2em 0;
}
.enrol {
    background:black;
    color:white;
    width:35%;
    float:right;

}

ul#menu-top-menu  {
    list-style: none;
    width:100%;
}
ul#menu-top-menu li {float:left;width:14.24%; /*16.645%*/
    border-top:3px solid #ffffff;
    border-bottom:3px solid #ffffff;}
ul#menu-top-menu li a {display:block;padding:0.3em 0;text-align: center;color:#ffffff; background-color:#cccccc;
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    font-size:1.7em;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    zoom:1;
}
ul#menu-top-menu li:first-child a {border-left:0;}
ul#menu-top-menu li:last-child a {border-right:0;}

ul#menu-top-menu li.menu-item-20 a {background-color:#a6cd4b;}
ul#menu-top-menu li.menu-item-19 a {background-color:#f4d034;}
ul#menu-top-menu li.menu-item-281 a {background-color:#f79b34;}
ul#menu-top-menu li.menu-item-282 a {background-color:#FF4719;}
ul#menu-top-menu li.menu-item-17 a {background-color:#d81b2e;}
ul#menu-top-menu li.menu-item-16 a {background-color:#7671b1;}
ul#menu-top-menu li.menu-item-15 a {background-color:#00b0ec;}

ul#menu-top-menu li.current-page-ancestor a, ul#menu-top-menu li.current_page_item a{color:black;}


ul#submenu {
    list-style: none;
    margin: 1.5em 0 2em 0.5em;
}
ul#submenu li {
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    font-size:1.5em;
    line-height: 110%;
}
ul#submenu li a {
    color: #a6cd4b;
    display:block;
    padding:0.25em 0;
}

.page-id-96 ul#submenu li a, .parent-pageid-2 ul#submenu li a, .page-id-96 .contentbox h2 a, .parent-pageid-2 .contentbox h2 a, .parent-pageid-2 .contentbox a, .page-id-96 .contentbox a { color:#a6cd4b;}
.page-id-5 ul#submenu li a, .parent-pageid-5 ul#submenu li a, .page-id-5 .contentbox h2 a, .parent-pageid-5 .contentbox h2 a, .parent-pageid-5 .contentbox a, .page-id-5 .contentbox a { color:#f4d034;}
.page-id-7 ul#submenu li a, .parent-pageid-7 ul#submenu li a, .page-id-7 .contentbox h2 a, .parent-pageid-7 .contentbox h2 a, .parent-pageid-7 .contentbox a, .page-id-7 .contentbox a { color:#f79b34;}
.page-id-9 ul#submenu li a, .parent-pageid-9 ul#submenu li a, .page-id-9 .contentbox h2 a, .parent-pageid-9 .contentbox h2 a, .parent-pageid-9 .contentbox a, .page-id-9 .contentbox a { color:#d81b2e;}
.page-id-11 ul#submenu li a, .parent-pageid-11 ul#submenu li a, .page-id-11 .contentbox h2 a, .parent-pageid-11 .contentbox h2 a, .parent-pageid-11 .contentbox a, .page-id-11 .contentbox a { color:#7671b1;}
.page-id-13 ul#submenu li a, .parent-pageid-13 ul#submenu li a, .page-id-13 .contentbox h2 a, .parent-pageid-13 .contentbox h2 a, .parent-pageid-13 .contentbox a, .page-id-13 .contentbox a { color:#00b0ec;}

ul#submenu li.current-page-ancestor a, ul#submenu li.current_page_item a{color:black;}

.contentbox {padding:0.5em 0.5em; }

.contentbox p {padding:0.5em 0;}

.cposttext { font-size:0.8em; line-height:140%; border-bottom:1px solid #e3e3e3;padding:1em 0; position: relative;}
.cposttext:last-child {border-bottom:0;}

.cposttext h2 {display:block;font-size:1.8em;margin:1em 0;}
.cposttext h3 {display:block;font-size:1.8em;margin:1em 0;}
.cposttext h2 a {font-size:2.2em;}

.cposttext ul, .cposttext ol {padding-left:15px;}

#cfooter {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
#cfooter .cfooterin {display:block;margin:1em 0;color:#000;}
#minifooter {font-size:0.7em;padding:1em 0;}

.smicon {
    display:block;
    float:right;
    /*border:1px solid #ccc;*/
}
.tw {background:url(../images/smicon.png) no-repeat 0px 0px;width:50px;height:40px;text-indent:-9999px;}
.fb {background:url(../images/smicon.png) no-repeat -55px 0px;width:50px;height:40px;text-indent:-9999px;}
.enrol2 {font-family: 'Amatic SC', cursive;
    font-weight: 700;
    display:block;
    text-align: center;
    font-size:1.4em;
    padding:0.45em 0.6em;
background:black;color:white;
}

.ourp {height:20em;}

.right {text-align: right;}
/*Wordpress*/
.alignleft {
    float:left;
    margin-right:1em;
    margin-bottom:1em;
}
.alignright{
    float:right;
    margin-left:1em;
    margin-bottom:1em;
}

.cimg a img {width:100%;height:auto;}
.cimg a {display:block;overflow:hidden;}

.cposttext img.alignright {width:50%;height:auto;float:right;margin:0 0 1em 1em;}

/*GALLERY WORDPRESS*/
.gallery {
display: block;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.gallery .gallery-row {
display:block;
clear: both;
overflow: hidden;
margin: 0;
}
.gallery .gallery-item {
overflow: hidden;
float: left;
margin: 0;
text-align: center;
list-style: none;
padding: 0;
position: absolute
bottom: 0
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
max-width: 89%;
height: auto;
padding: 1%;
margin: 0 auto;
}
.gallery-caption {
margin-left: 0;
}

/*Forms*/

#FSContact1 {display:block;background:#fff;}
#FSContact1 h2 {font-size:2em;margin:1em 0 0.5em;}
#FSContact1 input[type=text], #FSContact1 input[type=email], #FSContact1 textarea {
    background:#eee;border:1px solid #ccc;padding:0.3em;
    font-size:1.3em;
}
#FSContact1 input[type=submit] {
    display:block;width:49.9%;
    background:#000;color:#fff;border:0;
    font-size:1.5em;padding:0.5em 1em;
    text-align: center;
    margin:1em 0 0 49.9%;
    -webkit-appearance: none;
}

/* for 980px or less */
@media screen and (max-width: 980px) {
    #inner {width:98.7%;}
    #cfooter {font-size:0.85em;}
    .enrol2 {padding:0.55em 0.6em;}
    #FSContact1 input[type=text], #FSContact1 input[type=email] {width:80%;}
    .right {text-align: normal;}
}

/*  for 700px pr less*/
@media screen and (max-width: 700px) {

}
/*  for 480px pr less*/
@media screen and (max-width: 480px) {
    .hide-mobile {display:none;}
    .column {clear:left;}
    .cpcklogo img {margin:0;}
    .btn {width:100%;clear:left;margin-bottom:0.5em;}
    ul#menu-top-menu li {clear:left;width:100%;}
    .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve  {width: 99.7777%;}
    .smicon {clear:left;float:none;margin:1em 0;}
    #FSContact1 input[type=submit] {margin:1em 0;}
}
/*  for 320px pr less*/
@media screen and (max-width: 320px) {
    
}