@import url(/website/271281/reset.css);

/* ---------- MAJOR BLOCKING ---------- */
#spi-wrapper
{
  width: 823px;
  margin: 0 auto;
  color: #333;
  background: white url(http://spi.files.cms-plus.com/PageLayoutImages/main_bg.png) repeat-y scroll top left;
}

#justprint {
display: none;
}


#spi-frame
{
  margin: 0 12px;
}

.home #spi-header
{
  height: 322px;
}

.interior #spi-header
{
  height: 244px;
}

.landing #spi-header
{
  height: 244px;
}

#spi-nav-browse
{
  height: 45px;
}

#spi-main
{
}

#spi-footer
{
  clear: both;
  height: 49px;
}

/* ---------- MAIN LINK COLOR ---------- */

#spi-body a:link    { color: #1D3D76; }
#spi-body a:visited { color: #33488b; }	
#spi-body a:hover   { color: #A52D1F; }
#spi-body a:active  { color: #A52D1F; }

/* ---------- HEADER ---------- */
#spi-header
{
  position: relative;
  background: white url(/pics/website/271281/spi_logo.jpg) no-repeat scroll top left;
}

.interior #spi-header
{
  position: relative;
  background-image: url(/pics/website/271281/spi_logo.jpg);
}

.landing #spi-header
{
  position: relative;
  background-image: url(/pics/website/271281/spi_logo.jpg);
}

/* ---------- UTILITY NAVIGATION ---------- */

#spi-nav-utility
{
  float: left;
  padding-left: 1em;
  padding-top: .1em;
  font-size: 85%;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

#spi-nav-utility li
{
  float: left;
  padding: .538em 0;
}

#spi-nav-utility a
{
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-weight: bolder;
}

#spi-nav-utility .current a,
#spi-nav-utility a:hover,
#spi-nav-utility .hover a
{
  color:           #A52D1F;
  text-decoration: underline;

}

/* ---------- SEARCH AND LOGIN FORMS ---------- */

#spi-frm-search
{
  float: left;
  margin-left: .8em;
}

#spi-frm-search-quicksearch
{
  margin-top: .231em;
  width: 8.46em;
  height: 1.5em;
  border: 1px solid #999;
  vertical-align: top;
}

#spi-frm-login
{
  position: absolute;
  top: .5em;
  right: 1em;
  text-align: right;
  line-height: 1.2em;
}

#spi-frm-loggedin
{
  position: absolute;
  top: .5em;
  right: 1em;
  line-height: 1.2em;
}

#spi-frm-login label
{
  font-size: 85%;
  font-family: Times New Roman, Georgia, serif;
  font-weight: bold;
}

#spi-frm-login input
{
  width: 6.62em;
  height: 1.4em;
  border: 1px solid #999;
}

#spi-frm-login #spi-frm-login-username
{
  margin-bottom: .2em;
}

#spi-frm-login #spi-frm-login-password
{
  margin-bottom: .2em;
}

#spi-frm-login #spi-frm-btnsubmit
{
 width: 52px;
 height: 27px;
 border: none;
  position: absolute;
  top: 3.4em;
  right: -.3em;
} 

#spi-frm-login a
{
  color: black;
  font-size: 79%;
  font-family: Times New Roman, Georgia, serif;
  position: absolute;
  top: 4.4em;
  right: 5.2em;
}

#spi-frm-loggedin a
{
  color: black;
  font-size: 79%;
  font-family: Times New Roman, Georgia, serif;
}

#spi-frm-login .help
{
  color: black;
  font-size: 79%;
  font-family: Times New Roman, Georgia, serif;
  position: absolute;
  top: 4.4em;
  right: 6.3em;
}


#spi-header #spi-home-link
{
  display: block;
  position: absolute;
  top: 40px;
  left: 15px;
  height: 190px;
  width: 290px;
  text-indent: -1000em;
}

#spi-header #spi-NPE-link
{
  display: block;
  position: absolute;
  top: 235px;
  left: 200px;
  height: 80px;
  width: 85px;
  text-indent: -1000em;
}



.interior #spi-header #headerimage1
{
  position: absolute;
  top: 92px;
  left: 349px;
  height: 132px;
  width: 132px;
}

.interior #spi-header #headerimage2
{
  position: absolute;
  top: 54px;
  left: 498px;
  height: 132px;
  width: 132px;
}

.interior #spi-header #headerimage3
{
  position: absolute;
  top: 95px;
  left: 645px;
  height: 132px;
  width: 132px;
}

.interior #spi-header #spi-home-link
{
  height: 160px;
  width: 240px;
}

.interior #spi-header #spi-NPE-link
{
  display: block;
  position: absolute;
  top: 170px;
  left: 224px;
  height: 60px;
  width: 60px;
  text-indent: -1000em;
}
.landing #spi-header #spi-home-link
{
  height: 160px;
  width: 240px;
}

.landing #spi-header #spi-NPE-link
{
  display: block;
  position: absolute;
  top: 170px;
  left: 224px;
  height: 60px;
  width: 60px;
  text-indent: -1000em;
}


.landing #spi-header #headerimage1
{
  position: absolute;
  top: 92px;
  left: 349px;
  height: 132px;
  width: 132px;
}

.landing #spi-header #headerimage2
{
  position: absolute;
  top: 54px;
  left: 498px;
  height: 132px;
  width: 132px;
}

.landing #spi-header #headerimage3
{
  position: absolute;
  top: 95px;
  left: 645px;
  height: 132px;
  width: 132px;
}

/* ---------- FOOTER ---------- */
#spi-footer
{
  position: relative;
  font-size: 77%;
  color: white;
  background: #f5a20f url(http://spi.files.cms-plus.com/PageLayoutImages/footerback.gif) no-repeat scroll top left;
}

#spi-footer a
{
  color: white;
}

#spi-footer #spi-contact
{
  position: absolute;
  left: 10px;
  bottom: 5px;
}

#spi-footer #spi-copyright
{
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 5px;
}

#spi-footer #spi-tail
{
  position: absolute;
  top: -76px;
  right: 0;
  width: 49px;
  height: 76px;
  background: white url(http://spi.files.cms-plus.com/PageLayoutImages/bottombodyyellowcurve.gif) no-repeat scroll bottom right;
}


/* ---------- BROWSE NAV ---------- */
#spi-nav-browse
{
  background: #313176 url(http://spi.files.cms-plus.com/PageLayoutImages/BrowseNavOFF.png) repeat-x scroll 0 0;
  padding-left: 20px;
}

#spi-nav-browse li
{
  float: left;
}

#spi-nav-browse a
{
  display: block;
  height: 45px;
  text-indent: -1000em;
  /* styles to make the links look nice... if we weren't hiding the text
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  background-color: #313176;
  */
}

#spi-nav-browse .current a,
#spi-nav-browse a:hover
{
  border-left: 1px solid white;
  border-right: 1px solid white;
  position: relative;
  margin-right: -2px;
  left: -1px;
  z-index: 20;
  /* styles to make the links look nice... if we weren't hiding the text
  color: white;
  background-color: #5178bb;
  */
}

#spi-nav-browse #spi-nav-browse-processors a
{
  width: 131px;
}

#spi-nav-browse #spi-nav-browse-processors.current a,
#spi-nav-browse #spi-nav-browse-processors a:hover
{
  background: #313176 url(http://spi.files.cms-plus.com/PageLayoutImages/BrowseNavON.png) no-repeat scroll -20px 0;
}

#spi-nav-browse #spi-nav-browse-materialsuppliers a
{
  width: 122px;
}

#spi-nav-browse #spi-nav-browse-materialsuppliers.current a,
#spi-nav-browse #spi-nav-browse-materialsuppliers a:hover
{
  background: #313176 url(http://spi.files.cms-plus.com/PageLayoutImages/BrowseNavON.png) no-repeat scroll -151px 0;
}

#spi-nav-browse #spi-nav-browse-equipmentmachinery a
{
  width: 146px;
}

#spi-nav-browse #spi-nav-browse-equipmentmachinery.current a,
#spi-nav-browse #spi-nav-browse-equipmentmachinery a:hover
{
  background: #313176 url(http://spi.files.cms-plus.com/PageLayoutImages/BrowseNavON.png) no-repeat scroll -273px 0;
}

#spi-nav-browse #spi-nav-browse-bioplastics a
{
  width: 142px;
}

#spi-nav-browse #spi-nav-browse-bioplastics.current a,
#spi-nav-browse #spi-nav-browse-bioplastics a:hover
{
  background: #313176 url(http://spi.files.cms-plus.com/PageLayoutImages/BrowseNavON.png) no-repeat scroll -419px 0;
}

#spi-nav-browse #spi-nav-browse-consumers a
{
  width: 134px;
}

#spi-nav-browse #spi-nav-browse-consumers.current a,
#spi-nav-browse #spi-nav-browse-consumers a:hover
{
  background: #313176 url(http://spi.files.cms-plus.com/PageLayoutImages/BrowseNavON.png) no-repeat scroll -561px 0;
}

#spi-nav-browse #spi-nav-browse-press a
{
  width: 90px;
}

#spi-nav-browse #spi-nav-browse-press.current a,
#spi-nav-browse #spi-nav-browse-press a:hover
{
  background: #313176 url(http://spi.files.cms-plus.com/PageLayoutImages/BrowseNavON.png) no-repeat scroll -695px 0;
}


/* ---------- MAIN NAV ---------- */
#spi-nav-main
{
  margin-right: 8px;
  padding-right: 6px;
  padding-bottom: 6px;
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/MainNavBackShadow.png) no-repeat scroll bottom right;
}

  /* main nav */
#spi-nav-main li
{
  border-right: 2px solid #1e205b;
  border-bottom: 2px solid #1e205b;
  text-align: center;
  font-size: 105%;
  color: black;  
}

#spi-nav-main a
{
  display: block;
  padding: .83em 0;
  color: black;
  background-color: white;
  text-decoration: none;
  font-family: Times New Roman, Georgia, serif;
  font-weight: bold;
}

#spi-nav-main .current,
#spi-nav-main .current a,
#spi-nav-main a:hover
{
  color: white;
  background-color: #7198cf;
}

#spi-nav-main .corner
{
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 9px;
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/BrowseMainShadow.png) no-repeat scroll top left;
}

  /* secondary nav */
