/* Happy Valley CCC Styles Sept 2008 */

   /*----- Global -----*/

body{
   margin: 0; padding: 0; border: 0;
   text-align: center;
}
#wrapper{
   width: 760px;
   margin: 3px auto;
   text-align: left;
   font-family: "Comic Sans MS", "Comic Sans", Geneva, cursive;
   font-size: 90%;
}
h1{
   color: #00ADEF;
   font-size: 1.7em;
   letter-spacing: 0.5px;
   padding: 0;
   margin: 10px 0 2px 0;
   font-weight: normal;
   text-align: left;
}
h1.centre{
   text-align: center;
   margin-bottom: 20px;
   margin-top: 0;
}
h2{
   color: #94C93D;
   font-size: 1.3em;
   font-weight: normal;
   text-align: center;
   padding: 0;
   margin: 5px 0 5px 0;
}
h3{}
p{
   margin: 0 0 7px 0;
   padding: 0;
   letter-spacing: 0.2px;
}
strong{
   color: #94C93D;
   font-size: 1.2em;
}
a{
   text-decoration: none;   
   color: #0090C9 ;
}
a:hover{
   text-decoration: underline;
   background: #EFFBFF;
}
img{border: none;}
blockquote{
   font-style: italic;
   margin: 5px 20px 5px 20px;
   text-align: justify;
}
.centre{text-align: center;}
.left{text-align:left;}
.fill{
   display: block;
   width: 1px;
   clear: both;
}
.error{
   color: #FF0000;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.error strong{color: #FF0000;}
.confirm{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
   color: #CC6600;
}
.confirm strong{
   color: #CC6600;
   font-size: 1em;
   font-weight: bold;
   margin-right: 5px;
   white-space: pre-wrap;
   white-space: -moz-pre-wrap !important;
   word-wrap: break-word;
   overflow-x: auto;
}
pre{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   white-space: pre-wrap;
   white-space: -moz-pre-wrap !important;
   word-wrap: break-word;
   overflow-x: auto;
}

   /*----- Header -----*/
#banner{
   background: #FFF;
   width: 760px;
   height: 120px; 
   background-image: url(images/banner.jpg);
   background-repeat: no-repeat;
}
#banner a{
   display: block;
   width: 760px;
   height:120px;
}
#banner a:hover{background:none;}

   /*----- Navigation -----*/
#nav{
   width: 160px;
   float: left;
   overflow: hidden;
   margin: 45px 0 10px 5px;
}
#nav ul{
   list-style: none;
   padding: 0;
   margin: 0;
}
#nav a{
   margin: 0;
   overflow: hidden;
   display: block;
   height: 60px;
}
   /* link rollovers */
#nav #home{
   /* 272 x 42 */
   width: 89px;
   background: url(images/nav_home.gif) no-repeat 0 0;
}
#nav #home:hover{background-position: -94px 0;}

#nav #about{
   /* 414 x 42 */
   width: 137px;
   background: url(images/nav_about.gif) no-repeat 0 0;
}
#nav #about:hover{background-position: -144px 0;}

#nav #groupings{
   /* 483 x 60 */
   width: 155px;
   background: url(images/nav_groupings.gif) no-repeat 0 0;
}
#nav #groupings:hover{background-position: -170px 0;}

#nav #curriculum{
   /* 479 x 42 */
   width: 155px;
   background: url(images/nav_curriculum.gif) no-repeat 0 0;
}
#nav #curriculum:hover{ background-position: -157px 0;}

#nav #parents{
   /* 388 x 60 */
   width: 125px;
   background: url(images/nav_parents.gif) no-repeat 0 0;
}
#nav #parents:hover{background-position: -133px 0;}

#nav #enquiry{
   /* 419 x 42 */
   width: 138px;
   background: url(images/nav_enquiry.gif) no-repeat 0 0;
}
#nav #enquiry:hover{background-position: -143px 0;}

#nav #manage{
   /* 453 x 60  */
   width: 139px;
   background: url(images/nav_manage.gif) no-repeat;
}
#nav #manage:hover{background-position: -160px 0;}

#nav #careers{
    /* 388 x 60 */
   width: 120px;
   background: url(images/nav_careers.gif) no-repeat;
}
#nav #careers:hover{background-position: -132px 0;}

#nav #links{
   /* 281 x 42 */
   width: 90px;
   background: url(images/nav_links.gif) no-repeat 0 0;
}
#nav #links:hover{background-position: -99px 0;}

#nav #director{
    /* 483 x 60 */
    width: 155px;
    background: url(images/nav_director.gif) no-repeat 0 0;
}
#nav #director:hover{background-position: -170px 0;}

#nav #forms{
    /* 274 x 42 */
    width: 88px;
    background: url(images/nav_forms.gif) no-repeat 0 0;
}
#nav #forms:hover{background-position: -95px 0;}

