/* ------------------------------------------------------------------------------ */
/*      mikebecvar.css -- Updated By Mike Becvar                                  */
/*      http://www.MikeBecvar.com/                                                */
/*      MikeBecvar@MikeBecvar.com                                                 */
/*      Copyright © 2004 Mike Becvar                                              */
/*                                                                                */
/*      Last Modified: 09/06/2004 - Mike Becvar - File Created                    */
/*           25-March-2006 - made more cross-browser                              */
/*           06-March-2009 - made work better in Firefox                          */
/* ------------------------------------------------------------------------------ */


#SirToonyAd, #SirBudAd  {
  border: solid 1px black;
  width: 500px;
  height: 100px;
  overflow: hidden;
  color: #2d1f77;
  font-size: medium;
  margin: auto;
}


#SirToonyAd {
  font-family: Comic Sans MS, Verdana, Sans-Serif;
  background: url("../ads/SirToonyBG.jpg") no-repeat;
  background-color: White;
}

#SirBudAd {
  height: 150px;
  background: url("../ads/SirBudBG.jpg") no-repeat;
  background-color: #ffffcb;
}

#SirToonyAd .adContent {
  padding: 5px 50px 5px 5px;
}

#SirBudAd .adContent {
  padding: 5px 10px 5px 140px;
}

#SirToonyAd B, #SirBudAd B {
  font-size: 125%;
}


#SirToonyAd A:hover, #SirBudAd A:hover {
  color: Blue;
}

BODY { 
    font-family: arial; font-size: small; 
    scrollbar-base-color: #B5BDDE; 
    color: Black;
    background: url("../images/background.gif") repeat top left; 
    background-color: #AAB2D9;
}

P, LI, TD { font-size: 100%; }

#PageBackgroundImage { 
    position: absolute; 
    top: 0px; left: 0px; 
    width: 100%;
    height: 100%;
}

#PageHeaderImage { 
    position: relative; 
    top: 5px; left: 5px; 
    background: url("../images/BannerTile.gif"); 
    width: 95%; 
    height: 60px;
}

#MikeBecvarLogo { 
    position: absolute; 
    top: 15px; left: 15px; 
    background: url("../images/MikeBecvar.gif"); 
    width: 332px; height:60px; 
    z-index: 10;
    display: block;
}

#PageHeader { 
    position: absolute; 
    top: 22px; left: 45%; 
    background: transparent; 
    width: 50%;  
    padding: 5px; 
    text-align: center; 
    font-size: 90%;
}

#PageHeader P { margin: 0px; padding: 0px; }

#PageBody { 
    background: transparent; 
    position: relative;
    width: 90%; 
    padding: 3px 5%; 
}

#PageFooter { 
    position: relative; 
    background: transparent; 
    width: 95%;
    height: 85px; 
    padding: 5px; 
    border-top: inset 2px #eeeeee; 
    font-size: x-small; 
    text-align: center; 
    color: #303080; 
}

A:link, A:visited                       { color: #2222dd; }
A:hover                                 { color: #ffffff;}
A.PageFooterLink:link                   { color: white; font-weight: bold; text-decoration: none; }
A.MikeLink                              { font-size: x-small; }
A.MikeLink:link, A.MikeLink:visited     { color: #ddddee; font-weight: bold; text-decoration: none;  }
A.MikeLink:hover                        {  color: #ffffff; font-weight: bold; text-decoration: none; }
A.HeaderLink:link, A.HeaderLink:visited { color: #ddddee; text-decoration: none; }
A.HeaderLink:hover                      { color: #ffffff; text-decoration: none; }
A.ActiveLink:link, A.ActiveLink:visited { color: #ffffff; font-weight: bold; }
A.sectionLink:link, A.sectionLink:visited { font-size: x-small; text-decoration: none; }
A.sectionLink:hover                     { font-size: x-small; text-decoration: none; }
A.topLink:link, A.topLink:visited, A.topLink:hover { font-size: xx-small; color: blue; }
A.BodyLink                              { text-decoration: none; font-weight: bold; }

#imageMenu { 
    position: absolute; 
    width: 230px; 
    left: 10px; 
    top: 70px; 
    border: outset 2px white; 
    padding: 3px;  
}

#imageMenu A { 
    color: blue; 
    margin: 8px 0px; 
    display: block; 
    text-decoration: none; 
}

#imageMenu A:hover              { color: white; }
#imageMenu A.ActiveLink         { color: #3333aa; }
#PhotoiFrameElement { 
    position: absolute; 
    top: 70px; left: 250px; 
    width: 320px; height: 320px; 
    overflow-y: auto; 
    border: inset 2px white; 
    padding: 0px; 
} 

#imageMenu H1 { 
    padding-bottom: 4px; 
    border-bottom: solid 1px blue; 
}


.CenterText, .centerText { width: 100%; text-align: center; display: block; margin: auto; padding: auto; }

h1 { 
    font-size:140%; 
    font-family: sans-serif; 
    color: #6666bb; 
    line-height: 1.0; 
    margin: 6px 1px 2px 1px; 
    padding: 0px; 
}

h2 { 
    font-size:130%; 
    font-family: sans-serif; 
    color: #6666bb; 
    line-height: 1.0; 
    margin: 2em 1px 2px 1px; 
    padding: 0px; 
}

h3 { 
    font-size:120%; 
    font-family: sans-serif; 
    color: #6666bb; 
    line-height: 1.0; 
    margin: 1em 1px 2px 1px; 
    padding: 0px; 
}


.FloatRight { float: right; } 
.AlignRight { width: 97%; text-align: right; }
.clearFloat { clear: both; }


#PageHeaderAds, #PageHeaderAds2 { text-align: center; width: 100%; margin: .5em; }


.Photo { 
 width:600px; 
 overflow: visible; 
 background: white; 
 border: solid 1px black; 
 margin: 1.5em auto; 
 padding: 4px; 
 text-align: center;
}

.Photo P { text-align: left; width: 580px; margin-bottom: 3px;}
.PhotoWide, .PhotoWide P { width: 700px; }
.PhotoNarrow, .PhotoNarrow P { width: 450px; }
.Photo IMG { display: block; margin: auto; }
.sectionLink { font-weight: bold; }
.AlignRight { text-align: right; }
.AlignLeft { text-align: left; }
.photoWidth { width: 400px; }
.photo600 IMG { width: 580px; }