#spi-nav-main .spi-sn
{
  margin: 0 .7em .8em .7em;
  border: 1px solid white;
  color: black;
  background-color: #fbdca5;
}

#spi-nav-main .spi-sn li
{
  margin: .7em .7em .7em .7em;
  border: none;
  text-align: left;
}

#spi-nav-main .spi-sn a
{
  display: inline;
  padding: 0;
  color: black;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
}

#spi-nav-main .spi-sn .current,
#spi-nav-main .spi-sn .current a,
#spi-nav-main .spi-sn .current a:hover
{
  color: #A52D1F;
  background-color: transparent;
  text-decoration: underline;
}

  /* tertiary nav */
#spi-nav-main .spi-tn li
{
  list-style: square;
  margin: 0 0 0 1.2em;
  font-size: 100%;
  color: #2b2b64;
  font-weight: normal;
}

#spi-nav-main .spi-tn a
{
  font-size: 80%;
  color: #000;
  font-weight: normal;
}

#spi-nav-main .spi-tn .current,
#spi-nav-main .spi-tn .current a,
#spi-nav-main .spi-tn .current a:hover
{
  color: #A52D1F;
  text-decoration: underline;
}




/* ---------- CONTENT COLUMNS ---------- */
#spi-main
{
  padding-left: 180px;
  padding-top: 15px;
  border-top: 1px solid white;
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/contentback.png) repeat-x scroll top left;
  
  /* the following is to float the body of the page ABOVE the orange tail graphic */
  position: relative;
  height: 100%;
  z-index: 10;
}

