@import url(user.css);
@import url(common.css);
@import url(forms01.css);



html{
  background:#e1e1e1 url(/site/template/assets/home_template_ds142_547/images/html_bg.png) repeat-x;
  height: 100%;
}

body{
  background: transparent;
  color:#333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  height: 100%;
}

body.admin{
  background-position: 0 0px;
}

#admin-header{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
}

#wrap{
  margin:0px auto;
  text-align:left;
  width:900px;
  min-height: 100%;
  position: relative;
  padding-top:43px;
  background: #fff url(/site/template/assets/home_template_ds142_547/images/html_bg.png) repeat-x;
  /* 
  Set margin-bottom to the same height as the footer 
  This makes it so the footer stays locked to the bottom of the webpage
  */
    margin-bottom: -150px;
}

/* HEADER
-------------------------------------------*/
#header{
  background:transparent url(/site/template/assets/home_template_ds142_547/images/header_bg2.png) no-repeat scroll 0 0;
  height: 163px;
  width:900px;
  margin:0 auto 0;
  
}

#schoolpics{
  background:transparent url(/site/template/assets/home_template_ds142_547/images/school_pics.png) no-repeat scroll 0 0;
  position: absolute;
  top: 43px;
  left: 285px;
  width: 680px;
  height: 163px;
}

#header h1{
  position: absolute;
  top: 30px;
  font-size: 30px;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
}
  #logo{
    left:0px;
    position:absolute;
    top: 70px;
  }
    #logo img{
      height:100px;
      width:270px;
    }


/* MAIN NAVIGATION
-------------------------------------------*/
#tabs{

  height:69px;
   width:900px;
}
  #nav{
    margin:0px auto 0 auto;
    text-align:center;
  }
    #nav ul{
      list-style:none;
      margin:0 auto;
      text-align:left;
    }
      #nav ul li{
        background-image:none;
        display:inline;
        margin:0;
        padding:0;
      }
        #nav a{
          color:#333;
          display:block;
          float:left;
          font-weight:bold;
          text-decoration:none;
          background:transparent;
          height:19px;
          padding:4px 10px 0;
          margin: 0;
          position: absolute;
          
        }
        #nav a:hover, #nav a.active{

        }


#t28146 a, #t30097 a, #t29972 a, #t53438 a, #t29988 a, #t29973 a {
height:27px;
margin:0 10px;
padding:0;
text-indent:-10000px;
top:10px;
background:transparent url(/site/template/assets/home_template_ds142_547/images/top-nav.png) no-repeat;
}

/*Home*/
#t28146 a {
left:20px;
width:75px;
background-position:0 0;
}

#t28146 a:hover, #t28146 a.active {
  background-position:0 -25px;
}

/*Calendar*/
#t30097 a {
left:120px;
width:150px;
background-position:-95px 0;
}

#t30097 a:hover, #t30097 a.active {
  background-position:-95px -25px;
}

/*News*/
#t29972 a {
left:250px;
width:70px;
background-position:-223px 0;
}

#t29972 a:hover, #t29972 a.active {
  background-position:-223px -25px;
}

/*Community*/
#t53438 a {
left:345px;
width:205px;
background-position:-310px 0;
}

#t53438 a:hover, #t53438 a.active {
  background-position:-310px -25px;
}

/*Human Resources*/
#t29988 a {
left:570px;
width:177px;
background-position:-528px 0;
}

#t29988 a:hover, #t29988 a.active {
  background-position:-528px -25px;
}

/*Contact*/
#t29973 a {
left:770px;
width:100px;
background-position:-725px 0;
}

#t29973 a:hover, #t29973 a.active {
  background-position:-725px -25px;
}


#t29967 a, #t29971 a, #t29970 a, #t29969 a, #t29968 a {
padding:0;
top:206px;
background:transparent url(/site/template/assets/home_template_ds142_547/images/navigation_bg.png);
text-indent:-10000px;
height:69px;
}

