/* global styles */

html, body {
    height: 100%;
}

html {
    overflow-y: scroll;
}

body {
    margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    font-family: Arial,sans-serif;
    font-size: 13px;
    line-height: 125%;
    background-color: #F6FAFC;
    color: #333333;

}

h2, h3, h4, h5, h6 {
    color: #042540;
}



a {
  outline: none;
  text-decoration: none;
}


a:link {
    color: #28568E;
    /*color: #3789B9;*/
    text-decoration: none;
    border-bottom: dotted 1px;
}     /* unvisited link */

a:visited {
    color: #3789B9;
    /*color: #5486A2;*/
    text-decoration: none;
    border-bottom: dotted 1px;
}  /* visited link */

a:hover {
    color: #3789B9;
    text-decoration: none;
    border-bottom: solid 1px;
}   /* mouse over link */

a:active {
    color: #3789B9;
    text-decoration: none;
    border-bottom: solid 1px;
}   /* selected link */

div.sidebar_photo a {
      outline: none;
      text-decoration: none;
      border-bottom: 0px;

}

sup {
    font-size: 85%;
    position: relative;
    vertical-align:baseline;
    top: -0.6em;
}

.newsheadline {
    font-size: 12px;

}

.newsdate {
    font-size: 11px;

}


#wrapper {
    margin: 0px auto;
    position:relative;
    width: 990px;
    /*max-width: 990px;*/
    /*width: 63.8em;*/
    border: 1px solid #94BFD4;
    background-color: #FFFFFF;

}

#header_wrapper {
    position: absolute;
    background-color: #042540;
    top: 0px;
    left: 0px;
    height: 75px;
    width: 990px;
    z-index: 100;
}

#header {
    width: 100%;
    height: 107px;
    background-color: #042540;
    /* position: relative; */
    top: 0px;
    left: 0px;
}

img.scs_logo {
    width: 368px;
    height: 39px;
    margin: 20px 0px 0px 31px;
    float: left;
    border: 0px;
    clear: both;
    position: absolute;
    top: 0px;
}

#top_nav {
    float: right;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 12px;
    padding-right: 0px;
    position: absolute;
    left: 702px;
    top: 3px;
    color: #ffffff;
}

#top_nav a {
    color: #ffffff;
    border-bottom: 0px;
}

/* Safari Fix */

body:first-of-type #top_nav {
    left: 700px;
}

#search {
    position: absolute;
    top: 35px;
    left: 701px;
}

/* Safari Fix */

body:first-of-type #search {
    left: 700px;
}

#main_nav_div {
    /*position: absolute;
    top: 62px;
    left: 21px;*/
}


#main_nav {
    width: 990px;
    height: 34px;
    background: url('/images/scs_main_nav.jpg') no-repeat 0 0;
    margin-top: 73px;
    padding: 0px;
    position: relative;
    border-top:3px solid #1BA947;
  }

#main_nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
  }

#main_nav li, #main_nav a {
    height: 34px;
    display: block;
  }

  #forestry, #forestory a:link, #forestry a:visited {left: 0; width: 165px; border: none;}
  #climate, #climate a:link, #climate a:visited  {left: 165px; width: 165px;  border: none;}
  #life_cycle, #life_cycle a:link, #life_cycle a:visited {left: 330px; width: 165px;  border: none;}
  #green_building, #green_building a:link, #green_building a:visited {left: 495px; width: 165px;  border: none;}
  #food_ag, #food_ag a:link, #food_ag a:visited  {left: 660px; width: 165px;  border: none;}
  #retail, #retail a:link, #retail a:visited  {left: 825px; width: 165px;  border: none;}

  #forestry a:hover, .forestry_on {
    background: transparent url('/images/scs_main_nav.jpg') 0px -36px no-repeat;
    border: none;
  }
  #climate a:hover, .climate_on {
    background: transparent url('/images/scs_main_nav.jpg') -165px -36px no-repeat;
    border: none;
  }
  #life_cycle a:hover, .life_cycle_on {
    background: transparent url('/images/scs_main_nav.jpg') -330px -36px no-repeat;
    border: none;
  }
  #green_building a:hover, .green_building_on {
    background: transparent url('/images/scs_main_nav.jpg') -495px -36px no-repeat;
    border: none;
  }
  #food_ag a:hover, .food_ag_on {
    background: transparent url('/images/scs_main_nav.jpg') -660px -36px no-repeat;
    border: none;
  }
  #retail a:hover, .retail_on {
    background: transparent url('/images/scs_main_nav.jpg') -825px -36px no-repeat;
    border: none;
  }


