﻿.blueo2 { margin-bottom: 5px; }
.blueo2 h1 { margin: 0; padding: 0px;  }
.blueo2 p { padding:0; margin:0; }
.blueo2 .tm .tl { float: left; height: 10px; width: 10px; margin:0; padding:0; background-image: url('/images/blueborder-top.gif'); background-position: top left; background-repeat: no-repeat; }
.blueo2 .tm .tr { float:right; width: 10px; height: 10px; margin:0; padding:0; background-image: url('/images/blueborder-top.gif'); background-position: top right; background-repeat: no-repeat; }
.blueo2 .tm { height: 10px; margin:0px; padding:0px; background-image: url('/images/blueborder-middle.gif'); background-repeat: repeat-x; background-position: top right; }
.blueo2 .bm .bl { float: left; height: 10px; width: 10px; margin:0; padding:0; background-image: url('/images/blueborder-bottom.gif'); background-position: top left; background-repeat: no-repeat; }
.blueo2 .bm .br { float:right; width: 10px; height: 10px; margin:0; padding:0; background-image: url('/images/blueborder-bottom.gif'); background-position: top right; background-repeat: no-repeat; }
.blueo2 .bm { height: 10px; margin:0px; padding:0px; background-image: url('/images/blueborder-middle.gif'); background-repeat: repeat-x; background-position: bottom right; }
.blueo2 .content .l { margin:0; padding:0; padding-left: 10px; background-image: url('/images/blueborder-middle.gif'); background-repeat: repeat-y; background-position: top left; }
.blueo2 .content { margin:0; padding:0; padding-right: 10px; background-image: url('/images/blueborder-middle.gif'); background-repeat: repeat-y; background-position: top right; }

.greysilo2 h1 { margin: 0; padding: 0px; }
.greysilo2 p { padding:0; margin:0; }
.greysilo2 .tm .tl { float: left; height: 10px; width: 10px; margin:0; padding:0; background-image: url('/images/grey-top.gif'); background-position: top left; background-repeat: no-repeat; }
.greysilo2 .tm .tr { float:right; width: 10px; height: 10px; margin:0; padding:0; background-image: url('/images/grey-top.gif'); background-position: top right; background-repeat: no-repeat; }
.greysilo2 .tm { height: 10px; margin:0px; padding:0px; background-image: url('/images/grey-middle.gif'); background-repeat: repeat-x; background-position: top right; }
.greysilo2 .bm .bl { float: left; height: 10px; width: 10px; margin:0; padding:0; background-image: url('/images/grey-bottom.gif'); background-position: top left; background-repeat: no-repeat; }
.greysilo2 .bm .br { float:right; width: 10px; height: 10px; margin:0; padding:0; background-image: url('/images/grey-bottom.gif'); background-position: top right; background-repeat: no-repeat; }
.greysilo2 .bm { height: 10px; margin:0px; padding:0px; background-image: url('/images/grey-middle.gif'); background-repeat: repeat-x; background-position: bottom right; }
.greysilo2 .content .l { margin:0; padding:0; padding-left: 10px; background-image: url('/images/grey-middle.gif'); background-repeat:repeat; background-position: top left; }
.greysilo2 .content { margin:0; padding:0; padding-right: 10px; background-image: url('/images/grey-middle.gif'); background-repeat: repeat-y; background-position: top right; }

.bluer, #redr, .ysilo, .bsilo, .grsilo, .blueo, .greeno, .greenbgo { position:relative; margin:0px auto; min-width: 8em; max-width:876px; /* based on image dimensions */ z-index:1; margin-left:10px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under greyo */ clear: both;}
.greeno{ position:relative; margin:0px auto; min-width: 400px; max-width:876px; /* based on image dimensions */ z-index:1; margin-left:10px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under greyo */ clear: both;}

