/* bpsc.org site wide css document             */
/* crafted by Joel Lentz and Terry Bradshaw    */
/* last updated 20050914 by lentz           */


html {margin: 0; padding: 0;}
body {font: 11px Verdana, Arial, Helvetica, sans-serif;
   border-style: none;
   margin: 0; padding: 0;
   background: rgb(85%,85%,70%); color: black;}
   
table {margin: 0; table-layout: auto; border: 3px solid #808080; font-size: 100%; border-collapse: collapse;
      margin-left: auto; margin-right: auto;}
td {padding: 0;  height: 2.5em; line-height: 2em; padding: 2px;}
#even {background-color: #aaaaaa;}
#col1 {font-weight: bold;}

h1 {font-size: 200%;
   margin: 0 -33% 0 0; padding: 0.66em .33em 0.33em 0.33em;
   background: #adb291 url(/Library/Paw4.gif) no-repeat 1% 25%;}
h2 {font-size: 150%}
h4 {font-size: 120%; padding: 0 0 0 3em;}
h3 {font-size: 133%; margin: 0; padding: 1em 0 0.33em; 
   border-bottom: 1px solid rgb(50%,50%,35%);
   color: rgb(50%,50%,35%);}
h1, h3, h4, h2 {line-height: 1em;}
p {line-height: 1.66em; margin: 1em 4em 1em 4em;}

img {border-style: none;}
a:hover {background: #adb291;}
a.nohover:hover {background: none;}
a {padding: 3px; text-decoration: none;}
   
ul  {line-height: 1.7em; margin-left: 2em;}

.polaroid {padding: 7px; background-color: #ffffff; margin: 7px;}
.new {padding: 2px 3px 2px 3px; background: #bb0000; font:  bold 11px 'Book Antiqua', Georgia, serif; color: #ffffff;
      text-transform: uppercase; border: solid 1px #ffffff; white-space: nowrap;}
.shadow {padding: 0 4px 4px 0; background-color: black; margin: 10px;}
img.shadow {margin: -4px 0 0 -4px; padding: 0; border: solid 1px gray;}
a.button {display: inline; background-color: #663300; 
      font:  180% 'Comic Sans MS', Chalkboard, Verdana, Arial, Helvetica, sans-serif; color: #ffffff;  
      border: solid 3px #ffffff; margin: 0 0 0 0.5em; padding: 0.1em 0.3em 0.1em 0.3em;}
a.button:hover {background: #996600;}


div#toolbar {background-color: #663300;
	padding: 0.5em 0.2em 0.5em 0; text-align: right;
	font: 125% 'Comic Sans MS', Chalkboard, Verdana, Arial, Helvetica, sans-serif;}
div#toolbar a {color: #ffffff; margin: 0 0.75em 0 0;
   text-decoration: none;}
div#toolbar a:hover {background: #996600;}

div#title {margin: 0px; padding: 0;
   height: 150px;
   background: #663300 url(/Library/3Banner2.jpg) no-repeat top left;
   }
div#title a {display: block; height: 100%; width: 100%;}
   
div#bulletinboard {width: 146px; height: 148px; position: absolute; top: 0; right: 0px; 
   border: 1px solid black;
   background: #b3874a url(/Library/bg_header.gif) repeat-x; }
div#bulletinboard a:hover {background: none}
div#bulletinboard img {margin: 9px 8px;}

   
div#sitenav {float: left; width: 13%; margin-top: 2em;
   font-size: 110%; background-color: white;
   border: 1px solid black;}
div#sitenav a {display: block; padding: 4px 8px; margin: 0; 
   text-decoration: none; text-align: left;
   border-top: 1px solid gray;}
div#sitenav a.subheading {display: block; padding: 4px 8px; margin: 0; 
   text-decoration: none; text-align: right; font-size: smaller;
   border-top: 1px dotted gray;}
div#sitenav a:hover {background: #dddddd;}
div#sitenav h4 {background: rgb(33%,33%,33%); color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}
   
div#entry {margin: 1.5em 21% 1em 16%; padding: 0;}

div#picturepages {margin: 1.5em 21% 1em 16%; padding: 0;}
div#picturepages a:hover {background: none}
div#picturepages img {padding: 10px}

div#sidebar {background: #C0B69A url(/Library/Tracks.jpg) repeat-y; 
   float: right; width: 18%; margin-top: 4em; margin-right: 6px;
   border: 1px solid #663300;
   font-size: 11px; z-index: 11;}
div#sidebar h4 { color: #ffffff;
   background-color: #663300;  
   margin: 0; padding: 0.33em 0 .33em 0.5em; border-width: 0;}
div#sidebar a {display: block; padding: 8px 0 6px 10px; margin: 0;}
div#sidebar a:hover {background: #ab8745;}
div#sidebar a.nohover:hover {background: none;}
div#sidebar h5 {
   font-size: 11px;
   font-weight: bolder;
   color: #444444;
   margin: 1em 0em 0em 1em;}
div#sidebar p {
   margin: 0em 1em 1em 2em;}
div#sidebar a.italic {display: inline; background-color: #0000ff; 
      font:  bold italic 120% 'Book Antiqua', Georgia, serif; color: #ffffff;  
      border: solid 1px #ffffff; margin: 0 0 0 0.5em; padding: 0.1em 0.3em 0.1em 0.3em;}
   
div#boxparagraph {margin: 2em 2em 1em 2em; padding: 1em; background: #eeeeee; border: 2px solid #555555;
    font: 13px 'Book Antiqua', Georgia, serif;}


div#programtable  {position: relative; margin: 30px auto 30px auto;}
div#programtable a {padding: 0; margin: 0; border-style: none;}
div#programtable table {position: relative; border-collapse: collapse;  background-color: #000000; border-style: none;
              font:16px 'Book Antiqua', Georgia, serif;  color: white;}
div#programtable img {margin: 0; padding: 0; width: 160px; height: 160px; border-style: none;}
div#programtable td {margin: 0; padding: 0; border: 10px solid #000000; }
.label  {position: absolute; top: 130px; left: 5px; border: gray solid 1px; background: transparent url(/Library/halfscreenGray.gif);
			padding: 0em 0.1em 0em 0.2em; line-height: 1em;}
			

div#grayoverlay {position: relative;  margin: -550px auto 30px auto;  width: 525px; height: 520px; background: transparent url(/Library/halfscreenTan.gif);}

div#overlaywindow  {position: absolute;  top: 40px; left: 30px; bottom-margin: 30px;  color: white; background-color: black; }
div#overlaywindow img {padding: 30px; width: auto; height: auto;}
div#overlaywindow a {color: white; margin:0; text-decoration: underline;}
div#overlaywindow a.nohover {text-decoration: none;}
div#overlaywindow a.nohover:hover {background: none;}
div#overlaywindow a:hover {background: gray;}
div#overlaywindow p {margin: -20px 30px 30px 30px; width: 420px;}
  .xclose {font-size:  18px; border: solid 1px #ffffff; margin: 0;line-height: 1em; position: absolute; top: 8px; left: 8px; } 


div#signature { text-align: right; margin: 0 4em 0 0;
	font: 175% 'Lucida Handwriting', 'Apple Chancery', cursive;}
   
div#footer {padding: 1em; clear: both; text-align: center; 
    margin-left: auto; margin-right: auto; width: 500px;}
div#footer a {margin: 0; padding: 0;}
div#footer img {margin: 3px; padding: 0}
div#footer a:hover {background: none}