/* home page content styles */

#main {
    background-color: #FFFFFF;
    width: 990px;
    margin: 0 auto;
    height: 100%;
}

#flash_header {
    width: 100%;
    height: 184px;
    padding-top: 0px;
    background-color: #F6FAFC;
}

#flash_player {
    width: 486px;
    z-index: 1;
    float: left;
}

#mission_message {
    width: 454px;
    margin: 60px 15px 0px 25px;
    float: right;
    height: 124px;
}
#mission_message h3 {
    vertical-align: middle;
    color: #1ba947;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
    font-style: italic;
}

#mission_message p {
    vertical-align: middle;
    color: #333333;
    font-size: 12px;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 0px;
}

#mission_message ul {
    padding-left: 15px;
    list-style-type: square;
}

/* feature row */
#feature_row {
    width: 100%;
    height: 115px;
    border-bottom: solid 2px #1BA947;
    background-color: #E2EFF5;
}

#feature_left {
    width: 165px;
    height: 115px;
    float: left;
    background-color: #E2EFF5;
    padding-left: 24px;
}

#feature_left p {
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 100%;

}

#feature_left a {
    color: #3789b9;
    font-size: 11px;
}

#feature_left h3, #feature_center h3, #feature_right h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}

#feature_center {
    width: 482px;
    height: 115px;
    float: left;
    background-color: #E2EFF5;
    padding-left: 16px;
    padding-right: 16px;

}

#feature_center p {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 100%;
}


#feature_center .content a:hover {
    text-decoration:none;
}

#feature_right {
    width: 263px;
    height: 115px;
    float: left;

    padding-right: 24px;

}

#feature_right p {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 100%;
}

#feature_right a {
    color: #3789b9;

}

#feature_left .content, #feature_center .content, #feature_right .content {
    width: 100%;
    height: 85px;
    overflow: hide;
}

#feature_left .content {
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-y;
    background-position: top right;
}

#feature_right .content {
    background-image: url(../images/superduper.gif);

    background-position:1px 90px;
    height: 91px;
    width: 273px;
}


a.more  {
    position: absolute;
    top: 374px;
    left:275px;
    color: #3789b9;
    font-size: 11px;
    font-style: italic;
}

img.more {
    position: absolute;
    top: 379px;
    left:640px;
}



/* photo pages */

#strip_controls .next {
    background-color: #E2EFF5;
    position: relative;
    width: 100%;
    height: 10px;
    left: 0px;
    font-size: 10px;
    text-align: right;
    border: none;
}

#thumbnail_strip {
    width: 100%;
    height: 100%;
    overflow: hide;
}

/*step stepcarousel */
.stepcarousel_thumbstrip{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 683px; /*Width of Carousel Viewer itself*/
height: 75px; /*Height should enough to fit largest content's height*/
}

.stepcarousel_thumbstrip .belt_thumbstrip{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel_thumbstrip .panel_thumbstrip{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left: 10px; /*margin around each panel*/
width: 91px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* end photos */


#main_bodycopy {
    width: 942px;
    height: 100%;
    margin-top: 20px;
    margin-right: 24px;
    margin-left: 24px;
}

#program_feature {
    width: 227px;
    margin-right: 18px;
    position: inherit;
    float: left;
    height: 100%;
    min-height: 50px;
    font-size: 11px;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-y;
    background-position: top right;

}

#program_feature img {
    float: left;
    height: 42px;
    width: 42px;
    padding-right: 7px;
    padding-top: 5px;
}

#program_feature .content {
    padding-right: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-right: 0px;
    width: 200px;
    height: 90px;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-x;
    background-position: bottom left;
}

#program_feature p {
    margin-top: 10px;
    padding-bottom: 10px;
}

