body {
    font-size: 16px;
}

P {
    text-indent: 10mm;
}

a.HyperLinkL1:link { 
     color: #990000;
     font-weight:bold;
     text-decoration:none;
}

a.HyperLinkL1:visited { 
    color:#990000;
}

a.HyperLinkL1:hover { 
    color:red;
}

a.HyperLinkL1:active { 
    color:red;
}

a.HyperLinkL2:link { 
     color: blue;
     text-decoration:none;
}

a.HyperLinkL2:visited { 
    color:blue;
}

a.HyperLinkL2:hover { 
    color:red;
}

a.HyperLinkL2:active { 
    color:red;
}

a.HyperLinkL3:link { 
     color: black;
     font-weight:bold;
     text-decoration:none;
}

a.HyperLinkL3:visited { 
    color:black;
}

a.HyperLinkL3:hover { 
    color:red;
}

a.HyperLinkL3:active { 
    color:red;
}

.small {
    font-size: 12px; 
}

.large {
    font-size: 20px; 
}

.xlarge {
    font-size: 24px;
}

.xxlarge {
    font-size: 36px; 
}

.SideBarL1 {
    height: 7mm; text-align:center;  
}

.SideBarL2 {
    height: 7mm; text-align:center  
}

.SideBarL3 {
    height: 7mm; text-align:center; font-size:14px; font-weight:bold;  
}

.BannerL1 {
    height: 10mm; text-align:center; font-weight:bold; font-style:italic; color:#990000; font-size: 36px;
}

.BannerL2 {
    height: 10mm; text-align:center; font-weight:bold; color:rebeccapurple; font-size: 24px;  
}

.BannerL3 {
    height: 10mm; text-align: center; color: Black; font-size: 20px;
}

.BannerL4 {
    height: 10mm; text-align: center; color: red; font-size: 16px;
}

div.imgLandscape {
    border-radius: 10px;
    border: 3px solid red;
    opacity: 0.8;
    width:100%;
    padding: 40%;
    box-sizing: border-box;
    position: relative;
}

div.imgLandscape:hover {
    border: 3px solid white;
    opacity: 1.0;
}

div.imgLandscape img {
    width:100%;
    height:auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; 
    margin-top: auto; 
    margin-bottom: auto;
}

div.imgPortrait {
    border-radius: 10px;
    border: 3px solid red;
    opacity: 0.8;
    width:100%;
    padding: 40%;
    box-sizing: border-box;
    position: relative;
}

div.imgPortrait:hover {
    border: 3px solid white;
    opacity: 1.0;
}

div.imgPortrait img {
    width:auto;
    height:100%;
    position: absolute;
    top: 0;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
}

div.desc {
    text-align: center;
    color:white;
    font-size:10px;
    position: absolute;
    bottom: 0;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
}

.responsive {
    float: left;
    width: 19.99999%;
    background-color:black;
    border-radius: 10px;
}

.responsiveVids {
    float: left;
    width: 33.33333%;
    background-color:black;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 24.99999%;
    }
   .responsiveVids {
        width: 49.99999%;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 49.99999%;
    }
   .responsiveVids {
        width: 99.99999%;
    }
}

.RoundIt {
    border-style:solid ;
    border-color:black;
    background-color:black;
    border-radius: 15px;
}