/* =====================================================================

    Urban Forest Project Styles

*/
body { min-height:1050px; }
a { text-decoration:none; color:#fff; font-weight:bold; }
a:hover { color:#ff0;}



#BodyWrapper { 
  position:relative;
  width: 770px; 
  margin: 30px auto; 
  }



#Heading { 
  position:absolute;
  left:0;
  top:0;
  width:182px;
  }
  #Heading h1 { 
    width:186px;
    height:200px;
    text-indent: -4000px;
    background: url(../images/ufp_logo.png) no-repeat;
    }
    #Heading ul.admin { margin:40px 0 0; }
    #Heading ul.admin li { margin:0 0 3px;}
    #Heading ul.admin li a { color:#009; }
    #Heading ul.admin li a:hover { color:#00f; }
    
    
#Nav { 
  position:absolute;
  left:203px;
  top:2px;
  width: 560px;
  height: 81px;
  margin: 0 0 6px 0;
  color: #ddd;
  background: #381a1b; /* #422625; */
  }
  #Nav ul {
   float: left;
   margin: 55px 0 0 15px; 
   }
   #Nav ul li { 
     float: left;
     margin: 0 14px 0 0;
     text-transform:uppercase;
     font-size:92%;     
     }
     #Nav ul li a {
       text-decoration: none;
       color: #ccc;
       font-weight:normal;
       }
       #Nav ul li a:hover {
         color: #fff;
         }
     #Body-Project   #Nav ul li#Nav-Project   a,
     #Body-Banners   #Nav ul li#Nav-Banners   a,
     #Body-Students  #Nav ul li#Nav-Students  a,
     #Body-Map       #Nav ul li#Nav-Map       a,
     #Body-Press     #Nav ul li#Nav-Press     a,
     #Body-Sponsors  #Nav ul li#Nav-Sponsors  a,
     #Body-Contact   #Nav ul li#Nav-Contact   a,
     #Body-Shop      #Nav ul li#Nav-Shop      a
       { 
       cursor: text;
       font-weight:bold; 
       color: #fff; 
       }
         



#Content { 
  position:relative;
  left:203px;
  top:89px;
  height:1%;
  width: 560px;
  color: #fff;
  background: #3ead2a; /* #71B143; */
  padding: 12px 0;
  overflow:visible;
  }
  #Content #Primary {
    margin: 0 15px;
    min-height:300px;
    }




#Footer {
  position:relative;
  width:560px;
  margin: 93px 0 0 202px;
  padding: 0 0 20px 0;
  font-size: 77%;
  color: #71B143;
  }
  #Footer ul {
   width:100%;
   float: left;
   }
   #Footer ul li { 
     float: left;
     margin: 0 15px 0 0;
     }
     #Footer ul li a {
       text-decoration: none;
       color: #422625;
       font-weight: bold;
       }
       #Footer ul li a:hover { color: #71B143; }
     #Footer ul li.copyright { text-align:right; float:right; margin:0;}
         

         
         
/* --------------------------------------------------------------
  
    Content Styles

  --------------------------------------------------------------*/

strong, b { font-weight: bold; }
em, i, cite { font-style: italic; }

#Content h2 { font-size:197%; margin:5px 0 5px; }
#Content h3 { margin:0 0 5px;}  
#Content p {
  font-size: 136%;
  line-height: 1.4em;
  margin:0 0 15px 0;
  }
  
#Content .chunk { margin:0 0 20px;}

#Body-Sponsors #Content img { float:right; }
#Body-Sponsors #Content p { font-size:107%; }

#Body-Press #Content ul li { margin-bottom: 5px;}

#Message { padding:5px 15px; }
#Message.error { background:#900; }

a.lightbox-thumb  img { border:3px solid #fff; }
a.lightbox { display:none; }
  
  
  
/* --------------------------------------------------------------
  
    Banner Gallery
  
    --------------------------------------------------------------*/
  
#Body-Banners #Content, #Body-Shop #Content { 
  background:#ccc; 
  color:#444;
  min-height:620px; 
  *height:620px; 
  }
#Body-Banners #Content h2, #Body-Shop #Content h2 { font-size:197%; margin:5px 0 10px; }
#Body-Banners #Content h3, #Body-Shop #Content h3 { margin:0 0 10px;}


  
  