#program_feature p.first_feature {
    margin-top: 0px;
    padding-bottom: 10px;
}

#program_feature .last {
    padding-right: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-right: 0px;
    width: 200px;
    height: 90px;
}

#body_right {
    width: 700px;
    position: inherit;
    float: left;
    height: 100%;
}

#about_links {
    width: 158px;
    margin-right: 0px;
    float: left;
    position: inherit;
    margin-bottom: 10px;
    height: 100%;
    /*border-right: dashed 1px #006699;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-y;
    background-position: top right;*/

}

#about_links h2 {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #042540;
}

#about_links p {
    font-size: 12px;
    margin-top: 7px;
}

#program_highlight {
    width: 482px;
    float: left;
    position: inherit;
    margin-bottom: 20px;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 20px;
    padding-left: 20px;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-y;
    background-position: top left;
}

#program_highlight h2 {
    color: #3789B9;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 125%;
}

#program_highlight h5 {
    margin-top: 0px;
    margin-bottom: 4px;
}

#program_highlight h3 {
    margin-top: 0px;
    font-size: 13px;
}

#program_highlight ul {
    list-style-type: square;
}

#program_highlight_right {
    width: 262px;
    float: right;
    height: 100%;
    margin-top: 38px;
    margin-bottom: 20px;
}

#program_hightlight_right_border {
    width:100%;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-x;
    background-position: top left;
    margin-top: 10px;
    height: 5px;
}

#program_highlight_right ul {
    color: #3789B9;
    margin: 5px 0px 5px 0px;
    list-style-type: none;
    padding-left: 0px;
}

#program_highlight_right ul li {
    color: #3789B9;
    margin: 10px 0px 10px 0px;
    list-style-type: none;
    padding-left: 0px;
}

#partner_logos{
    width: 950px;
    clear: both;
    height: 88px;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-x;
    background-position: top left;
    padding: 20px 0px 20px 0px;
}

#partner_logos .logos {
    margin: 0px auto;
    display: block;
}


#partner_logos a {
    border: none;
}

/*content pages */
#main_content {
    width: 689px;
    height: 100%;
    min-height: 550px;
    margin-top: 24px;
    margin-right: 48px;
    float: right;
}

#main_content img {
    padding: 0px;
    border: 0;
}

#main_content h2 {
    line-height: 125%;
    margin-top: -4px;
}

#main_content img+h2 {
    margin-top: 16px;
}

#main_content ul {
    list-style-type: square;
}

#main_content li {
    padding-bottom: 5px;
    padding-right: 30px
}

.staff_row {
    width: 713px;
}

.staff_image {
    width: 110px;
    height: 150px;
    float: left;
    margin-right: 10px;
}

.staff_list {
    width: 593px;
    float: right;
}

.staff_bio {
    display: none;
}

table.fineline {
  border-collapse: collapse;
  border: 1px solid #ddd;
  margin: 1em 0;
}
table.fineline td, table.fineline th {
  padding: 3px 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
table.fineline th {
  text-align: right;
  font-weight: normal;
  width: 10em;
}
table.fineline.top_header th {
  text-align: left;
  font-weight: bold;
  width: 50%;
  border: none;
}
table.fineline.narrow th {
  width: 5em;
}

div.address {
    width: 229px;
    float: left;

}

div.blog_article {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-x;
    background-position: bottom left;
}

#left_nav_column {
    width: 201px;
    height: 100%;
    margin-top: 1px;
    margin-right: 20px;
    margin-left: 24px;
    float: left;
    min-height: 550px;
}

#left_nav_column ul {
    list-style-type: none;
    margin: 5px 5px 5px 10px;
    padding: 0px;
}
#left_nav_column ul li {
    padding-bottom: 5px;
}



#left_nav_column h5 {
    width: 196px;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 15px;
}

#left_nav_column p {
    margin: 5px;
}

#nrc #left_nav_column h5 {
    background-color: #E0FBDF;
    border-top: 3px solid #009933;
}

#nrc hr {
    height: 1px;
    color: #009933;
}

#lcs #left_nav_column h5 {
    background-color: #F2E5DF;
    border-top: 3px solid #7F2A00;
}

