/* Common Styles for CTS Web Sites */

body, td, th, textarea, select, h2, h3, h4, h5, h6
{font: 12px/1.25em helvetica, sans-serif;}

body { color: #766441; background-color: #E7DDBF; margin: 0px; padding: 0px; }

a { color: #766441; text-decoration: none; }

a:hover { color: #0065A4; text-decoration: underline; }

p { font-size: 98%; margin: 5px 0 0 0; line-height: 150%;}

p a { color: #0065A4; text-decoration: underline; }

.printnotice { display: none; }

.width { margin: 0 auto 0 auto; }

.section1 { position: absolute;  top: 114px; left: 114px; font-size: 90%; z-index: 3; overflow: hidden; height: 351px; width: 108px; }

.section1 a, .section1 div.blank_menu
{ display: block; padding: 5px 0px 0px 10px; margin: 0px 0px 13px 0px; width: 96px; height: 20px; text-align: left; background-color: #766441; border: 1px solid #554423; color: #FFFFFF; text-decoration: none;}
.section1 a:hover { background-color: #E7DDBF; text-decoration: none; color: #766441;}

.whitebox { position: absolute; top: 0px; left: 0px; margin: 100px auto 0 100px; background-color: #FFFFFF; width: 759px; height: 379px; z-index: 1; }

.category_menu
{ position: relative; top: 0; left: 0; z-index: 10; height: 341px; width: 166px; background-color: #554423; padding: 10px 0 0 10px; font-size: 90%; color: #FFFFFF;}

.category_menu div.category_name { margin: 0; }

.category_menu div.category_items { margin: 0 0 0 10px; height: auto;}

.category_items div.selectedsub     { margin: 0; display: block; color: #FFFFFF; }
.category_items div.unselectedsub   { margin: 0; display: block; color: #FFFFFF; }
.category_items div.unselectedsub a { font-size: 90%; text-decoration: none; font-weight: bold; color: #E7DDBF; }
.category_items div.selectedsub a   { font-size: 90%; text-decoration: none; font-weight: bold; color: #FFFFFF; }

.section4           { position: absolute; top: 114px; left: 236px; z-index: 5; width: 176px; height: 351px; overflow: hidden; }
.section5basic      { position: absolute; top: 114px; left: 425px; z-index: 5; width: 419px; height: 351px; overflow: hidden; }
.section5expanded   { position: absolute; top: 0;     left: 411px; z-index: 5; width: 60%;   height: auto;  min-height: 100%; background-color: #FFFFFF;}
.page_section_title { position: absolute; top: 72px;  left: 419px; font-size: 200%; font-weight: bold; color: #FFFFFF; width: 433px; text-align: right; z-index: 100;}


.section4 div.overlay { position: relative;  top: -351px; left: 0px; z-index: 15; height: 351px; width: 176px; }
.section4 div.underlay { position: relative;  z-index: 10; top: 0px; left: 0px; width: 176px; height: 351px;}
.overlay img {position: absolute; width: 176px; top: 0px;left: 0px; }
.underlay img { position: absolute;  height: 351px; width: 176px;  top: 0px; left: 0px; }

.section5basic div.title_container {
  display: block;
  position: relative;
  top: -41px;
  left: 0px;
  text-align: center;
  background-color: #554423;
  padding: 2px 0 0 0;
  height: 32px;
  z-index: 10;
  width: 419px;
}

.title_container div.pic_title { color: #FFFFFF; font-size: normal;}

#menuselected { background-color: #554423;}

.header { position: absolute; left: 100px; top: 0; text-align: left; color: #766441; height: 100px;  z-index: 4;}
.footer { position: absolute; left: 100px; top: 469px; margin: 10px 0 0 0; padding: 0; font-size: 80%; text-align: left; color: #766441; height: auto; }
.search           { text-align: center; }

.a_page           { position: relative; top: 0; left: 0; margin: 85px 14px 0px 14px; z-index: 5; width: 600px;}
.a_page_title     { font-weight: bold; font-size: 120%;}
.a_page_body      { margin: 14px 0 0 0;}
.page_body_title  { font-weight: bold; text-decoration: underline;}

.blocks { position: absolute; height: 351px; width: 176px;  z-index: 6; left: 0; top: 0; color: #766441;}

.blocks div.blockl
{ margin-bottom: 13px; background-color: #E7DDBF; float: left; width: 33px; height: 27px;}
.blocks div.blockc
{ margin-bottom: 13px; background-color: #E7DDBF; float: left; width: 33px; height: 27px;}
.blocks div.blockr
{ margin-bottom: 13px; background-color: #E7DDBF; float: left; width: 33px; height: 27px;}

.blocks div.blockc { margin-left: 7px; margin-right: 7px; background-color: #E7DDBF;}
.blocks div.blockl { margin-right: 7px;}
.blocks div.blockr { margin-left: 7px;}

.blocks div.blockl img { width: 33px; height: 27px; opacity: .3; filter:alpha(opacity=30);}
.blocks div.blockc img { width: 33px; height: 27px; opacity: .3; filter:alpha(opacity=30);}
.blocks div.blockr img { width: 33px; height: 27px; opacity: .3; filter:alpha(opacity=30);}

.blocks div.blockl img:hover { opacity: 1; filter:alpha(opacity=100);}
.blocks div.blockr img:hover { opacity: 1; filter:alpha(opacity=100);}
.blocks div.blockc img:hover { opacity: 1; filter:alpha(opacity=100);}


.articles         { font-size: normal;}
.articles *.list  { margin: 0px 0px 14px 0px;}
.articles *.list div.newstitle a
{ font-weight: bold; color: #554423;}

.articles *.list div.newstitle
{ font-weight: bold; color: #554423;}

.articles *.list div.newsdate { display: inline;}
.articles *.list div.newssubtitle { font-style: oblique; display: inline;}
.articles *.list a.download { font-weight: bold; line-height: 125%; }

.article { font-size: normal; margin: 70px 14px 0px 14px;}
.article div.datitle { font-weight: bold; font-size: 120%;}
.article div.subtitle {font-style: oblique;}
.article div.body_section { margin: 14px 0 0 0 ; width: 600px;}
.archives { margin: 114px 14px 0 14px; }


.row_on   { background-color: #E7DDBF; }
.row_off  {}

.search_results_window { background-color: #E7DDBF; color: #554423; border: 1px solid #554423; padding: 4px; height: auto; margin: 0px 13px 13px 13px; text-align: center; font-weight: bold; overflow: hidden; }
.careers {
  margin: 0px 0px 0px 14px;
}

.career {
  margin: 70px 0px 0px 14px;
  font-size: normal;
}
.career div.career_title {
  font-size: 120%;
  font-weight: bold;
  text-decoration: underline;
}

.career div.career_description { margin-top: 18px; }
.career div.career_id { font-weight: bold;}
.career div.career_details { margin-top: 14px; overflow: hidden;}
.career_search_results { width: auto; margin: 0 13px 0 13px;}
.empty_search_results { margin: 0 auto 0 auto; width: auto; text-align: center; height: auto; color: #554423;}

.sectionhistory {
 position: absolute;
 top: 114px;
 left: 236px; 
 z-index: 5;
 overflow: hidden;
 width: 619px;
 height: 351px;

}
.history { position: relative; top: 0px; right: 0px; width: 610px; height: 351px; }
.history_item { width: 610px; height: 351px;}
.history ul { list-style-type: none;}

.history_control {position: absolute; bottom: 0px; right: 0px; width: 112px; background-color: #FFFFFF; padding: 4px 0px 0px 0px; height: 60px; z-index: 9999;}
.history_control div.position { position: absolute; top:0px; left:0px; font-size: 75%; color: #0065A4;}
.history_title { position: absolute; top: 280px; left: 0; font-size: 125%; font-weight: bold; width: 418px; padding: 2px; background-color: #554423; color: #FFFFFF; height: 16px; opacity: .8; filter:alpha(opacity=80); border-bottom: 2px solid #E7DDBF;}
.history_caption { position: absolute; top: 300px; left: 0px; width: 414px; padding: 4px; height: 47px; background-color: #554423; color: #FFFFFF; opacity: .8; filter:alpha(opacity=80);}

.overflowme { width: 100%; height: 100%; background-color: #554423;}
.locations { font-size: normal; margin: 0;}
.locations div.state_name { display: block; font-weight: bold; border-bottom: 2px solid #E7DDBF; margin: 0 0 14px 0;}
.locations div.offices { margin:  0 0 14px 0;}
.offices a{ display: block; padding: 0 0 14px 14px; font-weight: bold; text-decoration: none; color: #554423; white-space: nowrap;}
.offices a:hover { text-decoration: underline; font-weight: bold;}
.google_map { z-index: 9999; width: 421px; height: 351px;}

.section4 div.submenu {
  position: relative;
  top: 0;
  left: 0;
  z-index: 150;
  width: 176px;
  height: 351px;
}

.section4 div.submenu div.name {
  margin: 10px 0px 0px 0px;
  font-weight: bold;
  color: #FFFFFF;
}

.section4 div.submenu a {
  display: block;
  padding: 5px 0px 0px 10px;
  margin: 0px 0px 13px 0px;
  width: 176px;
  height: 22px;
  color: #E7DDBF;
  font-weight: bold;
  text-decoration: none;
  background-color: #554423;
}

.section4 div.submenu a:hover { background-color: #E7DDBF; text-decoration: none; color: #766441;}
.section4 div.submenu_autoheight a:hover { background-color: #E7DDBF; text-decoration: none; color: #766441;}

.projects { margin: 0 0 0 14px; }
.projects div.nav_list { margin: 85px 0 0 0; }
.nav_list a { text-decoration: none; color: #554423;}
.nav_list a:hover { text-decoration: underline;}
.projects div.images { height: 349px; overflow: hidden;}
.projects ul { list-style-type: none;}
.projects div.project{ margin: 14px 0 0 0;}
.project div.description { margin: 14px 0 14px 0; width: 421px; font-size: 9pt; line-height: 20px;}
.image img{ width: 419px; height: 351px;}
.image div.icaption { position: absolute; top: 250px; left: 448px; width: 112px;  background-color: #FFFFFF; height: 200px; font-size: 8pt;}
.control{ position: absolute; top: 420px; left: 448px; width: 86px; background-color: #FFFFFF; padding: 4px 0px 0px 0px; height: 34px; z-index: 99999;}
.control div.position { position: absolute; top:0; left:5px; font-size: 7pt; font-style: oblique; color: #0065A4;}


.search_form {
  padding: 5px;
  height: 25px;
  text-align: center;
}

.search_item {
  margin: 13px 13px 0 13px;
}

.search_item_title {
  font-size: 10pt;
  font-weight: bold;
}

.search_item_text {
  font-size: 8pt;
  color: #554423;
  margin: 0 0 0 5px;
}

.search_item_text * {
  display: inline;
}

.search_item_link {
  font-size: 7pt;
  color: green;
  margin: 0 0 0 5px;
}