/* National Legal Aid :: Screen CSS Definitions */

/*
html
{
   min-height: 100.01%;
}

@media all and (min-width: 0px) {
    html {
        height: 100%;
    }
    body {
        min-height: 100%;
        padding-bottom: 1px;
    }
}
*/

body
{
   margin: 0px;
   padding: 10px;

   color: #000000;

   font-size: 76%;
   font-family: Tahoma,Verdana,Arial,Helvetica,Sans-Serif;

   background-color: #F1FAF9;

   background-image: url(../img/page/img-pge-bkg.gif);
   background-repeat: repeat-x;
}

a
{
   color: #1E5E7F;

   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}

.clear
{
   clear: both;
}

#container
{
   width: 760px;

   margin: 0px auto;
}

#logo
{
   width: 760px;
   height: 80px;

   background-image: url(../img/header/img-hdr-bkg-logo.gif);
}

#banner
{
   width: 760px;
   height: 70px;

}

#logo h1
{
   display: none;
}

#header-nav-bar
{
   height: 24px;

   background-image: url(../img/header/img-hdr-bkg-nav.gif);
   background-repeat: repeat-x;

   border-bottom: 1px solid #FFFFFF;
}

#header-nav
{
   float: left;

   top: 4px;
   left: 18px;

   margin: 0px;
   padding: 0px;

   list-style: none;

   position: relative;
}

#header-nav li
{
   float: left;

   height: 16px;

   display: block;

   border-left: 1px solid #C9D5E7;

   padding-left: 6px;
   padding-right: 6px;
}

#header-nav li.first
{
   float: left;

   height: 16px;

   display: block;

   border-left: 0px;

   padding-left: 0px;
   padding-right: 6px;
}

#header-nav li a
{
   color: #FFFFFF;

   margin: 0px;
   padding: 0px;

   text-decoration: none;

   font-size: 0.9em;
   font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
}

#header-nav li a:hover
{
   text-decoration: underline;
}

#middle
{
   width: 760px;

   background-color: #FFFFFF;

   background-image: url(../img/page/img-pge-bkg-middle.gif);
   background-repeat: repeat-y;
}

#menu
{
   float: left;

   margin: 0px;
   padding: 0px;

   width: 190px;
}

#menu-photo
{
   width: 190px;
   height: 98px;

   background-image: url(../img/menu/img-mnu-photo-pen.jpg);
}

#font-sizer
{
   width: 190px;

   height: 70px;

   background-image: url(../img/menu/img-mnu-bkg-sizer.gif);
}

#font-sizer ul
{
   margin: 0px;
   padding: 0px;

   padding-top: 10px;
   margin-left: 30px;

   list-style: none;
}

#font-sizer ul li
{
   float: left;

   display: block;

   padding-left: 3px;
   padding-right: 3px;
}

#font-sizer-label
{
   color: #FFFFFF;

   font-size: 0.9em;
   font-weight: bold;

   margin-left: 30px;
   padding-top: 10px;
}

#font-size-normal
{
   padding-top: 11px;
}

#font-size-normal a
{
   width: 11px;
   height: 13px;
}

#font-size-larger
{
   padding-top: 4px;
}

#font-size-larger a
{
   width: 18px;
   height: 20px;
}

#font-size-largest a
{
   width: 21px;
   height: 24px;
}

#font-sizer a:hover
{
   border-bottom: 1px solid #FFFFFF;
}

#footer
{
   clear: both;

   background-color: #9EC0B4;
}

#footer-left
{
   width: 190px;
   height: 19px;

   float: left;

   padding-top: 4px;

   background-color: #C8DDD6;
}

#w3c-images
{
   width: 170px;

   margin: 0px auto;
}

#w3c-images ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#w3c-images ul li
{
   float: left;

   width: 80px;

   margin: 0px;
   padding: 0px;
}

#w3c-images #w3c-xhtml
{
   padding-right: 4px;
}

#w3c-images #w3c-css
{
   padding-left: 4px;
}

#main
{
   margin: 0px;
   padding: 0px;

   float: right;

   width: 569px;

   background-color: #FFFFFF;
}

#crumbs-nav-bar
{
   height: 22px;

   margin: 0px;
   padding: 0px;

   background-color: #9EC0B4;
}

#crumbs-nav
{
   top: 3px;
   left: 3px;

   float: left;

   margin: 0px;
   padding: 0px;

   list-style: none;

   position: relative;
}

#crumbs-nav li
{
   float: left;

   height: 16px;

   display: block;

   color: #FFFFFF;

   padding-left: 14px;

   background-image: url(../img/page/img-pge-bkg-crumb.gif);
   background-repeat: no-repeat;

   font-size: 0.9em;
   font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
}

#crumbs-nav li.first
{
   float: left;

   height: 16px;

   display: block;

   padding-left: 4px;
   padding-right: 0px;

   background: transparent;
}

#crumbs-nav li a
{
   color: #FFFFFF;

   margin: 0px;
   padding: 0px;

   text-decoration: none;
}

#crumbs-nav li a:hover
{
   text-decoration: underline;
}

#content
{
   margin: 0px;

   padding: 10px 20px 10px 20px;
}

#content h2
{
   color: #5E9EBF;

   margin-top: 10px;
   margin-bottom: 10px;

   letter-spacing: -0.05em;

   font-style: italic;
   font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
}

#content h3
{
   color: #5E9EBF;

   margin-top: 10px;
   margin-bottom: 10px;

   font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
}

#content p
{
   margin-top: 10px;
   margin-bottom: 10px;

   line-height: 1.5em;
}

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

#footer-nav-bar
{
   float: right;

   border: 0px solid red;

   width: 570px;
   height: 22px;

   margin: 0px;
   padding: 0px;
}

#footer-nav
{
   float: left;

   top: 3px;
   left: 3px;

   margin: 0px;
   padding: 0px;

   list-style: none;

   position: relative;
}

#footer-nav li
{
   float: left;

   height: 16px;

   display: block;

   color: #FFFFFF;

   padding-left: 14px;
   padding-right: 6px;

   background-image: url(../img/footer/img-ftr-bkg-nav.gif);
   background-repeat: no-repeat;

   font-size: 0.9em;
   font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
}

#footer-nav li a
{
   color: #FFFFFF;

   margin: 0px;
   padding: 0px;

   text-decoration: none;
}

#footer-nav li a:hover
{
   text-decoration: underline;
}

#search-form
{
   margin: 0px;
   padding: 0px;
}

#search-form ul
{
   margin: 0px;
   padding: 0px;

   float: right;

   list-style: none;

   padding-top: 1px;
   padding-right: 18px;
}

#search-form ul li
{
   color: #FFFFFF;

   height: 22px;
   line-height: 22px;

   float: left;
   display: block;

   font-size: 0.9em;
   font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;

   padding-left: 2px;
   padding-right: 2px;
}

#search-form #search-field
{
   width: 140px;

   border: 1px solid #0E3F8C;

   margin-top: 1px;

   font-size: 1em;
   font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
}

#search-form #search-button
{
   margin-top: 3px;
}

.search-result
{
   margin-top: 15px;
   margin-bottom: 15px;
}

.search-result a
{
   text-decoration: underline;
}

.cssPrvNxt
{
   margin: 0px;
}

.cssPrvNxt form
{
   margin: 0px; padding: 0px;
}