.bluer .content, .bluer .t, .bluer .b,.bluer .b div { background: url(/images/blueright.gif) no-repeat top right; _background-image:url(/images/blueright.gif);}
#redr .content, #redr .t, #redr .b,#redr .b div { background: url(/images/redr.gif) no-repeat top right; _background-image:url(/images/redr.gif);}
.blueo .content, .blueo .t, .blueo .b,.blueo .b div { background: url(/images/blueo.gif) no-repeat top right; _background-image:url(/images/blueo.gif);}
.ysilo .content, .ysilo .t, .ysilo .b,.ysilo .b div { background: url(/images/yellowsilo.gif) no-repeat top right; _background-image:url(/images/yellowsilo.gif);}
.bsilo .content, .bsilo .t, .bsilo .b,.bsilo .b div { background: url(/images/bluesilo.gif) no-repeat top right; _background-image:url(/images/bluesilo.gif);}
.grsilo .content, .grsilo .t, .grsilo .b,.grsilo .b div { background: url(/images/greysilo.gif) no-repeat top right; _background-image:url(/images/greysilo.gif);}
.greeno .content, .greeno .t, .greeno .b,.greeno .b div { background: url(/images/greeno.gif) no-repeat top right; _background-image:url(/images/greeno.gif);}
.greenbgo .content, .greenbgo .t, .greenbgo .b,.greenbgo .b div { background: url(/images/greenbgo.gif) no-repeat top right; _background-image:url(/images/greenbgo.gif);}
.greeno .content h3{ margin-top: 3px; }

