/*Cranial 4 Kids CSS file: 26 July 2006*/

/*  RESET DEFAULTS ON ALL USED ELEMENTS*/

 html,body,#container,#header,#navcont,#misccont,#contcont,#navigation,#content,#misc,
 div,p,ul,li,img{margin:auto;padding:0;height:auto;}
 p,ul,li,dl,dt,dd,img,h1,h2,em{margin:0;text-align:left;text-indent:0;line-height:1em;}

/*  sET BODY SIZE, BACKGROUND & FONT*/

 body{width:80%;background:#CCB url(../treeBG/tree_bg.jpg)  100% 0 no-repeat fixed;
  font-family: Verdana,"Century Gothic","Comic Sans MS",Arial,sans-serif;
  font-size: .9em;
  font-weight: 400;
  color:#000;
}

/* STYLE DISPLAYED TEXT*/

h1{font-family: "Comic Sans MS","Century Gothic",Arial,sans-serif;
  font-size: 2em;
  font-weight: 700;
  text-align:center;
  text-indent:-17%;
  padding:1.5em 0 1.5em 0;
}
p{padding:.5em 2em .5em 2em;line-height:1.3em;}
em{font-weight:700;font-size: 95%;font-style:normal;}
dt{font-weight:700;font-size:.9em;padding:.5em 2em 0 2.2em;line-height:1.3em;}
dd{padding: .5em 2em 1em 3em;line-height:1.3em;}
#content ul{padding:0 2em 0 3em;}
#content li{padding: .2em 0 .2em 1em;line-height:1.2em;}

/* SET BASIC LAYOUT PANELS: CONTAINER/ HEADER/ NAVIGATION/ CONTENTS/ MISCELLANEOUS & FOOTER*/

#container{position: relative;top:0;left:0;width:100%;z-index:1;height:auto;
  background:#ffff88 url(../treeBG/tree_yellow.jpg)  100% 0 no-repeat fixed;
  border:solid black 1px;
}

#header{width:100%;
 padding-top:1em;
 height:65px;
 background:transparent URL(../images/robsheader.jpg) no-repeat;
 border-bottom:solid black 2px;
}
#navcont{width:20%;float:left;}
#contcont{position:relative;width:65%;float:left;background: #fff3c0;z-index:9;}
#misccont{position:absolute;top:120px;right:0;width:15%;}
#lmargin{position: absolute;right:90%;top:0px;
   background:transparent url(../images/climbing2.jpg) 0 0   no-repeat;
   height:371px;width:100px;z-index:0;
}
#foot{width:100%;clear:both;height:1em;}

/*SET DETAIL OF LAYOUT WITHIN EACH CONTAINER*/

#navigation div{padding:.2em;}
#navigation img,#misc img{width:100%;margin:0 auto;overflow:hidden;margin-bottom:2em;}
#navigation h1{font-size:1.2em;text-indent:0;}

#content{border:solid black 1px;padding:1.5em 0 1.5em 0;}

#misc{padding-top:120px;}


/*                   STYLE FOR IMAGES */

img{border:0;}
.img1,.img2{float:right;
            height: 10em;
            margin:0em;
            padding: .5em 0em .5em 1em;
}
.img2{float:left;padding: .5em 1em .5em 0;}
.img4{float:right;padding:0 0 0 .5em;margin-top:-2em;}


/*                   SET LINKS BEHAVIOUR    */

a:link,a:visited{color:#000;text-decoration:none;font-weight:700;}
a:active{color:#000; text-decoration: none;}
.current{color:#000; text-decoration: none;}
#misc .current{margin-left:-1em;}

#navigation a:link,
#misc a:link, 
#navigation a:visited, 
#misc a:visited{color:#000000;text-decoration:none;}

span.current, 
#misc a:link, 
#misc a:visited{
         background: #fff3c0 url(../treeBG/tree_wash2.jpg)  100% 0 no-repeat fixed;
         border-top:solid black 1px;border-bottom:solid black 1px;
         display:block;text-decoration:none;margin:2px 0;padding:2px 0;text-align:center;
         line-height:1.2em;font-size: .8em; font-weight: 700;
}
span.current, 
#misc a:active,
#navigation a.menu:link,
#navigation a.menu:visited{
         display:block;text-decoration:none;margin:2px 0;padding:2px 0;text-align:center;
         line-height:1.2em;font-size: .8em; font-weight: 700;
         color:#000;
         background-color:#ffc;
         border-top:solid black 1px;border-bottom:solid black 1px;
}
div#misc a:hover{background: url(../treeBG/tree_bg.jpg)  100% 0 no-repeat fixed;color:#fff}
div#navigation a.menu:hover{background-color:#3E1C18;border-top:solid black 1px;border-bottom:solid black 1px;color:white;}