/* CSS Document */

body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:green;
 background-position:center;
 background-repeat:repeat;
 background-color:#FFFFFF;
}
a {
 color:#B31F17;
 text-decoration:none;
}
a:hover {
 color:#FFFFFF;
 text-decoration:underline;
}

/*
-------------------------------------------------------------------------
Template Layout                              
-------------------------------------------------------------------------
*/
#container1 {
 width:980px;
 margin:20px auto;
 text-align:left;
 color:white;
}
 #header {
  margin-left:10px;
  width:970px;
  height:71px;
  background-image: url(/images/header_tile.gif);
  background-repeat:repeat-x;
 }
  #header #identity {
   float:left;
   padding-top:14px;
   padding-left:57px;
  }
  #header ul {
   width:242px;
   list-style:none;
   margin:0;
   padding:0;
   float:right;
  }
   #header ul li {
    margin:0;
    padding:41px 6px 0 0;
    float:left;
   }
    #header ul li a {
     display:block;
    }
    #header ul li.headerhome {
     padding-left:4px;
    }
 #navigation {
  margin-left:10px;
  width:970px;
  height:25px;
  background-color:#ADA775;
  border-top:1px solid white;
  border-bottom:1px solid white;
 }
  #navigation ul {
   list-style:none;
   margin:0;
   padding:0;
  }
   #navigation ul li {
    float:left;
    margin:0;
    padding:4px 0 0 0;
    width:242px;
    height:21px;
    line-height:4px;
   }
    #navigation ul li img {
    }
    #navigation ul li#nav1 {
     background:white;
     border-right:1px solid white;
    }
    #navigation ul li#nav2 {
     background:white;
     border-right:1px solid white;
    }
    #navigation ul li#nav3 {
     background:white;
     border-right:1px solid white;
     width:241px;
    }
    #navigation ul li#nav4 {
     background:white;
    }
 #headerspacer {
  width:970px;
  margin:0 0 0 10px;
  padding:0;
  height:10px;
  overflow:hidden;
  line-height:1px;
  background-color:#572600;
 }
 #content {
  position:relative;
  background-image:url(/images/content_bg.gif);
  background-repeat:repeat-y;
  background-position:right;
  border-top:1px solid white;
  width:980px;
  height:auto;
 }
 #content2 {
  background:url(/images/bottom_right.gif) no-repeat bottom right;
 }
  #column1 {
   width:252px;
   float:left;
  }
  #column2 {
   width:486px;
   float:left;
  }
  #column3 {
   width:242px;
   float:right;
  }
   #left_top_container {
    width:243px;
    padding-left:9px;
    border-bottom:1px solid white;
    background:#c8c8c1;
   }
    #home #left_top_container {
    }
    #home #left_top {
     width:242px;
     height:200px;
     padding:0;
     overflow:hidden;
    }
    #left_top {
     width:202px;
     padding:20px;
     border-left:1px solid white;
    }
     #left_top ul {
      list-style:none;
      margin:0;
      padding:0;
     }
      #left_top ul li {
       padding:6px 0;
       margin:0;
      }
       #left_top ul li ul {
        list-style:none;
        padding:4px 0 0 0;
        margin:0;
       }
        #left_top ul li ul li {
         font-family:Arial, Helvetica, sans-serif;
         font-size:11px;
         line-height:10px;
         padding:4px 8px;
         color:black;
        }
        #projects #left_top ul li ul {
         padding-left:8px;
        }
        #projects #left_top ul li ul li {
         font-size:12px;
         padding:4px 1px;
        }
         #projects #left_top ul li ul li ul {
          list-style:disc;
          padding-left:14px;
         }
         #projects #left_top ul li ul li ul li {
          font-size:11px;
          padding:4px;
          padding-left:0;
          margin-left:0;
         }
         #left_top ul li ul li a {
          color:#000000;
          text-decoration:none;
         }
          #left_top ul li ul li a:hover,
          #left_top ul li ul li.on a {
           color:#B31F17;
          }
   #left_bottom {
    width:242px;
    min-height:200px;
    padding-left:10px;
   }
    #left_bottom .callouts {
     padding-top:20px;
    }
     #left_bottom .callouts .callout {
      clear:both;
      padding:0 10px 0px 20px;
     }
      #left_bottom .callouts .callout .callout_left {
       width:75px;
       padding-bottom:20px;
       float:left;
      }
      #left_bottom .callouts .callout .callout_right {
       width:133px;
       padding-bottom:15px;
       float:right;
      }
      #right_bottom .callouts .callout_title,
      #left_bottom .callouts .callout .callout_right .callout_title {
       font-size:14px;
       color:white;
       font-weight:bold;
      }
      #left_bottom .callouts .callout .callout_right .callout_title a {
       color:white;
       text-decoration:none;
      }
      #left_bottom .callouts .callout .callout_right .callout_title a:hover {
       color:black;
      }
      #left_bottom .callouts .callout .callout_right .callout_description {
       font-style:italic;
      }
   #main_wide {
    width:970px;
    padding-left:10px;
   }
   #main_top {
    width:484px;
    height:200px;