#spi-main .column
{
  float: left;
  position: relative;
  
}

#spi-left
{
  position: relative;
  top: -16px;
}


    /* ---------- HOME PAGE COLUMN STRUCTURE ---------- */
.home #spi-main
{
  padding-right: 0;
  
}

.home #spi-main #spi-left
{
  width: 180px;
  margin-left: -619px;
  right: 180px;
}

.home #spi-main #spi-body
{
  width: 619px;

}

.home #spi-main .spi-home-row
{
  clear: both;
  padding-right: 153px;
}

.home #spi-main .spi-home-row-bottom
{
  padding-top: 1.5em;
  clear: both;
  padding-right: 210px;
}

.home #spi-main .center-column-wide,
.home #spi-main .right-column-ad,
.home #spi-main .center-column,
.home #spi-main .right-column
{
  float: right;
  position: relative;
}

.home #spi-main .center-column-wide
{
  width: 465px;
}

.home #spi-main .right-column-ad
{
  width: 135px;
  margin-right: -400px;
  left: 212px;
}


.home #spi-main .center-column
{
  width: 409px;
}

.home #spi-main .right-column
{
  width: 175px;
  margin-right: -400px;
  left: 203px;
}


.home #spi-main .center-column-wide .leftcol
{
  width: 220px;
  float: left;
  left: 200px;

}

.home #spi-main .center-column-wide .rightcol
{
  width: 220px;
  float: right;
  left: 300px;
}

.home #spi-main .center-column .leftcol
{
  width: 176px;
  float: left;
  margin-left: 15px;
}

.home #spi-main .center-column .rightcol
{
  width: 176px;
  float: right;
  margin-right: 10px;
}


.home #spi-main .spi-home-row-bottom .center-column .leftcolbrowse
{
  width: 220px;
  float: left;
  left: 200px;

}

.home #spi-main .spi-home-row-bottom .center-column .rightcolbrowse
{
  width: 220px;
  float: right;
  left: 300px;
}

.home #spi-main  .spi-home-row-bottom .center-column .leftcolbrowse
{
  width: 176px;
  float: left;
  margin-left: 20px;

}

.home #spi-main .spi-home-row-bottom .center-column .rightcolbrowse
{
  width: 176px;
  float: right;
  margin-right: -20px;
}



    /* ---------- INTERIOR COLUMN STRUCTURE ---------- */
.interior #spi-main
{
  padding-right: 155px;
}


.interior #spi-main #spi-left
{
  width: 180px;
  margin-left: -464px;
  right: 180px;
}

.interior #spi-main #spi-body
{
  width: 464px;
}


.interior #spi-main #spi-right
{
  width: 155px;
  margin-right: -155px;
}

.interior #spi-main .center-column-wide,
.interior #spi-main .right-column-ad,
.interior #spi-main .center-column,
.interior #spi-main .right-column
{
  float: right;
  position: relative;
}

.interior #spi-main .center-column-wide
{
  width: 465px;
}

.interior #spi-main .right-column-ad
{
  width: 135px;
  margin-right: -400px;
  left: 212px;
}


.interior #spi-main .center-column
{
  width: 409px;
}

.interior #spi-main .right-column
{
  width: 175px;
  margin-right: -400px;
  left: 210px;
}


.interior #spi-main .center-column-wide .leftcol
{
  width: 220px;
  float: left;


}

.interior #spi-main .center-column-wide .rightcol
{
  width: 220px;
  float: right;
  left: 300px;
}

.interior #spi-main .center-column .leftcol
{
  width: 176px;
  float: left;
  margin-left: 15px;
}

.interior #spi-main .center-column .rightcol
{
  width: 176px;
  float: right;
  margin-right: 10px;
}

    /* ---------- INTERIOR COLUMN STRUCTURE FOR DISCUSSIONS ---------- */
	
	#spi-discussion
{
  padding-left: 180px;
  padding-top: 15px;
  border-top: 1px solid white;
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/contentback.png) repeat-x scroll top left;
  
  /* the following is to float the body of the page ABOVE the orange tail graphic */
  position: relative;
  height: 100%;
  z-index: 10;
}

#spi-discussion .column
{
  float: left;
  position: relative;
  
}

.interior #spi-discussion
{
  padding-right: 15px;
}


.interior #spi-discussion #spi-left
{
  width: 180px;
  margin-left: -604px;
  right: 180px;
}

.interior #spi-discussion #spi-body
{
  width: 604px;
}


.interior #spi-discussion #spi-right
{
  width: 15px;
  margin-right: -15px;
}

.interior #spi-discussion .center-column-wide,
.interior #spi-discussion .right-column-ad,
.interior #spi-discussion .center-column,
.interior #spi-discussion .right-column
{
  float: right;
  position: relative;
}

.interior #spi-discussion .center-column-wide
{
  width: 465px;
}

.interior #spi-discussion .right-column-ad
{
  width: 135px;
  margin-right: -400px;
  left: 212px;
}


.interior #spi-discussion .center-column
{
  width: 409px;
}

.interior #spi-discussion .right-column
{
  width: 175px;
  margin-right: -400px;
  left: 210px;
}


.interior #spi-discussion .center-column-wide .leftcol
{
  width: 220px;
  float: left;


}

.interior #spi-discussion .center-column-wide .rightcol
{
  width: 220px;
  float: right;
  left: 300px;
}

.interior #spi-discussion .center-column .leftcol
{
  width: 176px;
  float: left;
  margin-left: 15px;
}

.interior #spi-discussion .center-column .rightcol
{
  width: 176px;
  float: right;
  margin-right: 10px;
}


    /* ---------- LANDING COLUMN STRUCTURE ---------- */
.landing #spi-main
{
  padding-right: 155px;
}

.landing #spi-main #spi-left
{
  width: 180px;
  margin-left: -464px;
  right: 180px;
}