#gbc #left_nav_column h5 {
    background-color: #e9facf;
    border-top: 3px solid #86B602;
}

#fff #left_nav_column h5 {
    background-color: #fef2d2;
    border-top: 3px solid #946634;
}

#cas #left_nav_column h5 {
    background-color: #DAF7F9;
    border-top: 3px solid #15ADB4;
}

#corp #left_nav_column h5 {
    background-color: #E2EFF5;
    border-top: 3px solid #28568E;
}

#rs #left_nav_column h5 {
    background-color: #DCE1F2;
    border-top: 3px solid #46427B;
}

/*You Are Here for left hand nav */

#nrc #left_nav_column .active {
    color: #009933;
    font-weight: bold;
}

#lcs #left_nav_column .active {
    color: #7F2A00;
    font-weight: bold;
}

#gbc #left_nav_column  .active {
    color: #86B602;
    font-weight: bold;
}

#fff #left_nav_column .active {
    font-weight: bold;
    color: #946634;
}

#cas #left_nav_column .active {
    color: #15ADB4;
    font-weight: bold;
}

#corp #left_nav_column .active {
    color: #28568E;
    font-weight: bold;
}

#rs #left_nav_column .active {
    color: #46427B;
    font-weight: bold;
}

/* used to force left_nav_links to corp blue
#left_nav_column a:link {
    color: #28568e;
}

#left_nav_column a:visited {
    color: #28568E;
}
*/
/* end you are here for left hand nav */
#left_nav_column #protected h5 {
    background-color: #e9e2d9;
    border-top: 3px solid #564a45;
}

.indent {
    padding-left: 26px;
    font-weight: bold;
}

#nrc p.indent {
    color: #009933;
}

#lcs p.indent {
    color:#7f2a00;
}



#gbc p.indent {
    color:#86B602;
}

#fff p.indent {
    color:#946634;
}

#cas p.indent {
    color:#15ADB4;
}

#corp p.indent {
    color: #28568E;
}

#rs p.indent {
    color: #46427B;
}

#nrc h2 {
    color: #009933;
}

#lcs h2 {
    color:#7f2a00;
}

#gbc h2 {
    color:#86B602;
}

#fff h2 {
    color:#946634;
}

#cas h2 {
    color:#15ADB4;
}

#corp h2 {
    color: #28568E;
}

#rs h2 {
    color: #46427B;
}

p.footnote {
    font-size: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
}

div.footer_padding {
    clear:both;
    padding-bottom: 15px;
}

/*footer styles */

#footer {
    background-color: #F6FAFC;
}

#footer_nav {
    background-color: #F6FAFC;
    border-top-color: #E2EFF5;
    border-top-width: 1px;
    border-top-style: solid;
    width: 100%;
    display: block;
    font-size: 12px;
    /*padding-bottom: 10px; */
    padding-top: 10px;
    height: 25px;
}

.nav {
    float: left;

}

#footer_copy {
    position:relative;
    background-color: #042540;
    border-top: 2px solid #1BA947;
    width: 100%;
    height:33px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 10px;
    text-align: center;
    color: #ffffff;
}

#footer_copy a {
    color: #ffffff;
}

#icon_links { display:inline-block; position:relative; top:6px; left:5px }
#icon_links a.imglink { border:none }
#icon_links img { border:none }

/*color swatches used in footer */

.forestry {
    height: 6px;
    width: 6px;
    background-color: #009933;
    float: left;
    margin: 6px 3px 6px 8px;
}

.climate {
    height: 6px;
    width: 6px;
    background-color: #15ADB4;
    float: left;
    margin: 6px 3px 6px 8px;
}

.life_cycle {
    height: 6px;
    width: 6px;
    background-color: #7F2A00;
    float: left;
    margin: 6px 3px 6px 8px;;
}

.green_building {
    height: 6px;
    width: 6px;
    background-color: #86B602;
    float: left;
    margin: 6px 3px 6px 8px;
}

.food_ag {
    height: 6px;
    width: 6px;
    background-color: #946634;
    float: left;
    margin: 6px 3px 6px 8px;
}

.retail {
    height: 6px;
    width: 6px;
    background-color: #46427B;
    float: left;
    margin: 6px 3px 6px 8px;
}



