@import "screen-nav.css";


/* CSS layout */
#cHeader {
  background-color: #145D63;
  color: #DBEEF4;
  font-family:"Courier New", Courier, monospace;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  width: 850px;
  height: 22px;
}
#cHeader a:link, #cHeader a:active, #cHeader a:visited {
  text-decoration: none;
  color: #FFF;
}
#cHeader a:hover {
  text-decoration:none;
  color: #FFFF66;
}
#cNav {
  display: block;
  float:left;
  width: 200px;
  height: auto;
}
#cPageContainer {
  position:relative;
  top:0;
  left:0;
  width:850px;
  height: auto;
  overflow: visible;
  background: #fff url('./images/bg-white.gif') repeat-y;
}
#cPageContent {
  display:block;
  float:left;
  width: 650px;
  background-color: #FFF;
  color: #000;
}
#cPageTitle {
  display: inline;
  padding: 0;
  background: #FFF url('./images/title-right.gif') no-repeat top right;
  border: none;
  color: #FFF;
  font-family:"Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
/*  margin-right: 200px; */
  width: 320px;
  height: 33px;
  overflow:visible;
  display:block;
  margin-top: 10px;
  margin-left: -25px;
}
#cPageFooter {
  clear:both;
  background-color: #145D63;
  color: #DBEEF4;
  font-family:"Courier New", Courier, monospace;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  text-align: right;
  width: 850px;
  height: 22px;
}
#cPageFooter a:link,#cPageFooter a:visited {
  text-decoration: underline;
  color: #DBEEF4;
}
#cPageFooter a:hover {
  color: #FC0;
}


    
#masthead {
}
#top_nav {
}
#container {
  margin-top:10px;
  margin-left: auto;
  margin-right: auto;
  width:850px;
}
#page_content {
  width:850px;
  height: 800px;
  background-color: #FFF;
  position: relative;
  top: 0;
  left: 0;
}
#cFooter {
  width:850px;
  height: 20px;
  background-color: #FFF;
}

#cTitle {
  position: absolute;
  top: 0; left: 0;
  width: 850px;
  font-family: "Courier New", Courier, monospace;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}

.smaller {
  font-size: 16px;
  line-height: 18px;
}
#cBox1 {
  padding: 10px 40px 10px 40px;
  margin: 5px;
  background-color: #EEECE1;
  color: #145D63;
  font-family:"Courier New", Courier, monospace;
  font-size: 24px;
  line-height: 36px;
}
#cBox1 a:link, #cBox1 a:visited {
  border-bottom: 1px #145D63 dashed;
  text-decoration: none;
  color: #145D63;
}
#cBox1 a:hover {
  background-color: yellow;
}
.link1 a:hover {
  background: url('./images/link1.gif')  yellow no-repeat;
}
#cBox1 .imglink a:link,#cBox1 .imglink a:active, #cBox1 .imglink a:visited, #cBox1 .imglink a:hover {
 border:0;background-color:transparent;
}

#cBox2 {
  padding: 10px 40px 10px 40px;
  margin: 5px;
  background-color: #FFF;
  color: #145D63;
  font-family:Cambria,"Times New Roman", Times, serif; 
  font-size: 18px;
  line-height: 20px;
  height: 588px;
}
#cBox2 a:link, #cBox2 a:visited {
  border-bottom: 1px #145D63 dashed;
  text-decoration: none;
  color: #145D63;
}
#cBox2 a:hover {
  background-color: yellow;
}

#cBox4 {
  position:relative;
  top: 0px;
  left: 0px;
  width: 610px;
  height: 600px;
  padding: 0;
  margin: 5px;
  background-color: #C4BD97;
  color: #145D63;
  font-family:"Comic Sans MS",sans-serif;
  font-size: 14px;
  line-height: 16px;
}
#cBox5 {
  padding: 10px 40px 10px 40px;
  margin: 5px;
  background-color: #EEECE1;
  color: #145D63;
  font-family:Cambria,"Times New Roman", Times, serif; 
  font-size: 14px;
  line-height: 16px;
}
#cBox5 a:link, #cBox5 a:visited {
  border-bottom: 1px #145D63 dashed;
  text-decoration: none;
  color: #145D63;
}
#cBox5 a:hover {
  background-color: yellow;
}

#cMoreButton {
  height: 29px;
  width: 29px;
  float: right;
  margin-right: 5px;
  margin-top: -35px;
}
#cNextPrev {
  width:650px;
  text-align:center;
  height:30px;
}

#cCrumple {
  z-index: 0;
  position: relative;
  top: 5px;
  left: 800px;
  height: 41px;
  width: 47px;
  margin-bottom: -40px;
  margin-right: -20px;
}

#cBalloon {
  z-index: 0;
  position: relative;
  top: -25px;
  left: 350px;
  height: 108px;
  width: 179px;
  margin-bottom: -90px;
  margin-right: -20px;
  text-align:center;
  font-family:"Comic Sans MS",sans-serif;
  color: #145D63;
  font-size: 16px;
  background-image: url('./images/balloon.gif');
}

#cKeyNum {
   margin-left:-30px;
   width:24px;height:24px;
}