#nav #policies{
    /* 419 x 42 */
    width: 138px;
    background: url(images/nav_policies.gif) no-repeat 0 0;
}
#nav #policies:hover{background-position: -143px 0;}


/* Hide nav links */
#nav span{display: none;}

   /*----- Content -----*/
#content{
   width: 580px;
   float: left;
   margin: 5px 5px 10px 5px;
}
#content p{
   text-align: justify;
}
#col_left{
   width: 280px;
   float: left;
   padding-right: 10px;
   overflow: hidden;
}
#col_right{
   width: 279px;
   float: left;
   padding-left: 10px;
   border-left: 1px dotted #94C93D;
   overflow: hidden;
}
#content ul{
   margin: 0;
   padding: 5px;
   list-style: none;
   text-align: justify;
}
#content ul li{padding: 3px 0 3px 0;}
#content ul em{
   color: #F0D001;
   font-weight: bold;
}

   /*----- Picture Strip -----*/
#picStrip{
   border: 2px dotted #94C93D;
   float: right;
   height: 100px;
   text-align: right;
   overflow: hidden;
   padding: 4px;
   margin: 10px 20px 10px 0;
}
#picStrip img{
   height: 90px;
   border: 1px dotted #F0D001;
   margin: 0 1px 0 1px;
   padding: 3px;
}

   /*----- Footer -----*/
#footer{
   background: #00ADEF;
   width: 740px;
   height: 18px;
   clear: both;
   margin: 10px 0 5px 0;
   padding: 5px 10px 5px 10px;
   text-align: right;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 18px;
   color: #FFF;
   /* white-space: nowrap; */
   overflow: hidden;
}
#footer a{color: #FFF68F;}
#footer a:hover{text-decoration: underline; background:none;}
#footer img{vertical-align:-30%;}
#counter{float: left;}
#footer #counter img{
   height: 20px;
   margin: 0;
}
#credit{
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
}


   /*----- Additional Page Styles -----*/

   /*--- Parents Page ---*/
/* sunSmart list */
#content ul.sun{
   list-style-image: url(images/sun.gif);
   list-style-position: inside;
}
/* listening list */
#content ul.listen{
   list-style-image: url(images/pencil.gif);
   list-style-position: inside;
}
   
   /*--- Children's Groupings Page ---*/
#rooms{
   float: left;
   margin: 0 0 10px 0;
}
#rooms a{
   display: block;
   width: 130px;
   height: 28px;
   float: left;
   margin: 0 7px 0 0;
   padding: 0;
   color: #00ADEF;
   text-decoration: none;
   font-size: 15px;
   text-align: center;
   line-height: 28px;
   overflow: hidden;
}
#rooms a:hover{
   color: #000;
   border-style: solid; 
}

.groupbox{
   float: left;
   margin-bottom: 5px;
}
.infant, .junior, .kinder, .preschool{
   width: 480px;
   margin: 10px 0 10px 0;
   padding: 0 10px 0 10px;
}
.infant a, .junior a, .kinder a, .preschool a{
   color: #00ADEF;
   text-decoration: none;
}  
img.infant, img.junior, img.kinder, img.preschool{
    width: 60px;
    height: 66px;
    padding: 3px;
    margin-top: 15px;
}
.infant{
   background: #f1f1ff;
   border: 2px dotted #0000ff;
   float: left;
}
img.infant{float: right;}

.junior{
   background: #ffffe0;
   border: 2px dotted #FFCC00;
   float: right;
}
img.junior{float: left;}

.kinder{
   background: #ffe6ed;
   border: 2px dotted #ff759a;
   float: left;
}
img.kinder{float: right;}

.preschool{
   background: #E6FFE6;
   border: 2px dotted #009966;
   float: right;
}
img.preschool{float: left;}

   /*--- Links Page ---*/
#linksPage{margin-left: 100px;}
#linksPage ul{
   list-style: none;
   font-size: 1.4em;
   padding: 0;
   margin: 2px 0 10px 20px;
}
#linksPage ul a{color: #56AA1C;}
#linksPage ul a:hover{background: none;}
#linksPage img{margin: 10px 0 0 150px;}

  /*--- Policies and Forms Pages ---*/
.listWrapper{
    margin-left: 25%;
    padding: 10px 0 30px 0;
}
.listWrapper h2{text-align: left; margin: 15px 0 0 -15px;}
#content ul.smallbullet{list-style-image: url(images/smallBullet.png);}
#content ul.smallbullet li{margin-bottom: 1px;}
#content ul.smallbullet img{margin-bottom: -2px;}

#content img.formspage{margin: 30px 0 0% 10%;}

   
/** Colours **
 * Pantone Colours
 * Blue: #00AACC
 * Yellow: #F9D616
 * Green: #56AA1C
 * Black: #000;
 *
 * Equiv Web Colours
 * Blue: 00ADEF
 * Yellow: F0D001
 * Green: 94C93D
*/