/* drop down styles */

.dd1 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom: 6px solid #009933;
line-height: 18px;
font-size: 12px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #E0FBDF;
width: 250px; /* default width for menu */
padding-top: 3px;
padding-bottom: 3px;

}


.dd1 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.dd1 ul li a{
margin: 0px auto;
width: 90%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color: #000000;
border: 1px solid transparent;
}

.dd1 a:hover { /*hover background color*/
background: #e7fef2;
color:#000000;
border: 1px solid #009933;
}

#submenu1 .active {
    color: #009933;
}


/* drop menu 2 */
.dd2 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom: 6px solid #15ADB4;
line-height: 18px;
font-size: 12px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #DAF7F9;
width: 205px; /* default width for menu */
padding-top: 3px;
padding-bottom: 3px;
}

#submenu2 .active {
    color: #15ADB4;
}

.dd2 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.dd2 ul li a{
margin: 0px auto;
width: 90%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color: #000000;
border: 1px solid transparent;
}

.dd2 a:hover{ /*hover background color*/
background: #E5F9FB;
color:#000000;
border: 1px solid #15ADB4;
}

/* drop menu 3 */
.dd3 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom: 6px solid #7F2A00;
line-height: 18px;
font-size: 12px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #f2e5df;
width: 265px; /* default width for menu */
padding-top: 3px;
padding-bottom: 3px;
}

#submenu3 .active {
    color: #7F2A00;
}

.dd3 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.dd3 ul li a{
margin: 0px auto;
width: 90%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color: #000000;
border: 1px solid transparent;
}

.dd3 a:hover{ /*hover background color*/
background: #f5eae5;
color:#000000;
border: 1px solid #7F2A00;
}

/* drop menu 4 */
.dd4 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom: 6px solid #86B602;
line-height: 18px;
font-size: 12px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #e9facf;
width: 265px; /* default width for menu */
padding-top: 3px;
padding-bottom: 3px;
}

#submenu4 .active {
    color: #86B602;
}


.dd4 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.dd4 ul li a{
margin: 0px auto;
width: 90%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color: #000000;
border: 1px solid transparent;
}

.dd4 a:hover{ /*hover background color*/
background: #edfbd9;
color:#000000;
border: 1px solid #86B602;
}

/* drop menu 5 */
.dd5 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom: 6px solid #946634;
line-height: 18px;
font-size: 12px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #fef2d2;
width: 250px; /* default width for menu */
padding-top: 3px;
padding-bottom: 3px;
}

#submenu5 .active {
    color: #946634;
}

.dd5 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.dd5 ul li a{
margin: 0px auto;
width: 90%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color: #000000;
border: 1px solid transparent;
}

.dd5 a:hover{ /*hover background color*/
background: #fef5db;
color:#000000;
border: 1px solid #946634;
}

/* drop menu 6 */
.dd6 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom: 6px solid #46427B;
line-height: 18px;
font-size: 12px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #DCE1F2;
width: 230px; /* default width for menu */
padding-top: 3px;
padding-bottom: 3px;
}

#submenu6 .active {
    color: #46427B;
}

.dd6 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.dd6 ul li a{
margin: 0px auto;
width: 90%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color: #000000;
border: 1px solid transparent;
}

.dd6 a:hover{ /*hover background color*/
background: #E7E9F6;
color:#000000;
border: 1px solid #46427B;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
width: 200px;
}


 /*provides a user tool tip */
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }


/*step stepcarousel */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 307px; /*Width of Carousel Viewer itself*/
height: 90px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 297px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel h3 {
    margin-top: 0px;
    margin-bottom: 3px;
}

.question {
    float: left;
    width: 40%;
    text-align: right;
    font-size: 1em;
}

.answer {
    float: left;
    width: 60%;
    font-size: 1em;
}

.required {
    color: red;
}

input.complaint {

    border: 1px solid grey;
}

textarea.complaint {
    border: 1px solid grey;
    margin-left: 9px;

}

.row {
    /*clear: both; */
    padding: 2px 0px 2px 0px;
    height: 27px;
}