.FromLine {
  font-family:"Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 17px;
  border-bottom: 1px #C4BD97 solid;
  font-style:italic;
  margin: 0 -15px 0 -15px;
}

/* Home Page */
#cwNugget {
  z-index:15;
  display:none;
  position:absolute;
  top: 100px;
  left: 230px;
  width: 400px;
  height: 400px;
  background: transparent url('./images/bgNugget.gif') no-repeat;
  border: 0;
  font-family:"Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 18px;
}

/*  How We Started */
#cHowLeft {
  position: absolute;
  width: 358px;
  height: 588px;
  top: 70px;
  left: 140px;
}
#cHowVideo {
  position: absolute;
  z-index: 5;
  width: 289px;
  height: 181px;
  top: 108px;
  left: 158px;
}
#cHowRight {
  z-index: 1;
  position:absolute;
  width: 71px;
  height: 588px;
  top: 70px;
  left: 700px;
}
#cHowText {
  z-index: 2;
  position:absolute;
  width: 240px;
  height: 588px;
  top: 70px;
  left: 480px;
}
#cHowArrow {
   z-index:3;
   position: absolute;
   top:497px;
   left:736px;
   width:105px;
   height:162px;
}

/* Training */
#cPDFmanual {
  float:right;
/*  position: relative;
  top: -25px;
  left: 350px; */
  height: 239px;
  width: 225px;
  margin-bottom: -0px;
  margin-right: -70px;
  margin-top: -30px;
  margin-left: -70px;
}
#cPDFmanual a:link,#cPDFmanual a:visited,#cPDFmanual a:active,#cPDFmanual a:hover {
  background-color: transparent;
  border: none;
}

/* Case Studies */
#cFolder {
  width:157px;
  height:114px;
  margin-bottom:-40px;
  margin-top: -40px;
  margin-right:30px;
  margin-left: -100px;
  float:right;
}

/* Evaluationas */
.fancyText {
  font-family:"Bradley Hand ITC", "Brush Script MT", cursive
}
#cEvalBalloon {
  width:331px;
  height:115px;
  margin-bottom:-10px;
  margin-top: -60px;
  margin-right:00px;
  margin-left: -100px;
  float:right;
}

/* Partnerships */
#cPartnerBox {
  background: #fff url('./images/partner-banner.gif') no-repeat;
  width: 545px;
  height: 136px;
  text-align:right;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
}
#cPartnerMap {
  width:499px;
  height:347px;
}
#cPartnerGraphic {
  z-index:0;
  height: 184px;
  width: 163px;
  position:absolute;
  top: 370px;
  left: 630px;
}

/* FAQs */
#cBox3 {
  padding: 10px 40px 10px 40px;
  margin: 5px;
  background-color: #EEECE1;
  color: #145D63;
  font-family:"Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 17px;
}
.question {
  font-weight: bold;
  font-style:italic;
}

/* Who We Are */
#cwEllen {
  position:absolute;
  top: 38px;
  left: 6px;
  width: 184px;
  height: 276px;
}
#cwSheila {
  position:absolute;
  top: 38px;
  left: 190px;
  width: 190px;
  height: 276px;
}
#cwTeachers {
  position:absolute;
  top: 38px;
  left: 380px;
  width: 220px;
  height: 276px;
}
#cwStudents {
  position:absolute;
  top: 347px;
  left: 49px;
  width: 263px;
  height: 248px;
}
#cwCoaches {
  position:absolute;
  top: 314px;
  left: 320px;
  width: 286px;
  height: 248px;
}
#ctEllen {
  z-index:10;
  display:none;
  position:absolute;
  top: 80px;
  left: 210px;
  width: 380px;
  height: 330px;
  background: #E3F9FF url('./images/whoBox.jpg') repeat-x;
  border: 2px #A0EAFF solid;
}
#ctSheila {
  z-index:10;
  display:none;
  position:absolute;
  top: 300px;
  left: 110px;
  width: 480px;
  height: 245px;
  background: #E3F9FF url('./images/whoBox.jpg') repeat-x;
  border: 2px #A0EAFF solid;
}
#ctTeachers {
  z-index:10;
  display:none;
  position:absolute;
  top: 80px;
  left: 60px;
  width: 300px;
  height: 200px;
  background: #E3F9FF url('./images/whoBox.jpg') repeat-x;
  border: 2px #A0EAFF solid;
}
#ctStudents {
  z-index:10;
  display:none;
  position:absolute;
  top: 100px;
  left: 10px;
  width: 200px;
  height: 240px;
  background: #E3F9FF url('./images/whoBox.jpg') repeat-x;
  border: 2px #A0EAFF solid;
}
#ctStudents2 {
  z-index:10;
  display:none;
  position:absolute;
  top: 300px;
  left: 315px;
  width: 260px;
  height: 200px;
  background: #E3F9FF url('./images/whoBox.jpg') repeat-x;
  border: 2px #A0EAFF solid;
}
#ctCoaches {
  z-index:10;
  display:none;
  position:absolute;
  top: 220px;
  left: 30px;
  width: 290px;
  height: 300px;
  background: #E3F9FF url('./images/whoBox.jpg') repeat-x;
  border: 2px #A0EAFF solid;
}