/*****************************************************************************
* Default Styles
*****************************************************************************/

/* default fonts to override HTML <font...> tags inside of other tags */
body font, p font, h1 font, h2 font
    {font-family: "Comic Sans MS", "Times New Roman", Times, sans-serif;}

body {
    background-image: url(media/images/greybackground.jpg); 
    background-color: #eee; 
    padding: 4px;
    margin: 4px;
    font-family:"Comic Sans MS", "Times New Roman", Times, sans-serif; 
    /* font-family: Arial, Verdana, Ariel, sans-serif; */
    color: #000080;
    font-size: 86%;  /* matches "FONT SIZE=-1" in body: IE6, IE5, ... */
                     /* with this, h1=1.2em = h2 FONT SIZE=+0 */
                     /* with this, h2=1em  =  h2 FONT SIZE=-1 */
}
table {font-size: 100%;}  
/* below td is for Netscape 4 */
td {
  font-family:"Comic Sans MS", "Times New Roman", Times, sans-serif; 
  color: #000080;
}
a:hover { color:#ff0000; }

h1.pgTitle, h1.pgTitleWoSubtitle { 
  font-size: 1.20em; 
  text-align: center;
  padding:0;
  margin:0 .3em 0 .3em;
} 
h1.pgTitleWoSubtitle {

  margin:0 .3em .7em .3em;
  /* below if for Netscape 4.* */
  font-family:"Comic Sans MS", "Times New Roman", Times, sans-serif; 
  color: #000080;
} 
h2.pgSubtitle {
  font-size: .98em; 
  text-align: center;
  padding:0;
  margin:0 .3em .7em .3em;
}
h2.inLine{
  font-size: 1em; 
  padding:0;
  margin: 1.4em .3em  0 .3em; 
}

#footer {
  text-align:center;
  clear:both;
  margin-top: 4em;
}
img#footer-logo {
   height: 147px;
   width: 127px;
   border:1px solid #000080; 
}

/* our global classes */
.inset-text-box-title { 
        text-align: center;
        font-weight: bold;
        padding-top: 0px;
        margin-top: 0px;
        color: #000080;
}
.inset-text-box {
        clear: none;
        border:2px solid #0000A0; 
        text-align: left;
        margin: 18px 40px 0 40px;
        padding: 4px 14px 10px 14px; 
}
.pic, .pic-right, .pic-left {
       border: 2px solid #0000B0;
       margin: 6px;
}
.pic-right {
      float: right;
}
.pic-left {
      float: left;
}
.hilited-red {
   font-weight:bold;
   color: red;
}
.hilited-black {
   font-weight:bold;
   color: black;
}

/* fonts for our report tables */
span.report {font-size:18px; line-height:100%;}

/* temporary styles 
table {border: 2px solid red; margin: 3px}
td {border: 1px dotted purple; padding: 2px;}
*/

.popupRef {
  font-size:.85em;
}

/* for events pages */
    h1.evtTitle {
        text-align: center; 
        font-size:1.35em;
        font-weight: bold;
        line-height:125%;
        padding-top:0;
        margin-top:.3em;
        margin-bottom: .2em;
    }

    h2.evtSubtitle {
        text-align: center; 
        font-size:1.05em;
        line-height:125%;
        margin-top:0.3em;
        margin-bottom:1.2em;
    }
    #eventWhy {
        text-align: center; 
        font-size:1.08em;
        margin-top:0.2em;
    }
    .eventHeading {
        vertical-align:top;
        background-color: #ebf5fc;
        background-color: #fdebcf;
        background-color: #aabadd;
        background-color: #dfdcef;
        background-color: #deebf7;
        font-size:.98em;
        font-weight:bolder;
        padding: 0 .2em;
        width:50px;
    }
    .eventData {
        vertical-align:top;
        padding: .1em .5em .1em .5em;
        font-size:.98em;
    }
    #eventAction {
        vertical-align:top;
        border: 4px solid #57a9d7; 
        border: 4px solid #b9d5ee; 
        padding: 0 .5em .5em .5em;
        width:auto;
     }
    .eventSignup {
        font-size: 1.03em;
        font-weight: bold;
    }

    .eventTitleLine1 {
        margin-top:0; 
        text-align:center;
    }
    h1.eventDetailTitle { 
        margin: .5em 0 .8em 0; 
        padding: 0; 
        font-size: 1.8em; 
        text-align: center;
        color: red;
    } 
    #eventDetail {
        border: 6px double #b9d5ee; 
        margin: .6em; 
        padding: .6em;
    }

    .topCell {
        vertical-align:top;
    }
    .topCell {
        vertical-align:top;
    }
    .bulletCell {
        vertical-align:top;
        padding-left:30px;
        padding-right:.4em;
    }
    .horizRule {
        color: #b9d5ee; 
        height: 3px;
    }
    .block {
        display:block;
    }

/* For Contact pages */
.contact {
  vertical-align:top;
  padding-top: 10px;
}
.contactRole {
  margin: .2em;
  font-size:1.0em;
  font-weight:bold;
}
.contactName {
  margin: .2em;
  padding-left:20px;
  font-size:1.0em;
  font-weight:bold;
}
.contactData {
  margin: .2em;
  font-size:.95em;
  padding-left:20px;
}
.contactPreferred {
  font-size:.95em;
  padding-left:20px;
}