.landing #spi-main #spi-body
{
  width: 464px;
}


.landing #spi-main #spi-right
{
  width: 155px;
  margin-right: -155px;
}

.landing #spi-main .center-column-wide,
.landing #spi-main .right-column-ad,
.landing #spi-main .center-column,
.landing #spi-main .right-column
{
  float: right;
  position: relative;
}

.landing #spi-main .center-column-wide
{
  width: 465px;
}

.landing #spi-main .right-column-ad
{
  width: 135px;
  margin-right: -400px;
  left: 212px;
}


.landing #spi-main .center-column
{
  width: 409px;
}

.landing #spi-main .right-column
{
  width: 175px;
  margin-right: -400px;
  left: 210px;
}


.landing #spi-main .center-column-wide .leftcol
{
  width: 220px;
  float: left;


}

.landing #spi-main .center-column-wide .rightcol
{
  width: 224px;
  float: right;
  left: 300px;
}

.landing #spi-main .center-column .leftcol
{
  width: 176px;
  float: left;
  margin-left: 10px;
}

.landing #spi-main .center-column .rightcol
{
  width: 176px;
  float: right;
  margin-right: 10px;
}
/* ---------- CONTENT PODS ---------- */

.center-column-wide, .right-column-ad, .center-column, .right-column {
  color:      #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size:   85%;
}

.landing #spi-main .center-column-wide .leftcol{
  font-size:   100%;
}

.landing #spi-main .center-column-wide .rightcol{
  font-size:   100%;
}

/* ---------- SHADOWED PODS ---------- */

.pod-nblue, .pod-nblue .pod-head, .pod-nblue .pod-head h2, .pod-nblue .pod-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/BlueSHCalloutBox.png) no-repeat bottom right; 
}

.pod-green, .pod-green .pod-head, .pod-green .pod-head h2, .pod-green .pod-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/GreenSHCalloutBox.png) no-repeat bottom right; 
}

.pod-orange, .pod-orange .pod-head, .pod-orange .pod-head h2, .pod-orange .pod-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/OrangeSHCalloutBox.png) no-repeat bottom right; 
}

.pod-purple, .pod-purple .pod-head, .pod-purple .pod-head h2, .pod-purple .pod-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/PurpleSHCalloutBox.png) no-repeat bottom right; 
}

.pod-red, .pod-red .pod-head, .pod-red .pod-head h2, .pod-red .pod-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/RedSHCalloutBox.png) no-repeat bottom right; 
}

.pod-liteblue, .pod-liteblue .pod-head, .pod-liteblue .pod-head h2, .pod-liteblue .pod-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/LiteBlueSHCalloutBox.png) no-repeat bottom right; 
}

.pod-body-wide
{
  width: 460px; /* intended total box width - image right border*/
  padding-right: 5px; /* the gap on the right edge of the image (this is not content padding) */
}

.pod-body-narrow
{
  width: 220px; /* intended total box width - image right border */
  padding-right: 5px; /* the gap on the right edge of the image (this is not content padding) */
}


.pod-nblue .pod-head,
.pod-green .pod-head,
.pod-orange .pod-head,
.pod-purple .pod-head,
.pod-red .pod-head,
.pod-liteblue .pod-head
{
  background-position: top right;
  margin-right: -5px; /* pull the right image over on top of border by (image right border) px */
  padding-right: 15px; /* image right border + inside padding on right */ 
}

.pod-nblue .pod-head h2,
.pod-green .pod-head h2,
.pod-orange .pod-head h2,
.pod-purple .pod-head h2,
.pod-red .pod-head h2,
.pod-liteblue .pod-head h2
{
  background-position: top left;
  padding-left: 14px; /* left image border + inside padding on left; ... no padding-right */ 
  padding-top: 2px; /* top image border (Changing this to 3 fixes the purple and green titles)*/
}

.pod-nblue .pod-body,
.pod-green .pod-body,
.pod-orange .pod-body,
.pod-purple .pod-body,
.pod-red .pod-body,
.pod-liteblue .pod-body
{
  background-position: bottom left;
  margin-right: 10px;
  padding-top: 10px;  /* inside padding down from bottom of cssbox_head */
  padding-bottom: 16px;  /* image bottom border + inside padding at bottom */
  padding-left: 14px;  /* image left border + inside padding on left */
}


/* ---------- SOLID COLORED PODS ---------- */
.pod-solid-nblue, .pod-solid-nblue .pod-solid-head, .pod-solid-nblue .pod-solid-head h2, .pod-solid-nblue .pod-solid-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/SolBlueBox.png) no-repeat bottom right; 
}

.pod-solid-green, .pod-solid-green .pod-solid-head, .pod-solid-green .pod-solid-head h2, .pod-solid-green .pod-solid-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/SolGreenBox.png) no-repeat bottom right; 
}

.pod-solid-orange, .pod-solid-orange .pod-solid-head, .pod-solid-orange .pod-solid-head h2, .pod-solid-orange .pod-solid-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/SolOrangeBox.png) no-repeat bottom right; 
}

.pod-solid-purple, .pod-solid-purple .pod-solid-head, .pod-solid-purple .pod-solid-head h2, .pod-solid-purple .pod-solid-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/SolPurpleBox.png) no-repeat bottom right; 
}

.pod-solid-red, .pod-solid-red .pod-solid-head, .pod-solid-red .pod-solid-head h2, .pod-solid-red .pod-solid-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/SolRedBox.png) no-repeat bottom right; 
}

.pod-solid-liteblue, .pod-solid-liteblue .pod-solid-head, .pod-solid-liteblue .pod-solid-head h2, .pod-solid-liteblue .pod-solid-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/SolLitBlueBox.png) no-repeat bottom right; 
}

.pod-solid-body-wide
{
  width: 460px; /* intended total box width - image right border*/
  padding-right: 5px; /* the gap on the right edge of the image (this is not content padding) */
}

