/* page construction */
      #container 
      {
        padding : 8px;
        float : center;
        position : absolute;
        width : 85%;
        margin-left : 5%;
        margin-right : 5%;
      }
      
      #head 
      {
        height : 108px;
        position : relative;
        padding : 0;
        margin : 0;
      }
      
      #colsDiv
      {
        margin : 0; 
        padding : 0;
      }
      
      #nav
      {
        padding : 0;
        margin : 0;
        width : 180px;
        float : left;
      }
      
      #content
      {
        overflow : visible; 
        padding : 0 1em 0;
        margin-left: 190px;
        margin-right: 0px;
      }
                 
      #footer
      {
        clear : both;
      }
      
      .clearBoth {clear : both}
      
/* look and feel */

* {font-family : verdana, arial, sans-serif} 

#container {
  border : solid 1px #ddd;
}

#head {
  background-color : #005b88;
  background-image : url('pics/head.jpg');
  background-position : top right;
  background-repeat : no-repeat;
  padding : 0;
  border : 0;
  margin : 0;
}

#head h1 {
  overflow : hidden;
  font-size : 0px;
  color : #005b88;
  display : hidden;
  margin : 0;
  padding : 0;
  width : 332px;
  height : 31px;
  background-image : url('pics/banner.gif');
  background-position : left;
  background-repeat : no-repeat;
  position : absolute;
  left : 4px;
  top : 4px;
}

/* TABS - no longer used

#head ul {
  position : absolute;
  font-size : 70%;
  letter-spacing : 1px;
  text-transform : lowercase;
  bottom : 0;
  left : 15px;
  margin : 0;
  padding : 0;
  background-color : #fff;
}

#head ul li {
  float : left;
  margin : 0;
  padding : 0;
  border-right : solid 1px #005b88;
  list-style-type : none;
  display : inline;
  width : 10em;
  background-image : url('pics/tabTopRight.gif');
  background-repeat : no-repeat;
  background-position : top right;
 }

#head ul #current {
  background-image : url('pics/tabTopRight-selected.gif');
 }
  
#head ul li a {
  display : block;
  padding : 3px;
  text-align : center;
  text-decoration : none;
  color : #444;
  border-bottom : solid 1px #005b88;
  background-image : url('pics/tabTopLeft.gif');
  background-repeat : no-repeat;
  background-position : top left;
}         

#head ul #current a {
  background-image : url('pics/tabTopLeft-selected.gif');
  color : #444;
  border-bottom : solid 1px #fff;
} 
*/    
    
#nav {
  font-size : 70%;
}

#nav ul {
  padding : 0;
  margin : 10px 0 0 5px;
  border : solid 1px #efefef;
}

#nav ul li {
  list-style-type : none;
  line-height : 1.2em;
  margin : 0;
  display : block;
  padding : 0;
  border-bottom : solid 1px #efefef;
}

#nav ul li.page {
  background-image : url('pics/file.gif');
  background-position : left;
  background-repeat : no-repeat;
}

#nav ul li.folder {
  background-image : url('pics/folder.gif');
  background-position : left;
  background-repeat : no-repeat;
}

#nav ul li a {
  display : block;
  text-decoration : none;
  padding : 4px 2px 4px 20px;
}

#nav ul li a:link, #nav ul li a:visited {
  color : #005b88;
}

#nav ul li a:active, #nav ul li a:hover, #nav ul li a.selected {
  background-color : #005b88;
  color : #efefef !important;
}

#content p, #content ul li {
  color : #444;
}

#csl a:link, #csl a:visited, #content a:link, #content a:visited, #sections a:link, #sections a:visited {
  text-decoration : none;
  color : #005b88;
}

#csl a:hover, #csl a:active, #content a:hover, #content a:active, #sections a:hover, #sections a:active{
  text-decoration : underline;
  color : #005b88;
}

/* new top navigation - sections instead of tabs in the head */

#sections {
  display : block;
  border-left : solid 1px #005b88;
  border-right : solid 1px #005b88;
  border-bottom : solid 1px #005b88;
  background-color : #e3eaee;
  padding : 3px;
  margin : 0;
  font-size : 70%;
  text-align : center;
}

#sections li {
  list-style-type : none;
  display : inline;
  margin : 5px;
  padding : 0 2px 0;
}

#content h1 {
  font-size : 1.4em;
  border-bottom : solid 1px red;
  color : #666;
  margin-top : 20px;
  margin-bottom : 20px;
}

#content p, #content ul li {
 line-height : 1.5em;
 font-size : 80%;
}

#content ul li {
  line-height : 2em;
}

#content #breadcrumbs{
  font-size : 60%;
}

#breadcrumbs {
  border : dotted 1px  #005b88;
  padding : 3px;
}

#footer {
  margin : 0;
  padding : 1em;
  border : solid 1px #ddd;
  font-size : 70%;
  background-color : #707070;
  color : #eee;
}

#footer a {
  color : #00ff00;
  border-bottom : dotted 1px #00ff00;
  text-decoration : none;
}

#footer a:hover {
 color : #fff
}

.floatRight {float : right}
.floatLeft {float : left}


#current a:link, #current a:visited, #current a:active, #current a:hover{
  color : #444 !important;
  font-weight : bold;
  text-decoration : none !important;
}