/* common styles for Truant home and level 2+ pages */



/* GENERAL */

html, body {
  margin: 0px;
}
img { border:none; }
/* don't set background color on html for sake of Dreamweaver */
body {
  background-color: #e9e9e9;
  background-color: #ffffff; /* changed 8/16/10 */
  text-align: center;        /* centers the page for IE/win */
}
/* remove space around forms */
form {
  display: inline;
  margin: 0;
  padding: 0;
}
/* set table defaults */
table {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
td {
  padding: 0px;
  vertical-align: top;
}
span.printonly {
  display: none;
}



/* BACK TO TOP ANCHOR */

#divtopanchor {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}



/* OUTER SHELL */
/* container for all page content */

#divoutershell {
  width: 750px;
  margin: 40px auto 0px auto;
  margin: 0px auto 0px auto; /* changed 8/16/10 */
  text-align: left;
  position:relative;
}



/* PAGE AREA */
/* the area with a white background */

#divpagearea {
  position: relative;
  z-index: 1;
  width: 750px;
  z-index:10;
  
}




/* FOOTER */
/* "build with care" and contact info */

#divfooter {
  width: 750px;
  padding-bottom: 22px;
  text-align: left;

  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 120%;
  font-weight: normal;
  color: #a6a6a6;
}
#divfooter a,
#divfooter a:link,
#divfooter a:visited {
  color: #546f66;
  text-decoration: none;
}
#divfooter a:active,
#divfooter a:hover,
#divfooter a:focus {
  color: #236953;
  text-decoration: underline;
}



/* COPYRIGHT AREA */
/* below the white area of the page */

#divcopyrightarea {
  width: 750px;
  padding-bottom: 50px;
}

#divcopyrightarea p {
  margin-top: 20px;
  text-align: right;

  font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 100%;
  font-weight: normal;
  color: #bbbbbb;

}


/* HEADER AREA */
#header { font-family: "facitweb-1","facitweb-2",sans-serif; line-height:20px; margin-top:12px; font-weight:200;  }
#logo { float:right; margin-right:0px; padding-bottom:5px; }
#logo img { border:none; }
#topnav { clear:both; position:relative; height:154px; overflow:hidden; }
#topnav img { position:absolute; top:0px; right:0px; }
#topnav ul { background-color:#f09326; margin:0px; padding:0px; list-style:none; }
#topnav li { height:27px; padding:0px; margin:0px; }
#topnav li a { display:block; width:746px; color:#fff; font-size:23px; text-decoration:none; text-transform:lowercase; padding-left:4px; letter-spacing:1px;  }
#topnav li a:hover { background-color:#d87500; }
#topnav .active a { background-color:#d87500; }
#topnav li.last { margin-bottom:0px;  height:19px;  }
#topnav li.last a:hover { height:19px; }
#topnav li.first { margin-bottom:0px;  }
/* homepage header */
#topnav.home { height:346px; width:750px;  }
#topnav.home ul { background:none; }
#topnav.home li { height:59px; line-height:40px; margin-bottom:2px; }
#topnav.home li.first { margin-bottom:1px; }
#topnav.home li a { font-size:58px; padding-left:0px; width:754px; margin-left:-4px; }
#topnav.home li a:hover { background:none; background-image:url(../img/topnav-home-bk.png); }
#topnav.home li.last, #topnav.home li.last a:hover { line-height:40px; height:40px; }


/* LEFTNAV AREA */
#leftnav { font-family:Arial, Helvetica, sans-serif; line-height:18px; list-style:none; margin:30px 0px; padding:0px; text-transform:uppercase; font-size:10px; letter-spacing:1px; }
#leftnav li { margin-left:0px; padding:0px;  margin-bottom:5px;  width:195px; }
#leftnav li a { background-color:#efefef; color:#545454; text-decoration:none; display:block; padding:0px 0px 0px 10px; }
#leftnav li:hover a, #leftnav li.active a { background-color:#e0e0e0; }
#leftnav.subnav li a { background-image:url(/img/leftnav-bk.gif); background-position:right; background-repeat:no-repeat; }
#leftnav.subnav li:hover a { background-image:url(/img/leftnav-over-bk.gif); }
#leftnav.subnav li.active a { background-color:#efefef; background-image:url(/img/leftnav-active-bk.gif); }
#leftnav li ul { margin:0px; padding:0px; margin-top:5px; }
#leftnav li ul li { background:none; list-style:none; padding-left:0px; margin-bottom:3px; }
#leftnav.subnav li.active ul li a { background:none; color:#da7e11; border:1px #fff solid; border-left:none; }
#leftnav li.active ul li a:hover { color:#545454; }
#leftnav li.active ul li.active a { border:1px #d8d8d8 solid; border-left:none; }
#leftnav li ul ul li { margin-bottom:2px; }
#leftnav.subnav li ul ul li a  { padding-left:24px; }
#leftnav.subnav li ul ul li.active a { border:none; background-image:url(../img/leftnav-subnav-active-bk.gif); background-position:10px 0px; background-repeat:no-repeat;  padding-left:24px; }

/* FOOTER AREA */
#footer { position:fixed; bottom:0px; left:50%; margin: 0px -375px; width:750px; padding:5px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
	color:#8c8c8c; z-index:20; height:25px; background-color:#f0f0f0; color:#545454; }
#footer span { margin-right:15px; line-height:18px; margin: 5px 0 0px 10px; }
#footer a { color:#545454; }
.home #footer { background-color:#e1e1e3; }
#footer a:active, #footer a:hover { color: #FF4B33;  }
#footerimage { position:fixed; border:0px;  left:50%; margin:0px -375px; z-index:1; bottom:0px; width:750px; }

/* HOME PAGE */
#divnewsarea { margin-top:30px; }


/* PROJECTS LANDING PAGE */
#projectsnav { font-family:Arial, Helvetica, sans-serif; line-height:18px; list-style:none; margin:0px; padding:0px; text-transform:uppercase; font-size:10px; letter-spacing:1px; position:relative; }
#projectsnav li { padding:0px; width:252px; float:left; margin:0px 2px 0px 0px; }
#projectsnav li p { margin:0px;  background-color:#efefef; padding-left:25px;  }
#projectsnav li.last { margin-right:0px; width:242px }
#projectsnav li a { color:#545454; text-decoration:none; display:block; padding:0px 0px 0px 0px;  }
#projectsnav li ul li:hover a { color:#545454; }
#projectsnav li ul { margin:0px; padding:0px;   }
#projectsnav li ul li { background-color:#fff; list-style:none; padding-left:0px; float:none; height:20px; }
#projectsnav li ul li.first { margin-top:3px; }
#projectsnav li ul li a { margin-left:20px; padding-left:5px; border:1px #fff solid; color:#da7e11;  }
#projectsnav li ul li.subnav:hover a { border:1px #d8d8d8 solid; }
#projectsnav li ul ul { display:none; position:absolute; top:21px; left:170px; margin:0px; padding:0px; z-index:100;   }
#projectsnav li ul li:hover ul { display:block; }
#projectsnav li ul ul li { margin-bottom:0px; background-color:#fff; height:19px; width:187px;  }
#projectsnav li ul ul li a  { padding-left:0px; margin-left:0px; border:1px #d8d8d8 solid; border-bottom:none; }
#projectsnav li ul li.subnav ul li a { padding-left:5px; color:#da7e11; width:180px;  }
#projectsnav li ul li.subnav ul li a:hover { color:#545454; }
#projectsnav li ul ul li.last a { border-bottom:1px #d8d8d8 solid; }
#projectsnav li ul ul li.active a { border:none; padding-left:24px; }