.bluer .content, #redr .content, .ysilo .content, .bsilo .content, .grsilo .content, .blueo .content, .greeno .content, .greenbgo .content { position:relative; zoom:1; _overflow-y:hidden; padding: 0;}
.bluer .t, #redr .t, .ysilo .t, .bsilo .t, .grsilo .t, .blueo .t, .greeno .t, .greenbgo .t  { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:10px; /* top slice width */ margin-left:-10px; height:100%; _height:8000px; /* arbitrary long height, IE 6 */ background-position:top left;}
.bluer .d, #redr .d, .ysilo .d, .bsilo .d, .grsilo .d, .blueo .d, .greeno .d, .greenbgo .d  { margin: 0; padding-top: 10px;  padding-right: 10px; }
.bluer .b, #redr .b, .ysilo .b, .bsilo .b, .grsilo .b, .blueo .b, .greeno .b , .greenbgo .b { /* bottom */ position:relative; width:100%;}
.bluer .b, .bluer .b div, #redr .b, #redr .b div, .ysilo .b, .ysilo .b div,  .bsilo .b, .bsilo .b div, .grsilo .b, .grsilo .b div, .blueo .b,.blueo .b div, .greeno .b,.greeno .b div, .greenbgo .b,.greenbgo .b div { height:10px; /* height of bottom cap/shade */ font-size:1px;}
.bluer .b, #redr .b, .ysilo .b, .bsilo .b, .grsilo .b, .blueo .b, .greeno .b, .greenbgo .b { background-position:bottom right;}
.bluer .b div, #redr .b div, .ysilo .b div, .bsilo .b div, .grsilo .b div, .blueo .b div, .greeno .b div, .greenbgo .b div  { position:relative; width:12px; /* bottom corner width */ margin-left:-10px; background-position:bottom left;}
.bluer .hd,.bluer .bd,.bluer .ft, #redr .hd,#redr .bd,#redr .ft,.ysilo .hd, .ysilo .bd,.ysilo .ft, .bsilo .hd, .bsilo .bd,.bsilo .ft, .grsilo .hd, .grsilo .bd,.grsilo .ft, .blueo .hd,.blueo .bd,.blueo .ft, .greeno .hd,.greeno .bd,.greeno .ft, .greenbgo .hd,.greenbgo .bd,.greenbgo .ft  {position:relative;}
.bluer .wrapper, #redr .wrapper,.ysilo .wrapper, .bsilo .wrapper, .grsilo .wrapper, .blueo .wrapper, .greeno .wrapper, .greenbgo .wrapper{ /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:8000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.bluer h1, .bluer p, #redr h1, #redr p,.ysilo h1, .ysilo p,  .bsilo h1, .bsilo p, .grsilo h1, .grsilo p, .blueo h1, .blueo p, .greeno h1, .greeno p, .greenbgo h1, .greenbgo p  { margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ padding: 0px;  }
.greeno h1, .greeno h2 { color: #0c7700; }
.greeno h2, .greeno p { margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ padding: 0px; padding-bottom: 10px; }
.greeno h2{font-size: 15px; }


.gSilo { background: #d3e5d3 url("/images/gsilolt.gif") no-repeat left top; margin: 0;}
.gSilo .tube { margin: 0 10px 0 10px; }
.gSilo .rt { background: transparent url("/images/gsilort.gif") no-repeat right top; height: 10px;}
.gSilo .lb { background: transparent url("/images/gsilolb.gif") no-repeat left top; height: 10px; clear: left;}
.gSilo .rb { background: transparent url("/images/gsilorb.gif") no-repeat right top; height: 10px; }

#redr { color: #fff; }
#redr a { color: #ffa; }

.npBluer, #redr, .npYsilo, .npBsilo, .npGrsilo, .npBlueo, .npGreeno, .npGreenbgo { position:relative; margin:0px auto; min-width: 8em; max-width:876px; /* based on image dimensions */ z-index:1; margin-left:10px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under greyo */ clear: both;}
.npBlueo .npContent, .npBlueo .npT, .npBlueo .npB,.npBlueo .npB div { background: url(/images/blueo.gif) no-repeat top right; _background-image:url(/images/blueo.gif);}
.npBluer .npContent, #redr .npContent, .npYsilo .npContent, .npBsilo .npContent, .npGrsilo .npContent, .npBlueo .npContent, .npGreeno .npContent, .npGreenbgo .npContent { position:relative; zoom:1; _overflow-y:hidden; padding: 0;}
.npBluer .npT, #redr .npT, .npYsilo .npT, .npBsilo .npT, .npGrsilo .npT, .npBlueo .npT, .npGreeno .npT, .npGreenbgo .npT  { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:10px; /* top slice width */ margin-left:-10px; height:100%; _height:8000px; /* arbitrary long height, IE 6 */ background-position:top left;}
.npBluer .npD, #redr .npD, .npYsilo .npD, .npBsilo .npD, .npGrsilo .npD, .npBlueo .npD, .npGreeno .npD, .npGreenbgo .npD  { margin: 0; padding-top: 10px;  padding-right: 10px; }
.npBluer .npB, #redr .npB, .ysilo .npB, .npBsilo .npB, .npGrsilo .npB, .npBlueo .npB, .npGreeno .npB , .npGreenbgo .npB { /* bottom */ position:relative; width:100%;}
.npBluer .npB, .npBluer .npB div, #redr .npB, #redr .npB div, .npYsilo .npB, .npYsilo .npB div,  .npBsilo .npB, .npBsilo .npB div, .npGrsilo .b, .npGrsilo .npD div, .npBlueo .npB,.npBlueo .npB div, .npGreeno .npB,.npGreeno .npB div, .npGreenbgo .npB,.npGreenbgo .npB div { height:10px; /* height of bottom cap/shade */ font-size:1px;}
.npBluer .npB, #redr .npB, .npYsilo .npB, .npBsilo .npB, .npGrsilo .npB, .npBlueo .npB, .npGreeno .npB, .npGreenbgo .npB { background-position:bottom right;}
.npBluer .npB div, #redr .npB div, .npYsilo .npB div, .npBsilo .npB div, .npGrsilo .npB div, .npBlueo .npB div, .npGreeno .npB div, .npGreenbgo .npB div  { position:relative; width:12px; /* bottom corner width */ margin-left:-10px; background-position:bottom left;}
.npBluer .hd,.npBluer .bd,.npBluer .ft, #redr .hd,#redr .bd,#redr .ft,.npYsilo .hd, .npYsilo .bd,.npYsilo .ft, .npBsilo .hd, .npBsilo .bd,.npBsilo .ft, .npGrsilo .hd, .npGrsilo .bd,.npGrsilo .ft, .npBlueo .hd,.npBlueo .bd,.npBlueo .ft, .npGreeno .hd,.npGreeno .bd,.npGreeno .ft, .npGreenbgo .hd,.npGreenbgo .bd,.npGreenbgo .ft  {position:relative;}
.npBluer .wrapper, #redr .wrapper,.npYsilo .wrapper, .npBsilo .wrapper, .npGrsilo .wrapper, .npBlueo .wrapper, .npGreeno .wrapper, .npGreenbgo .wrapper{ /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:8000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.npBluer h1, .npBluer p, #redr h1, #redr p,.npYsilo h1, .npYsilo p,  .npBsilo h1, .npBsilo p, .npGrsilo h1, .npGrsilo p, .npBlueo h1, .npBlueo p, .npGreeno h1, .npGreeno p, .npGreenbgo h1, .npGreenbgo p  { margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ padding: 0px;  }
.npTableWrap table { text-align:center; padding-right:20px; }
.npTableTDWrap { text-align:center; }
.npTableWrap { margin:0 16px 0 0; }  