.pod-solid-body-narrow
{
  width: 220px; /* intended total box width - image right border */
  padding-right: 5px; /* the gap on the right edge of the image (this is not content padding) */
}

.pod-solid-nblue .pod-solid-head,
.pod-solid-green .pod-solid-head,
.pod-solid-orange .pod-solid-head,
.pod-solid-purple .pod-solid-head,
.pod-solid-red .pod-solid-head,
.pod-solid-liteblue .pod-solid-head
{
  background-position: top right;
  margin-right: -5px; /* pull the right image over on top of border by (image right border) px */
  padding-right: 15px; /* image right border + inside padding on right */ 
}

.pod-solid-nblue .pod-solid-head h2,
.pod-solid-green .pod-solid-head h2,
.pod-solid-orange .pod-solid-head h2,
.pod-solid-purple .pod-solid-head h2,
.pod-solid-red .pod-solid-head h2,
.pod-solid-liteblue .pod-solid-head h2
{
  background-position: top left;
  padding-left: 14px; /* left image border + inside padding on left; ... no padding-right */ 
  padding-top: 8px; /* top image border */
  padding-bottom: 5px; /* top image border */  
  color: #fff;
  text-decoration: none;
  font-family: Times New Roman, Georgia, serif;
  font-weight: bolder;
  font-size: 150%;
}
/*
.pod-solid-nblue .pod-solid-head h2 a:link,
.pod-solid-green .pod-solid-head h2 a:link,
.pod-solid-ora10e .
pod-solid-head h2 a:link,
.pod-solid-purple .pod-solid-head h2 a:link,
.pod-solid-red .pod-solid-head h2 a:link,
.pod-solid-liteblue .pod-solid-head h2 a:link
{
  color: white;
}
.pod-solid-nblue .pod-solid-head h2 a:visited,
.pod-solid-green .pod-solid-head h2 a:visited,
.pod-solid-orange .pod-solid-head h2 a:visited,
.pod-solid-purple .pod-solid-head h2 a:visited,
.pod-solid-red .pod-solid-head h2 a:visited,
.pod-solid-liteblue .pod-solid-head h2 a:visited
{
  color: white;
}

.pod-solid-nblue .pod-solid-head h2 a:hover,
.pod-solid-green .pod-solid-head h2 a:hover,
.pod-solid-orange .pod-solid-head h2 a:hover,
.pod-solid-purple .pod-solid-head h2 a:hover,
.pod-solid-red .pod-solid-head h2 a:hover,
.pod-solid-liteblue .pod-solid-head h2 a:hover
{
  color: white;
}

.pod-solid-nblue .pod-solid-head h2 a:active,
.pod-solid-green .pod-solid-head h2 a:active,
.pod-solid-orange .pod-solid-head h2 a:active,
.pod-solid-purple .pod-solid-head h2 a:active,
.pod-solid-red .pod-solid-head h2 a:active,
.pod-solid-liteblue .pod-solid-head h2 a:active
{
  color: white;
}
*/
.pod-solid-nblue .pod-solid-body,
.pod-solid-green .pod-solid-body,
.pod-solid-orange .pod-solid-body,
.pod-solid-purple .pod-solid-body,
.pod-solid-red .pod-solid-body,
.pod-solid-liteblue .pod-solid-body
{
  background-position: bottom left;
  margin-right: 10px;
  padding-top: 3px;  /* inside padding down from bottom of cssbox_head */
  padding-bottom: 16px;  /* image bottom border + inside padding at bottom */
  padding-left: 14px;  /* image left border + inside padding on left */
}


/* ---------- GRADIENT COLORED PODS ---------- */

.pod-gradient-WhatsNew, .pod-gradient-WhatsNew .pod-gradient-head, .pod-gradient-WhatsNew .pod-gradient-head h2  {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/WhatsNewGradient.png) no-repeat top right; 
}

.pod-gradient-nblue, .pod-gradient-nblue .pod-gradient-head, .pod-gradient-nblue .pod-gradient-head h2  {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/BlueBoxGradient.png) no-repeat top right; 
}
.pod-gradient-green, .pod-gradient-green .pod-gradient-head, .pod-gradient-green .pod-gradient-head h2, .pod-gradient-green .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/GreenBoxGradient.png) no-repeat top right; 
}

.pod-gradient-orange, .pod-gradient-orange .pod-gradient-head, .pod-gradient-orange .pod-gradient-head h2, .pod-gradient-orange .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/OrangeBoxGradient.png) no-repeat top right; 
}

.pod-gradient-purple, .pod-gradient-purple .pod-gradient-head, .pod-gradient-purple .pod-gradient-head h2, .pod-gradient-purple .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/PurpleBoxGradient.png) no-repeat top right; 
}

.pod-gradient-red, .pod-gradient-red .pod-gradient-head, .pod-gradient-red .pod-gradient-head h2, .pod-gradient-red .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/RedBoxGradient.png) no-repeat top right; 
}

.pod-gradient-liteblue, .pod-gradient-liteblue .pod-gradient-head, .pod-gradient-liteblue .pod-gradient-head h2, .pod-gradient-liteblue .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/LightBlueBoxGradient.png) no-repeat top right; 
}

/* ---------- GRADIENT COLORED BODY PODS ---------- */

.pod-gradient-WhatsNew .pod-gradient-body  {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/BlueBoxGradientBody.png) no-repeat top; 
}
.pod-gradient-nblue .pod-gradient-body   {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/BlueBoxGradientBody.png) no-repeat top; 
}
.pod-gradient-green .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/GreenBoxGradientBody.png) no-repeat top; 
}
.pod-gradient-orange .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/OrangeBoxGradientBody.png) no-repeat top; 
}

.pod-gradient-purple .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/PurpleBoxGradientBody.png) no-repeat top; 
}

.pod-gradient-red .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/RedBoxGradientBody.png) no-repeat top; 
}

.pod-gradient-liteblue .pod-gradient-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/LightBlueBoxGradientBody.png) no-repeat top; 
}

