﻿body
{
   margin: 0px;
   font-family: Verdana, Arial, Serif;
   font-size: 12px;
}

img
{
   border: none;
}

#banner_byline
{
  position: absolute;
  left: 130px;
  top: 22px; 
}

  #we_deliver_everywhere
  {
  position: absolute;
  right: 180px;
  top: 13px; 
  }

  #searchbox
  {
  position: absolute;
  right: 10px;
  top: 116px;
  }
  
  #leavemessage
  {
  position: absolute;
  right: 14px;
  top: 13px;
  }
  
  #teacherfind
  {
  position: absolute;
  left: 181px;
  top: 120px;
  font-family:Arial, Sans-Serif;
  font-size: 17px;
  font-weight:bolder;
  text-transform: uppercase; 
  }

 #teacherfind a
{
   text-decoration: none;
   color: white; 
}

 #teacherfind a:hover
{
   color: #c0c0c0; 
}

.noticedark a 
{
   text-decoration: none;
   color: #ffff00; 
}

.noticedark a:hover
{
   color: #c0c000; 
}

  table.navbar 
  {
  border-collapse: collapse;
  margin-left: 4px;
  }
  table.navbar td 
  {      
   border-bottom: 6px solid #909090;
  }
  table.navbar td a{
  display: block;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  }
  
  table.navbar td a:link, table.navbar td a:visited {
  color: #A41D21;
  background-color: #E0E0E0;
  }
  table.navbar td a:hover, table.navbar td a:active {
  color: #703018;
  background-color: #BCBCBC;
  }


td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   vertical-align: middle;
   font-size: 10px;
   font-weight: bold;   
}

hr
{
   color: #b45d16;
}

#container
{
   background-color: #999;
}

#container2
{
   background-color: #bcbfc0;
   margin-right: 200px;
}

#header
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 144px;
}

#header2
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 164px;
   background-image: url(images/esl-banner.gif);
}

#headermenu
{
   position: relative;
   top: 118px;
   left: 10px;
   width: 700px;
   padding: 2px 2px 2px 2px;
   color:White
}

#breadcrumb
{
   background-color: #E0E0E0;
   color: Black;
   padding: 5px;
   font-size: 13px;
   font-weight: bold;
}

#breadcrumb a
{
   color: #A41D21;
   text-decoration:none;
}

#footermenu
{
   text-align: center;
   padding-top: 10px;            
}

#footertext
{
   text-align: center;
   padding-top: 3px;            
}

#bannerbox
{
   border: dashed 2px #c35308;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;
   padding: 5px;
   text-align: center;
   background-color: #e1e1e1;
}

#bannerbox a
{
   font-size: 10px;
   text-decoration: none;
   color: black; 
}

#loginbox
{
   position: absolute;
   top: 16px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#loginbox input
{
   font-size: 10px;
   border-color: Gray;
}

#themeselector
{
   position: absolute;
   text-align: right;
   top: 153px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#themeselector select
{
   color: black;
   background-color: #e1e1e1;
   font-size: 10px;
}

#welcomebox
{
   padding-top: 24px;
   font-size: 12px;
   text-align: center;
}

#footer
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 42px;
   visibility: hidden;
   background-color: #E0E0E0;
}
        
#leftcol
{
   position: absolute;
   top: 144px;
   left: 0px;
   width: 197px;
   height: 480px;
   background-color: #909090;
   font-size: 12px;
}

#leftcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#leftcol div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #e1e6e9;
   text-align: justify;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #706a6a;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#rightcol a
{
   color: blue;
}

#centercol
{
   position: relative;
   margin-left: 197px;
   padding: 0px;
   background-color: #FFFFFF;
}

#centercol a
{
   color: #A41D21;
   text-decoration: none;
   font-weight: bold;   
}

#centercol a:visited
{
   color: #500;
}

#centercolcontent
{
   padding: 15px 6px 15px 6px;
}



#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   font-size: larger;
   color: #b45d16;
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#rightcol
{
   position: absolute;
   top: 144px;
   right: 0px;            
   width: 198px;
   color: White;
   background-color: #909090;
   font-size: 10px;
}

#rightcol a
{
   color: Yellow;
   text-decoration: none;
   font-weight: bold;
}

#rightcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #706a6a;
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#rightcol div.polltitle, #rightcol .polltitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #A41D21;
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.footermenulink
{
   font-family: Arial, Serif;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;       
}

.footermenulink a
{
   text-decoration: none;
   font-weight:bold;
   color: #000000;
}

.headermenulink
{
   font-family:Arial, Sans-Serif;
   font-size: 17px;
   font-weight:bolder;
   text-transform: uppercase;    
}

.headermenulink a
{
   text-decoration: none;
   color: white; 
}

.headermenulink a:hover
{
   color: #c0c0c0; 
}

.highlight
{
   background-color: #ffffff;
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #999;
}

.articlebox
{
   background-color: #fefef0;
   color: #b45d16;
   border: dashed 1px #995117;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
}

.articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: #995117;
   text-decoration: none;
}

.articleabstract
{
   padding-top: 6px;
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}


.largelistbox
{
    font-size: 11pt;
    font-weight: bold;
}

.pollbox
{
   background-color: #E0E0E0;
   color: Black;
   font-size: 11px;
   width: 186px;
   margin-left: 5px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.newsletterbox
{
   font-size: 11px;
}

.newsletterboxcontent
{
   padding: 6px;
}

.postinfo
{
   background-color: #f9eaa6;
   font-weight: bold;
   text-align: center;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: #f09d35;
   color: black;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}

.shoppingcartbox
{
   font-size: 11px;
}

.shoppingcartboxcontent
{
   padding: 6px;
}
