@charset "utf-8";
@import "header.css";
@import "footer.css";
@import "topnav.css";
/* CSS Document */
/* v1.003 */

@media all {
  body, form, p, h1, h2, h3 { margin : 0 0 0 0; padding : 0 0 0 0; }
  a { font: normal "Times New Roman", Times, serif; text-decoration: underline; }
  a:active { font: normal "Times New Roman", Times, serif; text-decoration: underline; }
  a:visited { font: normal "Times New Roman", Times, serif; text-decoration: underline; }
  a:hover { font: normal "Times New Roman", Times, serif; color: #000000; text-decoration: underline; }
  h1 { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 0 0; }
  h2 { font-weight: bold; margin: 0 0 0 0; }
  h3 { font-style: italic; margin: 0 0 0 0; }
  hr { height: 1px; color: #b5b4b4; border-style: dashed; }
  p { margin: 0 0 10px 0; }
  img { border: 0px; border-style: solid; }

  .hand { cursor: pointer; }
  .hide, .hidden { display: none; }
  .lightgrey { background-color: #f6f6f6; }
  .noborder { border: 0; border-style: none; border-color: #ffffff; }
  .translucent { opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); }

  /* generic - alignment specific */
  .clear { clear: both; } /* used to reset float:left and float:right tags */
  .floatleft { float: left; }
  .floatright { float: right; }
  .inline { display: inline-block; }

  /* generic - text formatting */
  .bold { font-weight: bold; }
  .center { text-align: center; }
  .italic { font-style: italic; }
  .left { text-align: left; }
  .right { text-align: right; }

  p.more a:link,
  p.more a:active,
  p.more a:visited,
  p.readmore a:link,
  p.readmore a:active,
  p.readmore a:visited
    { color: #584643; text-decoration: none; }
  p.more a:hover,
  p.readmore a:hover
    { color: #000000; }
}

@media screen {
  html, body { height: 100%; margin-bottom: 1px; }
  body { background-position: top center; color: #584643; font: normal 14px/18px "Times New Roman", Times, serif; }
  #wrapper {
    margin:1px auto;
    min-height: 100%;
    width: 986px;
    }
  #wrapper #container { margin: 0 auto 10px auto; min-height: 650px; position: relative; width: 986px; }

/* moved to header.css
  #wrapper #container #header-container { height: 188px; width: 986; }
  #wrapper #container #header-container #topnav-container { background-color: #7c6761; height: 34px; margin: 3px auto 3px auto; width: 986px; }
  #wrapper #container #header-container #topnav-container #topnav { font: normal 18px/18px "Times New Roman", Times, serif; padding-top: 1px; }
  #wrapper #container #header-container #advertisement { height: 60px; margin: -175px 0 0 505px; position: relative; width: 400px; }
  #wrapper #container #header-container #nav-container { height: 20px; margin: 36px 0 0 505px; position: relative; text-align: right; width: 438px; }
  #wrapper #container #header-container #nav-container #nav { font: bold 11px/14px Arial, Helvetica, sans-serif; }
  #wrapper #container #header-container #nav-container #nav a:link,
  #wrapper #container #header-container #nav-container #nav a:active,
  #wrapper #container #header-container #nav-container #nav a:visited
    { color: #584643; text-decoration: none; text-transform: uppercase; }
  #wrapper #container #header-container #nav-container #nav a:hover { color: #000000; }
*/

  #wrapper #container #content-container { background-image: url(/XSL/PipesDrums20/images/homepage/background.gif); background-repeat: repeat-y; margin: 0 auto; min-height: 400px; }
  #wrapper #container #content-container #content-main { margin: 0; padding: 0; width: 760px; }
  #wrapper #container #content-container #content-right { margin: 0; padding: 0; width: 226px; }


  #donation { background-color: #f8f8ef; margin:0; padding:0 12px 5px 0; }  
  #survey-container { border-color: #cbcbcb; border-style: none none solid none; border-width: 0 0 1px 0; font: normal 12px/18px Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 3px 3px; }
  #survey-container #survey { background-color: #f8f8ef; margin: 0; padding: 0 12px 15px 22px; }
  #survey-container #survey img { margin: 20px 0 10px 0; }
  #survey-container #survey h1 { font: bold 12px/18px Arial, Helvetica, sans-serif; letter-spacing: 0; text-transform: none; }
  #survey-container #survey p { font: normal 12px/18px Arial, Helvetica, sans-serif; margin: 0; }
  #survey-container #survey div.radio { margin: 5px 0 0 20px; text-indent: -20px; }
  #survey-container #video-container #vheader {background-color: #f8f8ef; /*position: relative; /*or absolute*/ /*z-index: 1;*/}
  #survey-container #video-container {position: relative; /*or absolute*/ z-index: 1;}
/* not used anymore to restyle PollDaddy; must be changed at PollDaddy site
  .pds-vote { PADDING-BOTTOM: 10px; LINE-HEIGHT: 17px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #c3c4c7; FONT-SIZE: 9px; PADDING-TOP: 15px; }
  INPUT.pds-votebutton { MARGIN: 0px 0px 10px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 55px; BACKGROUND: url(http://s3.polldaddy.com/images/pdsimple-votebutton.gif) no-repeat 0% 50%; FLOAT: right; HEIGHT: 21px; }
*/
  /* ============================== START content styles - most used ============================== */
  #features-container,
  #interviews-container
    { margin: 0; padding: 3px 3px 3px 3px; }
  #results-container { border-color: #cbcbcb; border-style: none none solid none; border-width: 0 0 1px 0; margin: 0; padding: 3px 3px 3px 3px; }
  #reviews-container { border-color: #cbcbcb; border-style: none none none solid; border-width: 0 0 0 1px; margin: 0; padding: 3px 0 0 3px; }
  #features-container #features img,
  #interviews-container #interviews img,
  #results-container #results img,
  #reviews-container #reviews img
    { margin-top: 3px; }
  #newsitems-container p.more,
  #features-container #features p.more,
  #interviews-container #interviews p.more,
  #results-container #results p.more,
  #reviews-container #reviews p.more,
  #survey-container #survey p.more
    { font: bold 10px/12px Arial, Helvetica, sans-serif; margin: 15px 12px 12px 0; text-align: right; text-transform: uppercase; }
  #survey-container #survey p.more { margin: 5px 0 0 12px; }
  #features-container #features #feature h1,
  #interviews-container #interviews #interview h1,
  #results-container #results #result h1,
  #reviews-container #reviews #review h1
    { color: #c30202; font: normal 28px/28px "Times New Roman", Times, serif; letter-spacing: 0; margin: 15px 12px 0 22px; text-transform: none; }
  #features-container #features #feature h2,
  #interviews-container #interviews #interview h2,
  #results-container #results #result h2,
  #reviews-container #reviews #review h2
    { color: #c30202; font: normal 18px/18px "Times New Roman", Times, serif; margin: 15px 12px 0 22px; }
  #features-container #features #feature h3,
  #interviews-container #interviews #interview h3,
  #results-container #results #result h3,
  #reviews-container #reviews #review h3
    { font: bold 12px/18px "Times New Roman", Times, serif; margin: 10px 12px 0 22px; }
  #features-container #features #feature h3+p, #features-container #features #feature h3+p.readmore, #features-container #features #feature p+p.readmore,
  #interviews-container #interviews #interview h3+p, #interviews-container #interviews #interview h3+p.readmore, #interviews-container #interviews #interview p+p.readmore,
  #results-container #results #result h3+p, #results-container #results #result h3+p.readmore, #results-container #results #result p+p.readmore,
  #reviews-container #reviews #review h3+p, #reviews-container #reviews #review h3+p.readmore, #reviews-container #reviews #review p+p.readmore
    { margin-top: 2px; }
  #features-container #features #feature p,
  #interviews-container #interviews #interview p,
  #results-container #results #result p,
  #reviews-container #reviews #review p
    { margin: 15px 12px 0 22px; }
  #features-container #features #feature p.readmore,
  #interviews-container #interviews #interview p.readmore,
  #results-container #results #result p.readmore,
  #reviews-container #reviews #review p.readmore
    { margin: 15px 12px 0 22px; font: normal 10px/12px Arial, Helvetica, sans-serif; }
  /* ============================== END content styles - most used ============================== */

  /* heading level-2 related */
  #features-container #features #feature+#feature,
  #interviews-container #interviews #interview+#interview,
  #newsitems-container #newsitems-right #newsitem+#newsitem,
  #results-container #results #result+#result,
  #reviews-container #reviews #review+#review
    { margin-top: 20px; }
  table.h2 { border-collapse: collapse; margin: 0; table-layout: fixed; width: 100%; }
  table.h2 td { padding: 0; vertical-align: bottom; }
  table.h2 td.h2 { color: #c30202; font: normal 18px/18px "Times New Roman", Times, serif; padding: 0 12px 0 10px; }

  table.newsitems-container { border-collapse: collapse; table-layout: fixed; width: 100%; }
  table.newsitems-container td { padding: 0; }
  #newsitems-container { background-color: #ffffff; border-color: #cbcbcb; border-style: none none solid none; border-width: 0 0 1px 0; margin: 0; padding: 0 0 10px 0; width: 760px; }
  #newsitems-container #newsitems-main { margin: 0; width: 480px; }
  #newsitems-container #newsitems-right { float: right; padding: 10px 0 10px 0; width: 260px; }
  #newsitems-container #newsitems-right #newsitem { margin: 0; padding: 0; }
  #newsitems-container #newsitems-right #newsitem h2 { color: #c30202; font: normal 18px/18px "Times New Roman", Times, serif; margin: 15px 12px 0 0; }
  #newsitems-container #newsitems-right #newsitem h3 { font: bold 12px/18px "Times New Roman", Times, serif; margin: 10px 12px 0 0; }
  #newsitems-container #newsitems-right #newsitem h3+p, #newsitems-container #newsitems-right #newsitem p+p.readmore { margin-top: 2px; }
  #newsitems-container #newsitems-right #newsitem p { margin: 15px 12px 0 0; }
  #newsitems-container #newsitems-right #newsitem p.readmore { margin: 15px 12px 0 0; font: normal 10px/12px Arial, Helvetica, sans-serif; }
  #newsitems-container #newsitems-right #newsitem img.thumbnail { margin: -38px 10px 0 0; float: left; }
  #newsitems-container #newsitems-main #newsitem { margin: 0; padding: 0; }
  #newsitems-container #newsitems-main #newsitem h1 { color: #c30202; font: normal 36px/36px "Times New Roman", Times, serif; letter-spacing: 0; margin: 15px 12px 0 0; text-transform: none; }
  #newsitems-container #newsitems-main #newsitem h3 { font: bold 12px/18px "Times New Roman", Times, serif; margin: 10px 12px 0 0; }
  #newsitems-container #newsitems-main #newsitem h3+p, #newsitems-container #newsitems-main #newsitem p+p.readmore { margin-top: 2px; }
  #newsitems-container #newsitems-main #newsitem p { margin: 15px 12px 0 0; }
  #newsitems-container #newsitems-main #newsitem p.readmore { margin: 15px 12px 0 0; font: normal 10px/12px Arial, Helvetica, sans-serif; }

  #bottom-container { font: normal 12px/18px "Times New Roman", Times, serif; margin: 0; padding: 0; width: 760px; }
  #bottom-container #bottom-left { width: 200px; }
  #bottom-container #bottom-right { width: 280px; }
  #bottom-container #bottom-main { width: 280px; }
  #bottom-container #bottom-left #socialicons { border-color: #cbcbcb; border-style: none none solid none; border-width: 0 0 1px 0; height: 36px; text-align: center; }
  #bottom-container #bottom-left #socialicons img { margin: 0 3px; }
  #bottom-container #bottom-left #blogpipe-container { border-color: #cbcbcb; border-style: none none solid none; border-width: 0 0 1px 0; margin: 0; padding: 3px 3px 3px 0; }
  #bottom-container #bottom-left #blogpipe-container p.more { font: bold 10px/12px Arial, Helvetica, sans-serif; margin: 15px 12px 12px 0; text-align: right; text-transform: uppercase; }
  #bottom-container #bottom-left #blogpipe-container #blogpipe { margin: 15px 12px 12px 22px; }
  #bottom-container #bottom-left #blogpipe-container #blogpipe h1 { color: #4e8041; font: normal 28px/28px "Times New Roman", Times, serif; letter-spacing: 0; margin: 10px 12px 10px 0; text-transform: none; }
  #bottom-container #bottom-left #blogpipe-container #blogpipe h2 { font: normal 12px/18px Arial, Helvetica, sans-serif; text-transform: uppercase; }
  #bottom-container #bottom-left #blogpipe-container #blogpipe h3 { font: bold 12px/18px "Times New Roman", Times, serif; margin: 10px 12px 0 0; }
  #bottom-container #bottom-left #advertisement-container { border-color: #cbcbcb; border-style: none none solid none; border-width: 0 0 1px 0; }
  #bottom-container #bottom-left #advertisement-container #advertisement { margin: 3px; text-align: center; vertical-align: middle; }

  #bottom-container #bottom-left #classifieds-container { margin: 0; padding: 3px 3px 3px 0; }
  #bottom-container #bottom-left #topstories-container { border-color: #cbcbcb; border-style: none none solid none; border-width: 0 0 1px 0; margin: 0; padding: 3px 3px 3px 0; }
  #bottom-container #bottom-left #classifieds-container p.more,
  #bottom-container #bottom-left #topstories-container p.more
    { font: bold 10px/12px Arial, Helvetica, sans-serif; margin: 15px 12px 12px 0; text-align: right; text-transform: uppercase; }
  #bottom-container #bottom-left #classifieds-container #classifieds,
  #bottom-container #bottom-left #topstories-container #topstories
    { margin: 15px 12px 12px 22px; }
  #bottom-container #bottom-left #classifieds-container #classifieds a:link,
  #bottom-container #bottom-left #classifieds-container #classifieds a:active,
  #bottom-container #bottom-left #classifieds-container #classifieds a:visited,
  #bottom-container #bottom-left #classifieds-container #classifieds a:hover,

  #bottom-container #bottom-left #topstories-container #topstories a:link,
  #bottom-container #bottom-left #topstories-container #topstories a:active,
  #bottom-container #bottom-left #topstories-container #topstories a:visited,
  #bottom-container #bottom-left #topstories-container #topstories a:hover,

  #bottom-container #bottom-right #upcomingevents-container #upcomingevents #upcomingevent a:link,
  #bottom-container #bottom-right #upcomingevents-container #upcomingevents #upcomingevent a:active,
  #bottom-container #bottom-right #upcomingevents-container #upcomingevents #upcomingevent a:visited,
  #bottom-container #bottom-right #upcomingevents-container #upcomingevents #upcomingevent a:hover
    { color: #c30202; text-decoration: none; }

  #bottom-container #bottom-right #upcomingevents-container { border-color: #cbcbcb; border-style: none none solid none; border-width: 0 0 1px 0; margin: 0; padding: 3px 3px 3px 3px; }
  #bottom-container #bottom-right #upcomingevents-container #upcomingevents { background-color: #f2eeee; margin: 3px 0 0 0; padding: 0 0 12px 0; }
  #bottom-container #bottom-right #upcomingevents-container #upcomingevents p { margin: 0; }
  #bottom-container #bottom-right #upcomingevents-container #upcomingevents p.more { font: bold 10px/12px Arial, Helvetica, sans-serif; margin: 15px 12px 0 0; text-align: right; text-transform: uppercase; }
  #bottom-container #bottom-right #upcomingevents-container #upcomingevents #upcomingevent { margin: 0 12px 0 22px; padding: 12px 0 0 0; }
  #bottom-container #bottom-right #upcomingevents-container #upcomingevents #upcomingevent+p.more { margin-top: 0px; }

/*
  #footer-container { margin: 0 0 40px 0; }
  #footer-container #footer { padding: 10px 0 10px 0; }
  #footer-container #footer p { margin: 0 0 0 12px; font: normal 9px/12px Arial, Helvetica, sans-serif; }
  #footer-container #footer p a:link,
  #footer-container #footer p a:active,
  #footer-container #footer p a:visited
    { color: #584643; text-decoration: none; }
  #footer-container #footer p a:hover { color: #000000; }
  table.footer-container { border-collapse: collapse; margin: 12px 0 0 0; table-layout: fixed; width: 100%; }
  table.footer-container td { padding: 0; vertical-align: top; }
*/
}

@media print {
  body { color: #000000; font-family: "Times New Roman", Times, serif; font-size: 1em; }
/* enable if you do not want to display anything
  #wrapper { display: none; }
*/
}
#topstories,
#classifieds,
#upcomingevents {
    font-family:arial;
}
#topstories {

}
#topstories ol {
    margin:0 0 0 18px;
    padding:0;
}
#topstories li {

}
#t-story-def {
	font-size:12px;
	margin:10px;
}
#advertisement.left-ad {
    height:150px;
    padding:10px 0;
    width:180px;
}