/*
 siteMap.css only
 2010-07-04T13:08:39-08:00 - finally moved out of the html file
*/
body { background: url( /image/smBodyBg.gif ) no-repeat top center #78a0c1 }
#allContentWrapper { width: 900px }
/* leave room for navBar at the bottom */
#headingContainer { padding-bottom: 35px; 
 background: url( /image/smHeaderBg900x90.gif ) transparent bottom center no-repeat }
#titleContainer { background-color: transparent; font-size: 200% }
#mainContainer { position: relative; 
 background-image: url( /image/12x120BlxBg.gif ); background-repeat: repeat-x }
.mainContent { padding: 1.25em }
#footerContainer { background-color: #e6e0da }

/*
720 px to put 5 buttons in, want 180 space on left to make it look centered = 108 px per button
*/
#smNavBar { position: absolute; left: 5px; top: -25px; height: 25px; width: 715px; }
#smNavBar .buttonLabel {  }
#smNavBar ul { margin: 0; padding: 0 }
#smNavBar li { position: absolute; width: 100px; height: 25px; text-indent: -9000px;
    overflow: hidden; margin: 0; padding: 0 }
#smNavBar li a { display: block; width: 100px; height: 25px; }

/* nav button positions */
#buttonMus { right: 432px }
#buttonGra { right: 324px }
#buttonFun { right: 216px }
#buttonLef { right: 108px }
#buttonAbo { right: 0px }

/* nav button background is the selected image because the a element will not be displayed */
#buttonMus { background: transparent url(/image/siteMapNavBar3.gif) 0px -0px no-repeat; }
#buttonGra { background: transparent url(/image/siteMapNavBar3.gif) -100px -0px no-repeat; }
#buttonFun { background: transparent url(/image/siteMapNavBar3.gif) -200px -0px no-repeat; }
#buttonLef { background: transparent url(/image/siteMapNavBar3.gif) -300px -0px no-repeat; }
#buttonAbo { background: transparent url(/image/siteMapNavBar3.gif) -400px -0px no-repeat; }

/* normal non-current page nav */
#buttonMus a { background: transparent url(/image/siteMapNavBar3.gif) 0px -25px no-repeat; }
#buttonGra a { background: transparent url(/image/siteMapNavBar3.gif) -100px -25px no-repeat;  }
#buttonFun a { background: transparent url(/image/siteMapNavBar3.gif) -200px -25px no-repeat;  }
#buttonLef a { background: transparent url(/image/siteMapNavBar3.gif) -300px -25px no-repeat;  }
#buttonAbo a { background: transparent url(/image/siteMapNavBar3.gif) -400px -25px no-repeat;  }

#buttonMus a:hover { background: transparent url(/image/siteMapNavBar3.gif) 0px -50px no-repeat; }
#buttonGra a:hover { background: transparent url(/image/siteMapNavBar3.gif) -100px -50px no-repeat; }
#buttonFun a:hover { background: transparent url(/image/siteMapNavBar3.gif) -200px -50px no-repeat; }
#buttonLef a:hover { background: transparent url(/image/siteMapNavBar3.gif) -300px -50px no-repeat; }
#buttonAbo a:hover { background: transparent url(/image/siteMapNavBar3.gif) -400px -50px no-repeat; }

/* the current page's tab does not display its a tag, the li tag shows instead */
body#psm2 #buttonMus a { display: none }
body#psm3 #buttonGra a { display: none }
body#psm4 #buttonFun a { display: none }
body#psm1 #buttonLef a { display: none }
body#psm5 #buttonAbo a { display: none }


/* ie6 hack, the float should be the div, not the image */
#imgAbout img { width: 250px; height: 250px; margin: 0 0 1.25em 1.25em; float: right }
#imgDigitalMedievalist img { width: 250px; height: 250px; margin: 0em 0 1.25em 1.25em; float: right }
#imgStratKluson img { width: 250px; height: 250px; margin: 0em 2.5em 1.25em 0em; float: left }

.greenButton { font-family: verdana, sans-serif; font-size: 10px;
      font-weight:bold; text-decoration:none; color: white; background-color: #093;
      border-left:1px solid #3C6; border-top:1px solid #3C6; border-right:1px solid #063;
      border-bottom:1px solid #063; padding:0px 3px 0px 3px; margin:0px; }

.vMiddle { vertical-align: middle }

/* try to do something with the provided qotd code */
#dailyQuoteBox { background-color: #EAE7E4; padding: 1em; margin: 0 0 1em 0;  
   text-align: justify; clear: both; border: solid 2px #2C5C84 }
#dailyQuoteBox .tqpAuthor { font-weight: normal; color: #444444 }
#dailyQuoteBox .tqpHeader { text-decoration:none; display: block; background-color: #cccccc;
   padding: 1em; text-align: center }
#dailyQuoteBox br { display: none }