/*    float:left; */
    background:#ffffff;
    border-left:1px solid white;
    border-right:1px solid white;
    border-bottom:1px solid white;
    overflow:hidden;
   }
   #projects #main_top {
    overflow:visible;
    height:auto;
   }
   .top_row_image_1 {
    position:relative;
    width:242px;
    height:200px;
    overflow:hidden;
   }
   .top_row_image_2 {
    position:relative;
    width:242px;
    height:200px;
    overflow:hidden;
    float:left;
   }
   .top_row_image_3 {
    position:relative;
    border-left:1px solid white;
    width:241px;
    height:200px;
    overflow:hidden;
    float:left;
   }
   .top_row_image_4 {
    position:relative;
    width:242px;
    height:200px;
    overflow:hidden;
   }
.top_row_image_4 .home_hover_text {
 display:none;
}
   .home_hover_text {
    position:absolute;
    width:200px;
    bottom:20px;
    left:20px;
   }
   #main_bottom {
    background:#c8c8c1;
    width:444px;
    height:auto;
    padding:20px;
/*    float:left;  */
    border-left:1px solid white;
    border-right:1px solid white;
   }
   #about #right_top,
   #news #right_top,
   #contact #right_top,
   #home #right_top {
    width:242px;
    height:200px;
    padding:0;
    overflow:hidden;   
   }
   #right_top {
    width:202px;
    min-height:160px;
    background:#a7a9ac;
    padding:20px;
    border-bottom:1px solid white;
   }
   #right_bottom {
    width:241px;
    padding-bottom:70px;
   }
    #right_bottom .callouts {
     padding:20px;
    }
    #right_bottom .callouts .callout_description {
     padding-top:10px;
     font-size:10px;
     line-height:1.5em;
    }
    #right_bottom .description {
     font-size:10px;
     line-height:13px;
     padding:17px;
    }
    #right_bottom .right_bottom_link {
     width:241px;
     height:198px; 
     position:absolute;
     right:0;
     bottom:0;
    }
 #footer ul {
  list-style:none;
  padding:5px 0 5px 0;
  margin:0;
  float:right;
 }
  #footer ul li {
   padding:0 0 0 13px;
   margin:0;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   color:#454545;
   text-transform:uppercase;
  }
   #footer ul li a {
    color:#454545;
    text-decoration:none;
   }
    #footer ul li a:hover {
     color:#999999;
    }
  #footer ul li.left {
   float:left;
   padding-right:20px;
  }
  #footer ul li.right {
   float:left;
  }
.title {
 padding:0 0 10px 0;
}
.subtitle {
 padding:0 0 10px 0;
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#636567;
}
.text {
 font-size:10px;
 line-height:16px;
 color:#403E37;
}
.text p {
 padding:0 0 10px 0;
 margin:0;
}
.callout {
 padding:12px;
}
.clearer {
 font-size:0;
 line-height:0;
 clear:both;
}
.min200 {
 width:1px;
 height:200px;
 float:right;
}
.min166 {
 width:1px;
 height:160px;
 float:right;
 }
.min176 {
 width:1px;
 height:176px;
 float:right;
 }
.thumbnail {
 width:40px;
 height:40px;
 float:left;
 padding:10px 10px 0 0
}
.section_title {
 margin-bottom:10px;
 width:auto;
 border-bottom:1px solid #FFFFFF;
}
.section_title div {
 width:auto;
}
#prevnext {
 height:10px;
 padding:0 0 10px 0; 
 width:76px;
}
#prevnext .prev_div {
 width:31px;
 height:10px;
 float:left;
}
#prevnext .next_div {
 width:32px;
 height:10px;
 float:left;
}
#prevnext .pipe_div {
 width:13px;
 height:10px;
 float:left;
}
.description {
 float:right;
 width:242px;
 text-align:right;
 font-style:italic;
}


#contact_form {
 padding:20px 0px 0px 0px;
}

#contact_form .text .field {
 font-size:10px;
 font-weight:bold;
}

#contact_form .radio_title {
 font-size:10px;
 font-weight:normal;
}

.spacer {
 height:5px;
 width:10px;
}

.high_spacer {
 height:10px;
 width:10px;
}

#contact .radio_spacer {
 height:4px;
}


/*
-------------------------------------------------------------------------
Admin                              
-------------------------------------------------------------------------
*/
#login_form {
 color:black;
}
#admin_left {
 width:524px;
}
#admin_right {
 width:242px;
 padding-right:160px;
 float:right;
}
#admin_left .field,
#admin_right .field {
 padding-bottom:10px;
}
#login_form .username_field,
#login_form .password_field {
 width:200px;
}


/*
-------------------------------------------------------------------------
RTE Styles                              
-------------------------------------------------------------------------
*/
h1 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:white;
}
h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}
h3 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#b2710d;
}
h4 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
}


/*
-------------------------------------------------------------------------
Other
-------------------------------------------------------------------------
*/
.error_spot {
 border:2px solid white;
 background:#efefef;
 color:red;
 padding:10px;
}
.error_spot ul {
 margin:0;
 padding:0;
}
.error_spot ul li {
 margin:0 0 0 15px;
}