#main_content div.sidebar_divider {
    width: 213px;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-x;
    background-position: middle left;
    height: 20px;
    margin-top: 20px;
}

#main_content div.sidebar_photo {
    width: 213px;
    float: right;
    vertical-align: top;
    margin-left: 20px;
    padding: 0px 0px 7px 15px;
    clear: right;
    text-align: center;
}

#main_content div.sidebar {
    width: 213px;
    float: right;
    vertical-align: top;
    margin-left: 20px;
    padding: 7px 0px 7px 15px;
    background-image: url('/images/bluedot_1pixel.gif');
    background-repeat: repeat-y;
    background-position: top left;
    font-size: 11px;
    line-height: 181%;
}

#main_content div.sidebar ul {
    font-size: 13px;
    list-style-type: none;
    margin: 5px 0px 0px 0px;
    padding-left: 0px;
}

#cas #main_content div.sidebar h4 {
    color: #15ADB4;
    margin-top:0px;
    font-size: 13px;
    margin-bottom: 5px;
}

#cas #main_content div.sidebar h5 {
    margin-top:10px;
    font-size: 13px;
    margin-bottom: 0px;
}

#rs #main_content div.sidebar h4 {
    color: #46427B;
    margin-top:0px;
    font-size: 13px;
    margin-bottom: 5px;
}

#rs #main_content div.sidebar h5 {
    margin-top:10px;
    font-size: 13px;
    margin-bottom: 0px;
}

#fff #main_content div.sidebar h4 {
    color: #946634;
    margin-top:0px;
    font-size: 13px;
    margin-bottom: 5px;
}

#fff #main_content div.sidebar h5 {
    margin-top:10px;
    font-size: 13px;
    margin-bottom: 0px;
}

#gbc #main_content div.sidebar h4 {
    color: #86B602;
    margin-top:0px;
    font-size: 13px;
    margin-bottom: 5px;
}

#gbc #main_content div.sidebar h5 {
    margin-top:10px;
    font-size: 13px;
    margin-bottom: 0px;
}

#lcs #main_content div.sidebar h4 {
    color: #7f2a00;
    margin-top:0px;
    font-size: 13px;
    margin-bottom: 5px;
}

#lcs #main_content div.sidebar h5 {
    margin-top:10px;
    font-size: 13px;
    margin-bottom: 0px;
}

#nrc #main_content div.sidebar h4 {
    color: #009933;
    margin-top:0px;
    font-size: 13px;
    margin-bottom: 5px;
}

#nrc #main_content div.sidebar h5 {
    margin-top:10px;
    font-size: 13px;
    margin-bottom: 0px;
}

#corp #main_content div.sidebar h4 {
    color: #28568E;
    margin-top:0px;
    font-size: 13px;
    margin-bottom: 5px;
}

#corp #main_content div.sidebar h5 {
    margin-top:10px;
    font-size: 13px;
    margin-bottom: 0px;
}

.footnote {
    margin-top: 40px;
    font-size: 11px;
    font-style: italic;
}

.toggle {
    font-size:12px;
    font-weight: normal;
}

div.row {
    padding: 3px;
    width: 85%;
    height: 100%;
    clear: left;
}

div.label_cell {
    float: left;
    width: 100px;
}

div.input_cell {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}

div.input_cell input {
    width: 250px;
}

.signature {
    font-style: italic;
    float:right;
    font-size: 11px;
    text-align: right;
    margin-bottom: 5px;
}

.comment {
    height: 100%;
    width: 100%;
}

div.service_row {
    width: 710px;
    height: 100%;
    clear: both;

}

div.service_label {
    width: 165px;
    float: left;
    text-align: right;
    margin-bottom: 6px;
}

div.service_input {
    width: 535px;
    float: right;
    text-align: left;
    margin-bottom: 6px;
}

div.service_input input[type="text"] {
    width: 350px;
}