.pod-gradient-body-wide
{
  width: 460px; /* intended total box width - image right border*/
  padding-right: 5px; /* the gap on the right edge of the image (this is not content padding) */
}

.pod-gradient-body-narrow
{
  width: 220px; /* intended total box width - image right border */
  padding-right: 5px; /* the gap on the right edge of the image (this is not content padding) */
}

.pod-gradient-nblue .pod-gradient-head,
.pod-gradient-green .pod-gradient-head,
.pod-gradient-orange .pod-gradient-head,
.pod-gradient-purple .pod-gradient-head,
.pod-gradient-red .pod-gradient-head,
.pod-gradient-liteblue .pod-gradient-head,
.pod-gradient-WhatsNew .pod-gradient-head
{
  background-position: top right;
  margin-right: -5px; /* pull the right image over on top of border by (image right border) px */
  padding-right: 15px; /* image right border + inside padding on right */ 
}

.pod-gradient-nblue .pod-gradient-head h2,
.pod-gradient-green .pod-gradient-head h2,
.pod-gradient-orange .pod-gradient-head h2,
.pod-gradient-purple .pod-gradient-head h2,
.pod-gradient-red .pod-gradient-head h2,
.pod-gradient-liteblue .pod-gradient-head h2,
.pod-gradient-WhatsNew .pod-gradient-head h2 
{
  background-position: top left;
  padding-left: 14px; /* left image border + inside padding on left; ... no padding-right */ 
  padding-top: 8px; /* top image border */
  padding-bottom: 5px; /* top image border */  
  color: #fff;
  text-decoration: none;
  font-family: Times New Roman, Georgia, serif;
  font-weight: bolder;
  font-size: 150%;
}

.pod-gradient-nblue .pod-gradient-body,
.pod-gradient-green .pod-gradient-body,
.pod-gradient-orange .pod-gradient-body,
.pod-gradient-purple .pod-gradient-body,
.pod-gradient-red .pod-gradient-body,
.pod-gradient-liteblue .pod-gradient-body,
.pod-gradient-WhatsNew .pod-gradient-body 
{
  background-position: top left;
  margin-right: 10px;
  padding-top: 3px;  /* inside padding down from bottom of cssbox_head */
  padding-bottom: 16px;  /* image bottom border + inside padding at bottom */
  padding-left: 14px;  /* image left border + inside padding on left */
}

/* ----------POD CONTENT ---------- */
.pod-solid-body-wide p,
.pod-solid-body-wide ul,
.pod-solid-body-wide ol 
{
  margin-top: .9em;
  margin-bottom: .2em;
  font-size: 100%;
}

.pod-solid-body-wide .heading {
  color: #cc6633;
  font-size: 120%;
  font-family: Times New Roman, Georgia, serif;
}

.pod-solid-body-narrow p,
.pod-solid-body-narrow ul,
.pod-solid-body-narrow ol 
{
  margin-top: .9em;
  margin-bottom: .2em;
  font-size: 100%;
}

.pod-solid-body-narrow .heading {
  color: #cc6633;
  font-size: 120%;
  font-family: Times New Roman, Georgia, serif;
}

.pod-gradient-body-wide p,
.pod-gradient-body-wide ul,
.pod-gradient-body-wide ol 
{
  margin-top: .9em;
  margin-bottom: .2em;
  font-size: 100%;
}

.pod-gradient-body-wide .heading {
  color: #cc6633;
  font-size: 120%;
  font-family: Times New Roman, Georgia, serif;
}

.pod-gradient-body-narrow p,
.pod-gradient-body-narrow ul,
.pod-gradient-body-narrow ol 
{
  margin-top: .9em;
  margin-bottom: .2em;
  font-size: 100%;
}

.pod-gradient-body-narrow .heading {
  color: #cc6633;
  font-size: 120%;
  font-family: Times New Roman, Georgia, serif;
}


/* ---------- BLACK OUTLINE PODS (appear in right column interior pages) ---------- */


