* {
    margin: 0px;
    padding: 0px;
    }


#wrap { 
	width: 900px; 
	margin: 0 auto; 
}


body {
       background-position: left top;
       padding: 0px;
       margin: 0px;
       font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
       font-size: 9pt;
       font-style: none;
       color: #01025F;
       }


img { border: 0px; 
     margin: 0px;
     }


h1 {
     font-family: "Arial","Helvetica",sans-serif;
     font-size: 18pt;
     font-weight: bold;
     color: #01025F;
     }

p {
    font-size: 9pt;
    color: #01025F;
    margin-top: 4px; 
    margin-bottom: 8px;
    }

h3 {
     font-family: "Arial","Helvetica",sans-serif;
     font-size: 9pt;
     font-weight: bold;
     color: #01025F;
     }

.legal {
         font-family: "Arial","Helvetica",sans-serif;
         font-size: 8pt;
         color: #01025F;
         padding: 25px;
         text-align: center;
         background-color: #FFFFFF;
         }


a {
    font-weight: normal;
    color: #01025F;
    text-decoration: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    color:#9337a4 ;
    }


a:link {
         font-weight: normal;
         text-decoration: none;
         border: 0px;
         margin: 0px;
         padding: 0px;
         
         }

a:visited {
            font-weight: normal;
            text-decoration: none;
            border: 0px;
            margin: 0px;
            padding: 0px;
            
            }

a:hover {
          font-weight: normal;
          text-decoration: none;
          border: 0px;
          margin: 0px;
          padding: 0px;
          }

a:active {
           font-weight: normal;
           text-decoration: none;
           border: 0px;
           margin: 0px;
           padding: 0px;
           }
ul {
     list-style: circle outside;
     }
div {
      margin: 0px;
      }
label {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
	text-align: right;
	padding-right: 5px;
}

br {
	clear: left;
}


.plain { float:left; }

.mastheadbanner { height: 198px;
                  width: 677px;
                  background: url("./images/masthead.jpg") 
                  }

.mastheadborder { height: 5px;
                  width: 795px;
                  background: url("./images/double_stripe.gif");
                  }

.inlinetopic { font-weight: bold;
               margin-right: 8px;}

.outer{
        float:left;                            
        }

.lowerbody{
            float:left;
            }

.sidenav{
          margin: 6px 6px 0px 4px;
          padding-left:0px;
          position:absolute;
          width:115px;
          top:202px;
          left:0px;
          
          }

.sidenavButton{ 
                margin: 0px;
                width: 115px;
                padding: 0px;
                }

.pagespecificcontent{
                      position: absolute;
                      left: 117px;
                      top: 206px;
                      width: 798px;
                      margin: 0px;
          
                      }

.mainidea {
            border: 1px solid yellow;
            float: left;
            width: 648px;
            padding: 9px;
            margin: 6px 6px 6px 6px;
            }



.supportingtext {
            border: 0px;
            float: left;
            width: 648px;
            padding: 9px;
            margin: 6px 6px 6px 6px;
            }

.subsupportingtext { 
                     float:left;
                     }
.subsupportingtext2 {
                     
                      float: right;
                      }


.subidealeft {
               border: 1px solid yellow;
               float: left;
               width: 307px;
               padding: 9px;
               margin: 6px 6px 6px 6px;
                              
               }


.subidearight {
                border: 1px solid yellow;
                float: left;
                width: 307px;
                padding: 9px;
                margin: 6px;
                
                }

.twocolumnlist { 
             border: 0px;
             float: left;
             width: 650bpx;
             padding: 9px;
             margin: 6px;
       }


.callout { border: 2px solid black;
           float: right;
           width: 140px;
           padding: 9px;
           margin: 6px;
           background-color: yellow;}

.subcallout { font-style: italic;
              text-align: center;}

.price1 { font-face: Arial;
          font-weight: bold;
          font-size: 24pt;
          color: black;
          text-align: center;
}


.footer {
         float: center;
         margin: 0px 0px 0px 0px;
         }

.inline_image_right{
                     border: 0px;
                     float: right;
                     width: 200px;
                     padding: 3px;
                     margin: 3px;
                     }

.inline_image_left{ 
    float: left;
    width: 200px;
    padding: 3px;
    margin: 3px;
}


main a { text-decoration: none; }
section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  font-size: 0;
}

section time {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -webkit-flex: 1;
-webkit-flex: 1 1 14.2857%;
      -ms-flex: 1;
          flex: 1;
  min-width: 14.2857%;
  max-width: 14.2857vw;
  position: relative;
  font-size: 1.8vw;
  line-height: 0;
  -webkit-transition: .35s opacity;
  -moz-transition: .35s opacity;      
  -o-transition: .35s opacity;
}
section time.blank {
    min-height: 14vw; 
}
section time a { 
    display: inline-block; 
    width: 100%; height: 100%; 
    position: inherit;
    outline: none;
    }
section time span { position: absolute; }
span.caldate { 
    top: 10%; left: 7px; 
    z-index: 2;
    }
section time.blank span.caldate {   
  color: #333; 
}
section time a span.title { 
    width: 100%; height: 100%;
    line-height: 1.1;
    -webkit-transition: .4s opacity;
    -moz-transition: .4s opacity;
    -o-transition: .4s opacity;
}
section time:hover a span.title { 
    background: rgba(0,0,0,0.1);
    opacity: 1;
}
section time a:hover {
    border-bottom: none;
}
time:not(.blank) span { 
    color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
section time a img { width: 100%; }

.hidden { opacity: 0; }

@media all and (max-width: 950px) {
    section time.blank { display: none; }
    section time { 
        min-width: 20%;
        max-height: 20vw;
        max-width: 20vw;
        font-size: 3vw;
    }
}
@media all and (max-width: 750px) {
    section time { 
        min-width: 33%;
        max-height: 33vw;
        font-size: 5vw;
    }
}
@media all and (max-width: 450px) {
    section time { 
        min-width: 50%;
        max-height: 50vw;
        font-size: 5vw;
    }
}