/* ADDED TO STYLE THE NEW NAVIGATION */
#main_nav
{
    display:                            none;
}
#header
{
    position:                           relative;
    z-index:                            999;
    zoom:                               1;
}
#header_wrapper
{
    height:                             100%;
}
nav
{
    background:                         rgb(173,209,233);
    bottom:                             0;
    display:                            block;
    margin:                             0 auto;
    padding:                            0;
    position:                           absolute;
    width:                              990px;
    z-index:                            9999;
}
.js nav a:link,
.js nav a:visited,
.js nav a:hover,
.js nav a:focus,
.js nav a:active
{
    position:                           relative;
    z-index:                            1;
    zoom:                               1;
    border:                             0;
    border-bottom:                      0;
    outline:                            0;
}
.js nav
{
    display:                            none;
}
.js nav menu,
.js nav li
{
    list-style:                         none;
    margin:                             0;
    padding:                            0;
    white-space:                        nowrap;
}
.js nav > menu > li
{
    position:                           relative;
    z-index:                            1;
}
.js nav > menu > li > a,
.js nav > menu > li > a:link,
.js nav > menu > li > a:visited,
.js nav > menu > li > a:hover,
.js nav > menu > li > a:focus,
.js nav > menu > li > a:active
{
    color:                              rgb(0,0,0);
    font-weight:                        bold;
}
.js nav > menu > li > menu
{
    background:                         rgb(224,251,223);
    background-color:                   rgba(224,251,223,.8);
    left:                               -999999px;
    padding:                            5px;
    position:                           absolute;
    right:                              auto;
    width:                              265px;
    z-index:                            2;
}
.js nav > menu > li.active > menu
{
    left:                               0;
}
.js nav > menu > li.sustainability-menu.active > menu
{
    left:                               auto;
    right:                              0;
}
.js nav > menu > li
{
    display:                            inline-block;
    vertical-align:                     top;
    width:                              165px;
}
.js nav > menu > li
{
    width:                              161px\0/;
}
.js nav > menu > li
{
    *display:                           inline;
}
.js nav menu menu menu
{
    padding-left:                       20px;
}
.js nav > menu
{
    line-height:                        2.5;
}
.js nav > menu menu
{
    line-height:                        1.25;
}
.js nav a,
.js nav a:link,
.js nav a:hover,
.js nav a:visited,
.js nav a:focus,
.js nav a:active
{
    color:                              rgb(0,0,0);
    cursor:                             pointer;
    display:                            block;
    padding:                            1px;
    text-align:                         center;
    text-decoration:                    none;
}
.js nav a:not([href])
{
    font-weight:                        bold;
}
.js nav menu menu a,
.js nav menu menu a:link,
.js nav menu menu a:hover,
.js nav menu menu a:visited,
.js nav menu menu a:focus,
.js nav menu menu a:active
{
    padding:                            2px 5px;
    text-align:                         left;
}
.js nav menu menu menu a[href]:before
{
    content:                            ' - ';
}
.js nav menu menu a[href]:hover
{
    border:                             1px solid;
    padding:                            1px 4px;
}