/*D142*/
#t29967 a {
  background-position:0 0;
  width:181px;
  left:0;
}

#t29967 a:hover, #t29967 a.active {
  background-position:0 -69px;
}

/*RIDGE*/
#t29971 a {
  background-position:719px 0;
  width:181px;
  left:181px;
}

#t29971 a:hover, #t29971 a.active {
  background-position:719px -69px;
}

/*KERKSTRA*/
#t29970 a {
  background-position:536px 0;
  width:179px;
  left:362px;
}

#t29970 a:hover, #t29970 a.active {
  background-position:536px -69px;
}

/*LEE*/
#t29969 a {
  background-position:357px 0;
  width:178px;
  left:541px;
}

#t29969 a:hover, #t29969 a.active {
  background-position:357px -69px;
}

/*Jack*/
#t29968 a {
  background-position:177px 0;
  width:177px;
  left:719px;
}

#t29968 a:hover, #t29968 a.active {
  background-position:177px -69px;
}




#main-body{
  
  width:900px; 
}
  #main-table-body{
    background:#ffffff;
    border-collapse:collapse;
    clear:left;
    
  }
  #main-table-body-leftcell{
    vertical-align:top;
    width:250px;
   
  }
  #main-table-body-rightcell{
    vertical-align:top;
    width:650px;
    min-height: 400px;
  }


/* SUB MENU
-------------------------------------------*/
#sidebar {
  margin:15px 0 0 20px;
}

#menu-header {
  
}

#menu{
  margin: 0px 0 0 0px;
  padding:0;
  width: 230px;
}
  #menu ul{
    font-size: 11px;
    margin:0;
    padding:0;
    list-style: square inside;
  }
    #menu li{
      background-image:none;
      padding:0 0 0 0px;
      margin: 0 0px 0px 0;
      list-style: none;
    }
      #menu h3 a {
        text-indent:-10000px;
  height:66px;
padding:0;
text-indent:-10000px;
width:230px;
      }
      
      

      .tab28146 #menu h3 a, .tab30097 #menu h3 a, .tab29972 #menu h3 a, .tab53438 #menu h3 a, .tab29988 #menu h3 a, .tab29973 #menu h3 a, .tab29967 #menu h3 a {
        background:transparent url(/site/template/assets/home_template_ds142_547/images/district-142-title.png);
      }

      .tab29971 #menu h3 a {
        background:transparent url(/site/template/assets/home_template_ds142_547/images/ridgy-early-title.png);
      }

      .tab29970 #menu h3 a {
        background:transparent url(/site/template/assets/home_template_ds142_547/images/kerkestra-title.png);
      }

    /*Lee*/
     .tab29969 #menu h3 a {
        background:transparent url(/site/template/assets/home_template_ds142_547/images/left-title.png);  
      }

      .tab29968 #menu h3 a {
        background:transparent url(/site/template/assets/home_template_ds142_547/images/jack-hille-title.png);
      }

      #menu a {
        text-decoration:none;
        text-transform:none;
        color:#474948;
        display:block;
        font-size: 11px;
        padding: 8px 0 8px 5px;
        width:222px;
        border-top:1px solid #CFDCE7;
      }
      
      #menu ul li a:hover {
        background:#982723;
        color:#FFFFFF;
      }
      
      #menu ul li a.current{
        background:#982723;
        color:#FFFFFF;
      }

      #menu ul ul li a {
        background:transparent url(/site/template/assets/home_template_ds142_547/images/black-arrow.gif) no-repeat scroll 4px 10px;
      }

      #menu ul ul li a:hover {
        background:transparent url(/site/template/assets/home_template_ds142_547/images/black-arrow.gif) no-repeat scroll 4px 10px;
}
      
      

      #menu a.subcurrent, #menu a.subcurrent:hover{
         color:#000;
        font-weight:bold;
      }
      
      #menu li ul{
        margin: 0 0px 0 0px;
        padding: 0;
        
      }
      
      #menu li ul li{
        list-style: none;
        padding: 0px 0 0px 0px;
        margin: 0;
      }
      
      #menu li ul li a {
        font-size: 11px;    
        padding-left: 15px;
        text-decoration: none;
        width:212px;
      }
      
      #menu li ul li a:hover {
        color:#000000;
        font-weight:normal;
      }
      
  #menu-footer{
    background:transparent;
  height: 50px;
  }

