/* CSS Document */

/*-- NAV BAR BOX (NB) --*/
.nbroundedbox {background: #339900; margin: 0; width: 100%; }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
.nbtop { font-size: 1px; height: 8px; line-height: 1px; }
.nbbottom { font-size: 1px; height: 8px; line-height: 1px; clear: both; }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
.nbtopleft {background: url("bg_corner_dg24.jpg") no-repeat top left; float: left; height: 8px;  width: 8px; }
.nbtopright {background: url("bg_corner_dg24.jpg") no-repeat top right; float: right; height: 8px; width: 8px; }
.nbbottomleft {background: url("bg_corner_dg24.jpg") no-repeat bottom left; float: left; height: 8px; width: 8px; }
.nbbottomright {background: url("bg_corner_dg24.jpg") no-repeat bottom right; float: right; height: 8px; width: 8px; }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
.nbboxcontent {margin: 0; padding: 4px; }
.nbboxcontent a:link {color: #FFFFFF; text-decoration: none; }
.nbboxcontent a:visited {color: #FFCC33;}
.nbboxcontent a:hover, a:focus {color: #CCFF99; text-decoration: underline; }
.nbboxcontent a:active {color: #FFCC33; text-decoration: underline;}

/*-- SEARCH BOX (SB) --*/
.sbroundedbox {background: #CCFF99; float: right; margin: 0; width: 100%; text-align: left; }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
.sbtop {font-size: 1px; height: 8px; line-height: 1px; }
.sbbottom {font-size: 1px; height: 8px; line-height: 1px; clear: both; }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
.sbtopleft {background: url("bg_corner_lg24.jpg") no-repeat top left; float: left; height: 8px;  width: 8px; }
.sbtopright {background: url("bg_corner_lg24.jpg") no-repeat top right; float: right; height: 8px; width: 8px; }
.sbbottomleft {background: url("bg_corner_lg24.jpg") no-repeat bottom left; float: left; height: 8px; width: 8px; }
.sbbottomright {background: url("bg_corner_lg24.jpg") no-repeat bottom right; float: right; height: 8px; width: 8px; }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
.sbboxcontent {margin: 0 10px; clear: both; }


/*-- INDEX BOXES(IB) --*/
.ibroundedbox {background: #CCFF99; float: right; margin: 0; width: 100%; text-align: left; }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
.ibtop {font-size: 1px; height: 8px; line-height: 1px; }
.ibbottom {font-size: 1px; height: 8px; line-height: 1px; clear: both; }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
.ibtopleft {background: url("bg_corner_lg16.jpg") no-repeat top left; float: left; height: 8px;  width: 8px; }
.ibtopright {background: url("bg_corner_lg16.jpg") no-repeat top right; float: right; height: 8px; width: 8px; }
.ibbottomleft {background: url("bg_corner_lg16.jpg") no-repeat bottom left; float: left; height: 8px; width: 8px; }
.ibbottomright {background: url("bg_corner_lg16.jpg") no-repeat bottom right; float: right; height: 8px; width: 8px; }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
.ibboxcontent {min-height: 155px; margin: 0 10px; padding: 0 0 3px 0;}
.ibboxcontent h3 {font: bold 1.30em/1.25em "HelveticaNeue Condensed", "Arial Narrow", sans-serif; color: #339900; margin: 0; padding: 0; letter-spacing: -1px; }
.ibboxcontent h6{font: bold .80em/1.35em Helvetica, Arial, sans-serif; color: #333333; letter-spacing: -1px; margin: 5px 0; padding: 0; }
.ibboxcontent p {font: normal .70em/1.10em Helvetica, Arial, sans-serif; color: #333333; margin: 5px 0; padding: 0; }
.ibboxcontent a:link {color: #333333; text-decoration: underline;}
.ibboxcontent a:visited {color: #333333;}
.ibboxcontent a:hover {color: #333333; text-decoration: underline;}
.ibboxcontent a:active {color: #333333; text-decoration: underline;}