@charset "utf-8";
/* CSS Document */

body {
  font-size:100%;
  font-family:Verdana, Geneva, sans-serif;
  background-color:#fff;
  margin:0;
  padding:0
  
}
#holder {
  width:720px;
  margin:0 auto;
  padding:0 148px;
  background-color:#fff;
}
#header {
  background:url('images/header.gif') no-repeat top left;
  height:259px;
  width:730px;
  position:relative
}
#header img { padding-top:40px }
#header ul {
  margin:0;
  margin-left:205px;
  _margin-left:233px;
  html>body margin-left:233px;
  list-style:none;
  padding-top:146px;
}
#header ul li {
  float:left;
  margin:0;
  padding:0;
}
#header ul li a {
  display:block;
  height:21px;
  width:117px;
  text-indent:-3000px;
  float:left;
  margin:0;
  padding:0;
  text-align:left;
  margin-right:4px
}
#header ul li a.home {
  background:url('images/home.gif') no-repeat top left;
}
#header ul li a.home:hover, #header ul li a.homeactive {
  background:url('images/home_ro.gif') no-repeat top left;
}
#header ul li a.news {
  background:url('images/news.gif') no-repeat top left;
}
#header ul li a.news:hover, #header ul li a.newsactive {
  background:url('images/news_ro.gif') no-repeat top left;
}
#header ul li a.resources {
  background:url('images/resources.gif') no-repeat top left;
}
#header ul li a.resources:hover,  #header ul li a.resourcesactive {
  background:url('images/resources_ro.gif') no-repeat top left;
}
#header ul li a.contact {
  background:url('images/contact.gif') no-repeat top left;
  margin-right:0
}
#header ul li a.contact:hover,  #header ul li a.contactactive {
  background:url('images/contact_ro.gif') no-repeat top left;
  margin-right:0
}
#quote { 
  position:absolute;
  top:20px;
  _top:30px;
  right:80px;
  width:250px;
  color:#fff;
}
#quote p {
  color:#fff;
  font-size:0.6em;
  font-family:Verdana, Geneva, sans-serif;
}
#shadow {
  position:absolute;
  top:259px;
  _top:262px;
  left:4px;
  height:7px;
  width:241px;
  _width:229px;
  background:url('images/shadow.gif') no-repeat top left;
}
p, td, a, span { 
  color:#7e7e7e;
  font-size:0.8em
}
h1 { font-size:16px }
#content {
  padding-top:55px;
  _padding-top:45px;
}
#left {
  float:left;
  width:280px
}

table.login {
  border:1px solid #b2dd8e;
  width:280px;
  margin-top:36px
}
td.header {
  background:#b2dd8e url('images/login-here.gif') no-repeat top left;
  height:18px
}
input.submit {
  background:#b2dd8e url('images/submit.gif') no-repeat top left;
  height:24px;
  width:106px;
  border:0;
  text-indent:-3000px;
  _text-indent:0px;
  _font-size:0px;
  _color:#008984;
  _padding-top:10px;
  _cursor:hand
}
input.text { border:1px solid #cdcdcd }
#right {
  float:left;
  width:440px
}

#footer, #footernews, #footerresources, #footerresources2, #footercontact {
  background:url('images/footer-home.gif') no-repeat top left;
  height:25px;
  padding-top:130px
}
#footernews {
  background:url('images/footer-news.gif') no-repeat top left;
}
#footerresources {
  background:url('images/footer-resources.gif') no-repeat top left;
}
#footerresources2 {
  background:url('images/footer-resources2.gif') no-repeat top left;
}
#footercontact {
  background:url('images/footer-contact.gif') no-repeat top left;
  padding-top:145px
}
#footer span, #footernews span, #footerresources span, #footerresources2 span, #footercontact span, #footer a, #footernews a, #footerresources a, #footerresources2 a, #footercontact a {
  color:#cfcfcf;
  font-size:0.7em;
  text-decoration:none
}
#footer a, #footernews a, #footerresources a, #footerresources2 a, #footercontact a { font-size:1em }
.green { color:#008984 }
.clear { clear:both }
.cw, .vc, .back, .subblue {
  background:url('images/sub_holder.gif') no-repeat top left;
  height:20px;
  width:249px;
  display:block;
  margin-top:11px;
  color:a5a5a4;
  text-transform:uppercase;
  text-decoration:none;
  padding:2px 0 0 35px
}
.subblue {
  background:url('images/sub_holder-blue.gif') no-repeat top left;
}
.vc, .subblue {
  margin-top:28px
}
.back {
  color:#fff;
  background:url('images/back.gif') no-repeat top left;
  padding-top:1px
}
.lightgreen {
  color:#b4d691;
  border:2px solid #b4d691;
  padding:9px;
  font-weight:bold
}
#lessons {
  width:220px;
  float:left
}
.lesson-top, .lesson-middle, .lesson-bottom {
  background:url('images/lesson-top.gif') no-repeat bottom left;
  height:12px;
  width:215px;
  _width:200px;
  html>body width:200px;
}
.lesson-top, .lesson-bottom {
  width:215px;
  height:1em;
  margin:0;
  padding:0
}
.lesson-middle {
  background:url('images/lesson-middle.gif') repeat-y top left;
  padding:0 10px;
  height:auto
}
.lesson-bottom {
  background:url('images/lesson-bottom.gif') no-repeat top left;
}
.logout { 
  font-size:1em;
  color:#00bde5
}