.pod-blackoutline, .pod-blackoutline .pod-blackoutline-head, .pod-blackoutline .pod-blackoutline-head h3, .pod-blackoutline .pod-blackoutline-body {
  background: white url(http://spi.files.cms-plus.com/PageLayoutImages/right_col_bl_round.gif) no-repeat bottom right; 
}

.pod-blackoutline-body-main
{
  width: 125px; /* intended total box width - image right border*/
  padding-right: 3px; /* the gap on the right edge of the image (this is not content padding) */
  margin-bottom: 11px;
}

 .pod-blackoutline .pod-blackoutline-head
{
  background-position: top right;
  margin-right: -3px; /* pull the right image over on top of border by (image right border) px */
  padding-right: 13px; /* image right border + inside padding on right */ 
}

 .pod-blackoutline .pod-blackoutline-head h3
{
  background-position: top left;
  padding-left: 12px; /* left image border + inside padding on left; ... no padding-right */ 
  padding-top: 15px; /* top image border */
  font-size: 105%;
  font-weight: bold;
  font-family: Times New Roman, Georgia, serif;
  text-align: left;
}

 .pod-blackoutline .pod-blackoutline-body
{
  background-position: bottom left;
  margin-right: 10px;
  padding-top: 10px;  /* inside padding down from bottom of cssbox_head */
  padding-bottom: 20px;  /* image bottom border + inside padding at bottom */
  padding-left: 13px;  /* image left border + inside padding on left */
  text-align: left;
  font-size: 80%;
}

 .pod-blackoutline .pod-blackoutline-body a:link { color: #cb9026; }
 .pod-blackoutline .pod-blackoutline-body a:visited { color: #e2c083; }	
 .pod-blackoutline .pod-blackoutline-body a:hover   { color: #A52D1F; }
 .pod-blackoutline .pod-blackoutline-body a:active  { color: #A52D1F; }

 
/* ---------- LIGHT COLOR SOLID PODS (appear in pods on browse pages) ---------- */
 
.pod-litesolid-nblue, .pod-litesolid-nblue .pod-litesolid-head, .pod-litesolid-nblue .pod-litesolid-head h3, .pod-litesolid-nblue .pod-litesolid-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/bluelightroundedbox.png) no-repeat bottom right; 
}

.pod-litesolid-red, .pod-litesolid-red .pod-litesolid-head, .pod-litesolid-red .pod-litesolid-head h3, .pod-litesolid-red .pod-litesolid-body {
  background: transparent url(http://spi.files.cms-plus.com/PageLayoutImages/redlightroundedbox.png) no-repeat bottom right; 
}

.pod-litesolid-body-main
{
  width: 220px; /* intended total box width - image right border */
  padding-right: 11px; /* the gap on the right edge of the image (this is not content padding) */
  float: right;
}

.pod-litesolid-nblue .pod-litesolid-head,
.pod-litesolid-red .pod-litesolid-head
{
  background-position: top right;
  margin-right: -11px; /* pull the right image over on top of border by (image right border) px */
  padding-right: 21px; /* image right border + inside padding on right */ 
}

.pod-litesolid-nblue .pod-litesolid-head h3,
.pod-litesolid-red .pod-litesolid-head h3
{
  background-position: top left;
  padding-left: 21px; /* left image border + inside padding on left; ... no padding-right */ 
  padding-top: 6px; /* top image border */
  padding-bottom: 11px; /* top image border */  
  color: #fff;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: 130%;
  text-align: right;
}

.pod-litesolid-nblue .pod-litesolid-body,
.pod-litesolid-red .pod-litesolid-body
{
  background-position: bottom left;
  margin-right: 10px;
  padding-top: 3px;  /* inside padding down from bottom of cssbox_head */
  padding-bottom: 21px;  /* image bottom border + inside padding at bottom */
  padding-left: 21px;  /* image left border + inside padding on left */
} 


/* ---------- HOME CONTENT ---------- */

#poll {
padding: 0px 19px 20px 17px;
width: 129px;
font-size: 85%;
}

#poll a:link    { color: #1D3D76;}
#poll a:visited { color: #33488b;}	
#poll a:hover   { color: #A52D1F;}
#poll a:active  { color: #A52D1F;}

#poll .question
{
margin-bottom: .7em;
}

#poll .choice
{
padding-top: .2em;
}

#podcontent {
font-size:100%;
}

#podcontent ul.blue,
#podcontent ul.red,
#podcontent ul.purple,
#podcontent ul.green,
#podcontent ul.orange,
#podcontent ul.yellow,
#podcontent ul.lightblue
{
margin-left: 1.5em;
}
  
#podcontent ul.blue li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #2b2b64;}
#podcontent ul.red li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #b14625;}
#podcontent ul.purple li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #986899;}
#podcontent ul.green li { list-style: disc; font-size: 100%; padding-bottom: .5em; color: #58883a;}
#podcontent ul.orange li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #e8b268;}
#podcontent ul.yellow li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #cb6828;}
#podcontent ul.lightblue li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #648ecd;}

#podcontent ul.blue li a:link,
#podcontent ul.red li a:link,
#podcontent ul.purple li a:link,
#podcontent ul.green li a:link,
#podcontent ul.orange li a:link,
#podcontent ul.yellow li a:link,
#podcontent ul.lightblue li a:link
{ color: #1D3D76;}

#podcontent ul.blue li a:visited,
#podcontent ul.red li a:visited,
#podcontent ul.purple li a:visited,
#podcontent ul.green li a:visited,
#podcontent ul.orange li a:visited,
#podcontent ul.yellow li a:visited,
#podcontent ul.lightblue li a:visited    
{ color: #33488b;}	

#podcontent ul.blue li a:hover,
#podcontent ul.red li a:hover,
#podcontent ul.purple li a:hover,
#podcontent ul.green li a:hover,
#podcontent ul.orange li a:hover,
#podcontent ul.yellow li a:hover,
#podcontent ul.lightblue li a:hover  
{ color: #A52D1F;}


#podcontent ul.blue li a:active,
#podcontent ul.red li a:active,
#podcontent ul.purple li a:active,
#podcontent ul.green li a:active,
#podcontent ul.orange li a:active,
#podcontent ul.yellow li a:active,
#podcontent ul.lightblue li a:active  
{ color: #A52D1F;}

ul.blue,
ul.red,
ul.purple,
ul.green,
ul.orange,
ul.yellow,
ul.lightblue
{
margin-left: 1.5em;
}
  
ul.blue li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #2b2b64;}
ul.red li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #b14625;}
ul.purple li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #986899;}
ul.green li { list-style: disc; font-size: 100%; padding-bottom: .5em; color: #58883a;}
ul.orange li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #e8b268;}
ul.yellow li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #cb6828;}
ul.lightblue li { list-style: disc; font-size: 100%; padding-bottom: 1em; color: #648ecd;}

ul.blue li a:link,
ul.red li a:link,
ul.purple li a:link,
ul.green li a:link,
ul.orange li a:link,
ul.yellow li a:link,
ul.lightblue li a:link
{ color: #1D3D76;}

ul.blue li a:visited,
ul.red li a:visited,
ul.purple li a:visited,
ul.green li a:visited,
ul.orange li a:visited,
ul.yellow li a:visited,
ul.lightblue li a:visited    
{ color: #33488b;}	

ul.blue li a:hover,
ul.red li a:hover,
ul.purple li a:hover,
ul.green li a:hover,
ul.orange li a:hover,
ul.yellow li a:hover,
ul.lightblue li a:hover  
{ color: #A52D1F;}


ul.blue li a:active,
ul.red li a:active,
ul.purple li a:active,
ul.green li a:active,
ul.orange li a:active,
ul.yellow li a:active,
ul.lightblue li a:active  
{ color: #A52D1F;}


ul.events 
{
margin-left: 1.5em;

}
  
ul.events li {
list-style: disc;
font-size: 100%;
padding-bottom: 1em;
color: #b14625
}

ul.events li a:link    { color: #1D3D76;}
ul.events li a:visited { color: #33488b;}	
ul.events li a:hover   { color: #A52D1F;}
ul.events li a:active  { color: #A52D1F;}

.banner
{
padding-bottom: 5px;
}


#spi-main .subpod p,
#spi-main .subpod ol
{
  margin: .5em 1em;
}

#spi-main .subpod ol li
{
  list-style: decimal;
  margin-left: 1.8em;
}


#spi-main .subpod ul li
{
  list-style: disc;
  margin-left: 1em;
  font-size: 80%;
}

.content
{
color: #333;
font-size: 100%;
}

.content a:link    { color: #1D3D76; }
.content a:visited { color: #33488b; }	
.content a:hover   { color: #A52D1F; }
.content a:active  { color: #A52D1F; }

a:link .content    { color: #1D3D76; }
a:visited .content { color: #33488b; }	
a:hover .content   { color: #A52D1F; }
a:active .content  { color: #A52D1F; }

/* ---------- INTERIOR CONTENT ---------- */
.interior #spi-body .bodycontent
{
 margin-right: .5em;
 margin-left: .5em;
 margin-bottom: 3em;
} 

.interior #spi-body .content
{
 margin-right: 5em;
} 

.interior #spi-body p,
.interior #spi-body h1,
.interior #spi-body h2,
.interior #spi-body ul,
.interior #spi-body ol 
{
  margin-top: .8em;
  margin-bottom: .8em;

}

.interior #spi-body h1 {
  color: #cc6633;
  font-size: 153.9%;  /* 20px */
  font-family: Times New Roman, Georgia, serif;
}

.interior #spi-body h2 {
  color: #36377f;
  font-size: 138.5%;  /* 18px */
  font-family: Times New Roman, Georgia, serif;
}

.interior #spi-body a:link    { color: #1D3D76; }
.interior #spi-body a:visited { color: #33488b; }	
.interior #spi-body a:hover   { color: #A52D1F; }
.interior #spi-body a:active  { color: #A52D1F; }


#breadcrumb
{
  font-size: 85%;
}

#breadcrumb a:link    { color: #1D3D76; }
#breadcrumb a:visited { color: #33488b; }	
#breadcrumb a:hover   { color: #A52D1F; }
#breadcrumb a:active  { color: #A52D1F; }



.photo
{
padding-right: 1em;
}

.headtitle
 {
  color:      #333;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: 125%;
  margin-bottom: .5em;
 }

blockquote
{
padding-left: 1em;
padding-right: 1em;
}

.home p
{
padding-top: .3em;
padding-bottom: .3em;
}

.leftcolumnpad {
 padding-right: 235px;
}

.indent {
 padding-left: 1em;
}


#SiteMap ul li {
list-style: disc;
padding-left: 0px;
margin-left: 30px;
}

#SiteMap ul li a:link    { color: #1D3D76;}
#SiteMap ul li a:visited { color: #33488b;}	
#SiteMap ul li a:hover   { color: #A52D1F;}
#SiteMap ul li a:active  { color: #A52D1F;}

ul.whatsnew { 
padding: 10px 0px 0px 7px;
margin:  0px 0px 0px 20px;
}
  
ul.whatsnew li {
list-style: disc;
color: #000000;
padding-bottom: 10px;
}


#spi-body ul { 
padding: 10px 0px 0px 7px;
margin:  0px 0px 0px 20px;
}
  
#spi-body ul li {
list-style: disc;
color: #000000;
padding-bottom: 10px;
}

.titlerow {background-color:#1d1e59; font-family:Arial, Verdana, Sans-Serif; color:#ffffff; font-size:12px; font-weight: bold;}
.titlerow td {background-color:#1d1e59; font-family:Arial, Verdana, Sans-Serif; color:#ffffff; font-size:12px; font-weight: bold; padding: 3px;}
.titlerow2 {background-color:#999999; font-family:Arial, Verdana, Sans-Serif; color:#ffffff; font-size:12px; font-weight: normal;}
.titlerow2 td {background-color:#999999; font-family:Arial, Verdana, Sans-Serif; color:#ffffff; font-size:12px; font-weight: normal; padding: 3px;}
.alterrow  {background-color:#edf6f9; color: #555555;}
.alterrow td {background-color:#edf6f9; color: #555555; padding: 3px;}
.closingrow {background-color:#dddddd;}

.note {
font-size: 10px;
}

.note  a:link    { font-size: 10px;}
.note  a:visited { font-size: 10px;}	
.note  a:hover   { font-size: 10px;}
.note  a:active  { font-size: 10px;}

.rdcms_surveytake h3 {
display: none;
}

.requiredimagesection {
display: none;
}

.rdcms_surveyresults h3 {
display: none;
}

.rdcms_surveyresults h4 {
  color: #36377f;
  font-size: 138.5%;  /* 18px */
  font-family: Times New Roman, Georgia, serif;
}

.rdcms_surveyresults_tally table {
margin-top: 5px;
}

#poll .tablelist td {
padding-bottom: .3em;
}

#spi-body ol li {
list-style: decimal;
padding-left: 0px;
margin-left: 25px;
}

#leftnavcoltext {
padding: 0px 0px 10px 15px;
width: 160px;
font-size: 110%;
}

#leftnavcoltext a:link    { color: #1D3D76;}
#leftnavcoltext a:visited { color: #33488b;}	
#leftnavcoltext a:hover   { color: #A52D1F;}
#leftnavcoltext a:active  { color: #A52D1F;}

#leftnavcoltext ul { 
padding: 3px 0px 0px 3px;
margin:  0px 0px 0px 10px;
}
  
#leftnavcoltext ul li {
list-style: disc;
padding-bottom: 10px;

}

.photoborder
{
border-style: solid;
border-width: 2px;
border-color: #dadada;
}

.label {
}
.labelerror, .error {
color:#8A0000;
font-weight:bold;
}