/* DIVISION SPECIFIC SETTINGS */
.js .natural-resources-menu.active > a,
.js .natural-resources-menu.current > a,
.js .natural-resources-menu > menu
{
    background:                         rgb(224,251,223);
}
.js .natural-resources-menu.active > a[href]
{
    border-color:                       rgb(0,153,51);
}
.js .natural-resources-menu li.active > a[href]:hover
{
    background-color:                   rgb(231,254,242);
}
.js .climate-menu.active > a,
.js .climate-menu.current > a,
.js .climate-menu > menu
{
    background:                         rgb(218,247,249);
}
.js .climate-menu.active > a[href]
{
    border-color:                       rgb(21,173,180);
}
.js .climate-menu .active > a[href]:hover
{
    background-color:                   rgb(229,249,251);
}
.js .life-cycle-menu.active > a,
.js .life-cycle-menu.current > a,
.js .life-cycle-menu > menu
{
    background:                         rgb(242,229,223);
}
.js .life-cycle-menu.active > a[href]
{
    border-color:                       rgb(127,42,0);
}
.js .life-cycle-menu .active > a[href]:hover
{
    background-color:                   rgb(245,234,229);
}
.js .green-products-menu.active > a,
.js .green-products-menu.current > a,
.js .green-products-menu > menu
{
    background:                         rgb(233,250,207);
}
.js .green-products.active > a[href]
{
    border-color:                       rgb(134,182,2);
}
.js .green-products-menu .active > a[href]:hover
{
    background-color:                   rgb(237,251,217);
}
.js .food-and-agriculture-menu.active > a,
.js .food-and-agriculture-menu.current > a,
.js .food-and-agriculture-menu > menu
{
    background:                         rgb(254,242,210);
}
.js .food-and-agriculture-menu.active > a[href]
{
    border-color:                       rgb(148,102,52);
}
.js .food-and-agriculture-menu .active > a[href]:hover
{
    background-color:                   rgb(254,245,219);
}
.js .sustainability-menu.active > a,
.js .sustainability-menu.current > a,
.js .sustainability-menu > menu
{
    background:                         rgb(220,225,242);
}
.js .sustainability-menu.active > a[href]
{
    border-color:                       rgb(70,66,123);
}
.js .sustainability-menu .active > a[href]:hover
{
    background-color:                   rgb(231,233,246);
}
.js .natural-resources-menu > menu
{
    border-bottom:                      6px solid rgb(0,153,51);
}
.js .climate-menu > menu
{
    border-bottom:                      6px solid rgb(21,173,180);
}
.js .life-cycle-menu > menu
{
    border-bottom:                      6px solid rgb(127,42,0);
}
.js .green-products-menu > menu
{
    border-bottom:                      6px solid rgb(134,182,2);
}
.js .food-and-agriculture-menu > menu
{
    border-bottom:                      6px solid rgb(148,102,52);
}
.js .sustainability-menu > menu
{
    border-bottom:                      6px solid rgb(70,66,123);
}

footer
{
    background-color:                   #F6FAFC;
    border-top:                         1px solid #E2EFF5;
    display:                            block;
    font-size:                          12px;
    padding-top:                        10px;
    width:                              100%;
}
footer menu,
footer menu li
{
    list-style:                         square inside;
}
footer menu
{
    text-align:                         center;
}
footer menu li
{
    display:                            inline-block;
}
footer menu li
{
    _display:                           inline\0/;
    *display:                           inline\0/;
    display:                            inline\0/;
}
footer menu li.nrc:before,
footer menu li.cas:before,
footer menu li.lcs:before,
footer menu li.gbc:before,
footer menu li.fff:before,
footer menu li.mkt:before
{
    content:                            '\25AA';
    display:                            inline-block;
    font-size:                          2em;
    line-height:                        1;
    padding-left:                       4px;
    padding-right:                      4px;
    vertical-align:                     middle;
}
footer menu li.nrc:before
{
    color:                              #009933;
}
footer menu li.cas:before
{
    color:                              #15ADB4;
}
footer menu li.lcs:before
{
    color:                              #7F2A00;
}
footer menu li.gbc:before
{
    color:                              #86B602;
}
footer menu li.fff:before
{
    color:                              #946634;
}
footer menu li.mkt:before
{
    color:                              #46427B;
}
footer menu li a,
footer menu li a:link,
footer menu li a:visited
{
    border-bottom:                      1px dotted rgb(32,32,32);
    color:                              rgb(16,16,16);
}
footer menu li a:hover,
footer menu li a:focus,
footer menu li a:active
{
    border-bottom:                      1px dotted rgb(16,16,16);
    color:                              rgb(0,0,255);
}

ul.rotator,
ul.rotator li
{
    list-style:                         none;
    margin:                             0;
    padding:                            0;
}
ul.rotator
{
    margin-top:                         15px;
}
ul.rotator a
{
    display:                            block;
    margin:                             0;
}
ul.rotator a,
ul.rotator img
{
    border:                             0;
}
ul.rotator li
{
    display:                            none;
}
ul.rotator li:first-child
{
    display:                            block;
}
/* Added by Samir Mirani for sort styles */
#sort_box
{
background: rgb(220,246,220);
width: 100%;
}

#sort_order_link{
margin-left: 79%;
}
.sort_box_column{
width: 49%;
float: left;
background: rgb(220,246,220);
}

.search_product_description
{
width: 290px;
height: 110px;
overflow: auto;
float: right; 
vertical-align: top;
}

#ppr_list_hide
{
display:none;
}