#banner {
  display:none;
}

/* BREADCRUMBS
-------------------------------------------*/
#breadcrumbbar{
  clear: left;
  padding:0 0 0 0px;
  margin: 0;
  position:relative;
  width: 100%;
  margin-bottom:6px;
  background: #E1E1E1;
 
}

#breadcrumbbar a {
  color:#666666;
  font-weight:bold;
  text-decoration:none;
}

  #breadcrumblist{
    font-size: 11px;
    line-height:150%;
    padding:0.5em 0;
    width:700px;
  }

  #breadcrumblist a {
    font-weight:bold;
  text-decoration:none;
  }
    #breadcrumblist a:link, #breadcrumblist a:visited{
      
    }
    #breadcrumblist a:hover, #breadcrumblist a:active{      
    }
    #breadcrumbemail{
      font-size: 10px;
      position:absolute;
      right:9em;
      text-align:right;
      top:5px;
      width:9em;
    }
      #breadcrumbemail a:link, #breadcrumbemail a:visited{
        background:url(../images/email.gif) 0 2px no-repeat;
        float:right;
        padding:0 5px 0 18px;
      }
        #breadcrumbemail a:hover, #breadcrumbemail a:active{
        }
    
    #breadcrumbprint{
      font-size: 10px;
      position:absolute;
      right:0;
      text-align:right;
      top:5px;
      width:9em;
    }
      #breadcrumbprint a:link, #breadcrumbprint a:visited{
        background:url(../images/printer.gif) 0 2px no-repeat;
        float:right;
        padding:0 5px 0 18px;
      }
        #breadcrumbprint a:hover, #breadcrumbprint a:active{
        }


/* CONTENT AREA
-------------------------------------------*/
#content{
  clear:left;
  width:inherit;
}
  #content-header{
    display:none;
  }
  #content-body{
    margin:0 0 0 0px;
    padding:0 0 10px 30px;
    overflow:hidden;
  }
  #pagetitle{
  margin:16px 15px 15px -28px;
  padding:17px 15px;
  background:#982723;
  }
    #pagetitletext h1{
      font:26px Verdana;
      color: #FFFFFF;
  margin:0;
    }
  #content-footer{
    
  }

.comp-content {
 padding-left:30px;
  width:600px;
}

/* FOOTER
-------------------------------------------*/
#clearfooter{
    /* 
    Set clearfooter to the same height as the footer 
    This makes it so the footer stays locked to the bottom of the webpage
    */
    clear: both;
    height: 150px;
}

#footer{
  clear:both;
  height: 150px;
  margin:0 auto;
  position:relative;
  width:900px;
  background:#0e4579;
}
  #footerwrap{
    margin:0 auto;
    width: 900px;
    position:relative;
    height: 40px;
  }

#footerwrap ul li {
 list-style:none;
  float:left;
  background:#0E4579 url(/site/template/assets/home_template_ds142_547/images/footer-bg.png) 0 2px no-repeat;
  color:#FFFFFF;
  padding-right:18px;
padding-top:10px;
text-align:left;
  font-size:11px;
}

#footerwrap ul li.first {
  background-image:none;
}

#footerwrap ul li.first a {
  color:#FFFFFF;
}
  #footernav ul{
    margin: 0;
    padding: 0;
  }
  #footernav ul li{
    float: left;
    background: none;
  }
  
  #poweredby{
    font-size:9px;
    position:absolute;
    right:20px;
    top:125px;
  }
    #poweredby a{
      color:#FFFFFF;
      text-decoration:none;
    }
    #poweredby a:hover {text-decoration: underline;}