#Work-Nav { padding:5px 15px; text-align:right; background:#181; color:#fff; margin-bottom:20px; }
#Work-Nav div { float:left;}
#Work-Nav ul li { display:inline; padding:0 0 0 10px;}


  .worknav {
    position:relative;
    top:5px;
    left:425px;
  }
  .worknav ul li {
    float:left;
    margin-right:10px;
    }
  .worknav ul li a {
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    }


#Thumbs { margin: 0 0 0 10px; float:left;}
#Thumbs .thumb { float:left; margin:10px 15px 20px 15px; width:100px; height:200px; display:inline;}
#Thumbs .thumb img { padding:2px; border:1px solid #aaa; background:#fff;}
#Thumbs .thumb h4 a { color:#181; }



.banner { float:left; margin:0px 15px 10px 0; }
.banner img { padding:5px; background:#fff; }
.info { margin:0 }
.info p.link { font-size:92% !important; color:#191; } 
.info p.link a { color:#191; }


#comment-area { 
  float:left;
  width:250px;
  }
  #comment-area h3 {  }
  #comment-area .comment { margin-bottom:20px;}
  #comment-area .comment p {
    font-size:100%;
    margin-bottom:8px;
    }
  #comment-area p.credit { margin-top: 0!important; font-size:92%; color:#777; }
  #comment-area a { color:#181; }
  
  #comment-result p { margin:5px 0 15px; background:#888; color:#fff; padding:10px;}
  
  #comment-area #comment-form label { font-size:100%; margin:10px 0 0; padding:0; }
  #comment-area #comment-form input.text { margin:0; width:200px; }  
  #comment-area #comment-form textarea { margin:0; width:200px; height:75px;}
  

/* --------------------------------------------------------------
    
    shop styles 

--------------------------------------------------------------*/
       
.errorlabel label { color:#900; font-weight:bold; }  
.errorlabel input { border:3px solid #900; }


#Body-Shop #Content a { color:#292;}
#Body-Shop #Content a:hover { color:#fff;}
#Body-Shop #Work-Nav a { color:#fff;}

/*#Body-Shop #Content p { font-size: 13px; }
*/
#Message { 
  padding:10px 15px;
  margin:5px 0 20px 0;
  border:3px solid #fff;
  }
  #Message.error {
    background:#a00;
    }
  #Message h1 { text-transform: uppercase; margin:5px 0;}
  #Message ul { list-style-type: square; margin-left:20px; }
  #Message ul li { margin: 0 0 3px; }

  table#Cart {
    width:100%;
    font-size:100%;
    }
  table#Cart th { padding:4px 5px; font-weight:bold; border-bottom:1px solid #444; }
  table#Cart td { padding:4px 5px;}
  table#Cart .price { text-align:right!important; }
  table#Cart .qty { text-align:center!important; }
  tr.totals td { border-top:1px solid #444;}
  td.grandtotal { font-size:120%; font-weight:bold;}


/* --------------------------------------------------------------
    
     Admin Styles

     - only used when logged in as admin

--------------------------------------------------------------*/

 .message { 
   padding:10px 15px;
   margin:5px 0 20px 0;
   border:3px solid #fff;
   }
   .message.error {
     background:#a00;
     }
   .message h1 { text-transform: uppercase; margin:5px 0;}
   .message ul { list-style-type: square; margin-left:20px; }
   .message ul li { margin: 0 0 3px; }

 .editable-textarea { }
 .editable-textarea:hover {
   color:#000;
   background:#ff9;
   cursor: text;
   }

   .editable-text { }
   .editable-text:hover {
     border-top: 1px solid #aaa;
     border-left: 1px solid #aaa;
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
     background: #ccc;
     color:#000;
     margin:-3px -5px 0px -5px;
     padding:0 2px;
   }

 span.edit-field {
   font-size:12px;
   }
   .edit-field .textarea {
     width:530px;
     height:150px;
   }
   .edit-field .textarea-narrow {
     width:225px!important;
     height:150px;
   }
   span.edit-field input.text {
     width:200px;
   }

   /*   admin forms    */
   #Body-Shop p label { font-size:100%; display:inline; }
   label { display:block; font-size:136%; }
   input { margin:3px 0; }
   form fieldset { margin-bottom:40px;}
   form fieldset.submit { border-top:2px solid #fff; padding-top:10px;}
   form div.field { margin-bottom:10px;}
   form p.note { margin:0; padding:0; font-size:12px !important;}
   form div.error { border-left: 20px solid #a00; padding-left: 20px; }