/*Formatting the overall look of the page*/
html            {
                background: black;
                }
/*Formatting the body of the html*/
body            {        
                font-family: 'Spectral SC', serif;
                background: lemonchiffon;
                margin: 1.2em ;
                padding: 10px; 
                padding-left: 0.50cm;
                padding-right: 0.50cm;
                } 

/*Formatting the links to be with no underline*/
a:link          {    
                text-decoration:none;
                color:crimson}

/*Formatting the color while you hover over the link to be white*/
a:hover         {    
                color:whitesmoke;

    }
/*Formatting the navigation bar*/
nav             {
                
                font-family: lucida sans, serif;
                font-size: 1.6em;
                color: white;
                display: block; 
                padding-bottom: 5px;
    }

/*Formatting the lists*/
ul.links        {
                list-style-type: none;
                margin: 0;
    }


.agm            {
                font-family: 'Roboto', sans-serif;
                color:cadetblue;
                font-size: 2em;
    }

li              {    
                display: inline-block;
                background-color: blanchedalmond;                
    }

li a            {
                display: inline-block;
                color: black;
                box-shadow: 5px 1px 20px #888888;
                padding: 5px;
                border: solid 1px;
    }

li a:hover:not( .active) {    
                background-color: blue;
        
    }

.active         {    
                background-color: dodgerblue;
    }


.dropdown       {
                position: relative;
                display: inline-block;
                color: black;
    }

.dropdown-content {
                display: none;                
                position: absolute;  
                z-index: 123; 
                width: 175px;
                background-color: skyblue;              
                padding: 12px 16px;  
                text-align: left;
                }

.dropdown:hover .dropdown-content {
                display: block;
    
}

/*Formatting the images to change when the browser size changes*/

img.logo        {
                height:auto;
                width:auto;
                margin: 5px;
                border: solid 2px black;
                max-width: 100%;    
}

img.sponsor     {
                width: 300px;
                height: auto;
                margin: 5px;
                border: solid 2px black;
                max-width: 100%;
}

img.sponsor1     {
                width: 400px;
                height: auto;
                margin: 5px;
                border: solid 2px black;
                max-width: 100%;
}

img.bowlsshow     {
                width: 500px;
                height: auto;
                margin: 2px;
                max-width: 100%;
}

img.winners     {
                width: 500px;
                height: auto;
                margin: 5px;
                max-width: 100%;
                border: solid 2.5px darkblue;
    
}
img.editorial   {
                width: 1500px;
                height: auto;
                margin: 5px;
                max-width: 100%;
                border: solid 2.5px forestgreen;
    
}
img.here     {
                width: 50px;
                height: auto;
                max-width: 100%;
                border: solid 2.5px black;
    
}

img.birthday    {
                width: 1000px;
                height: auto;
                margin: 5px;
                max-width: 100%;
                border: solid 2.5px white;
    
}

img.clubnews     {
                width: 350px;
                height: auto;
                margin: 5px;
                max-width: 100%;
                border: solid 2.5px black;
    
}

img.vale        {
                width:150px;
                height: auto;
                margin: 15px;
                max-width: 100%;
                border: solid;
                
}

.enlarge:hover  {
	           transform:scale(3,3);
	           transform-origin:0 0;
}


/*Formatting the various text throughout the site*/

h1               {
                float: left; 
                margin: 5px; 
                font-family: "cooper black";
                font-size: 1.5em;
}

h1.big           {
                font-size: 450%; 
                line-height:120%; 
                font-family: "Brush Script MT", cursive;
}
h2              {
                background-color: lightgrey;
                padding: 0.5em;
                font-family: 'Anton', sans-serif;
                font-size: 1em;
}

h3              {
                background-color: palevioletred;
                padding: 0.5em;
                font-family: 'Merriweather', serif;
                font-size: 1.2em;
}

h4              {
                font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
                color:blueviolet;
                font-size: 1.3em;
                padding-left: 1.2em;
}
    
h5              {
                background-color: palevioletred;
                    font: "times new roman";
                font-size: 2em;
                color: greenyellow;
    
}

h6              {
                font-size:2em;
                text-align: left;
                color:saddlebrown;
                font-family: 'Anton', sans-serif;
                margin:auto;
}

h7              {
                font-family: 'Shrikhand', cursive;
                font-size: 1.8em;
                color: saddlebrown;
}

h8              {
                font-size: 1.5em;
                font-family: 'Salsa', cursive;
    
}

h9              {
                font-family: 'Oswald', sans-serif;
                color:mediumvioletred;
                font-size: 1em;
}
h10               {                
                background-color: white;
                font-family: "cooper black";
                font-size: 1.8em;
}

h11             {
                font-family: 'Do Hyeon', sans-serif;
                background-color: greenyellow;
                color: black;
                font-size: 3em;
}
h11a            {
                font-family: 'Do Hyeon', sans-serif;
                background-color: greenyellow;
                color: black;
                font-size: 1.75em;
}

h12             {
                font-family: 'Anton', sans-serif;
                color: red;
                font-size: 1.5em;
}

h13              {
                background-color: palevioletred;
                padding: 0.1em;
                font-family: 'Merriweather', serif;
                font-size: 1.2em;
}

h14              {
                background-color: palevioletred;
                padding: 0.1em;
                font-family: 'Merriweather', serif;
                font-size: 2em;
}

p               {
                position: relative;
                font-size: 1.2em;
                color: darkblue;
                font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
                width: 100%;
                text-indent: 1.5em;
            
}

bpl             {
                color:black

}

.new             {
                color: aqua;
                font-family: 'Bangers', cursive;
                font-size: 2em
}
/*formatting all classifieds*/
.classifieds    {
                border: solid 2px black;
                width: 68%;
                margin: 5px 0 5px 11%;
                background-color: whitesmoke;
                
}


u               {
                color: black;
}

/*formatting the sidebars*/

.right          {
                float: right;
                height: 100%;
                width: 20%;
}

.left           {
                float:none
                height: 100%;
                width: 80%;
}

.middle         {
                float: left;
                height: 100%;
                width: 20%;
}

.upcoming       {
                position: absolute;
                left: 178px;
                top: 250px;
                right: 80%;
                bottom: 0;
}

#sidebar        {
                position:absolute;
                top: 0; bottom: 0; left: 0; right: 90%;
}

/*formatting classes*/
.news1        {
                border: solid 2px red;
                border-radius: 12px;
                max-width: 58%;
                margin: 5px 0 5px 22%;
                background-color: lemonchiffon;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-family: 'Lato', sans-serif;
}

.news2        {
                max-width: 58%;
                margin: 5px 0 5px 22%;
                background-color: palegreen;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-family: 'Lato', sans-serif;
}

.editorial    {
                border: solid 2px slateblue;
                border-radius: 12px;
                width: 65%;
                margin: 5px 0 5px 11%;
                background-color: whitesmoke;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-size: 1.1em; 
}


.pinned         {
                border: solid 2px black;
                border-radius: 1px;
                max-width: 58%;
                margin: 5px 5px 5px 22%;
                background-color: whitesmoke;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-size: 1.2em;
                color:black
    
}
.pinned1         {
                border: solid 2px black;
                border-radius: 1px;
                max-width: 58%;
                margin: 5px 5px 5px 22%;
                background-color: paleturquoise;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-size: 1.2em;
                color:black
    
}

.pinned2         {
                border: solid 2px black;
                border-radius: 1px;
                max-width: 75%;
                background-color: slateblue;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-size: 1.3em;
                color:black

}

.rumour        {
                font-family: 'Balsamiq Sans', cursive;
                border: solid 2px black;
                border-radius: 1px;
                max-width: 75%;
                background-color: orange;
                padding-left: 0.30cm;
                font-size: 1em;
                color:black    
}

.fact         {
                font-family: 'Balsamiq Sans', cursive;
                border: solid 2px black;
                border-radius: 1px;
                max-width: 75%;
                background-color: lightgreen;
                padding-left: 0.30cm;                
                font-size: 1em;
                color:black    
}
.false         {
                font-family: 'Balsamiq Sans', cursive;
                border: solid 2px black;
                border-radius: 1px;
                max-width: 75%;
                background-color: red;
                padding-left: 0.30cm;    
                font-size: 1em;
                color:black
}

.marquee         {
                border: solid 5px black;
                border-radius: 1px;
                max-width: 58%;
                margin: 5px 0 10px 22%;
                background-color: lightcyan;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-family: 'Lato', sans-serif;
                font-size: 1.3em;
                color:black
    
}

.calendar       {
                font-family: 'Mukta', sans-serif;
}

.carnivals      {
                
                font-size: 1em;
                color:black;
                background-color: darkturquoise;
}

.winterweeklies {
                
                font-size: 1em;
                color:black;
                background-color: yellowgreen;
}

.winners        {
                font-family: 'Bangers', cursive;
    
}

.galadays       {
                color: hotpink;
                font-family: 'Lato', sans-serif;
}

.tips           {
                font-family: 'Ruluko', sans-serif;
                color: #2e67d1;
                font-size: 1.2em;
}

.clubnews       {
                font-family: 'Varela Round', sans-serif;
                color: #37474f;
                text-indent: 1.5em;
}

.rankings       {
                font-family: 'Baloo', cursive;
                
}
.myresponse     {
                font-family: 'Risque', cursive;
}

.rankings2       {
                font-family: 'Averia Sans Libre', cursive;
                color:brown                
}

.rankings3      {
                font-family: 'Rammetto One', cursive;
                color: blue;
    
}

.country        {
                font-family: 'Della Respira', serif;
}

.bpl            {
                font-family: 'Black Han Sans', sans-serif;
                color: teal;
    
}

.bpl1           {
                font-family: 'Black Han Sans', sans-serif;
                color: darkblue;
    
}

.marketodds     {
                font-family: 'Pangolin', cursive;
                font-size: 1.1em;
                color:purple;
                text-align: left;
                margin-left: 1em;
                margin-right: 1em;
}

.polls          {
                font-family: 'Nova Round', cursive;
                font-size: 1.5em;
}

/*formatting jokes page*/
.jokes          {
                font-family: 'Merienda One', cursive;  
                border: solid 2.5px purple;
                border-radius: 1.5px;
                width: 65%;
                margin: 5px 0 5px 11%;
                background-color: floralwhite;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-size: 1.2em;
                color:black
    
}

.jokes1          {
                font-family: 'Modern Antiqua', cursive;
                border: dashed 2.5px darkgreen;
                border-radius: 1.5px;
                width: 65%;
                margin: 5px 0 5px 11%;
                background-color: palegreen;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-size: 1.2em;
                color:black
    
}

.jokes2         {
                font-family: 'News Cycle', sans-serif; 
                border: outset 4.5px black;
                border-radius: 1.5px;
                width: 65%;
                margin: 5px 0 5px 11%;
                background-color: lightskyblue;
                padding-left: 0.30cm;
                padding-right: 0.30cm;
                font-size: 1.2em;
                color:black
    
}

/*formatting tables*/

th              {
                text-align: left;
}

/*Formatting the footer*/
footer          {
                background-color: darkblue;
                font-size: 1em;
                height: 50px;
                text-align: right;           
}

/*Formatting the vale*/
.panel       {
                padding:0.1em 16px;
                margin-top:16px;
                margin-bottom:16px;
                color:yellow;
                background-color:purple;
                font-size: 1.3em
                
}
.panel1         {
                background-color: yellow;

}

.panelyoutube   {
                padding:0.1em 16px;
                margin-top:16px;
                margin-bottom:16px;
                color:yellow;
          padding-left: 0.30cm;
                padding-right: 0.30cm;
                background-color:forestgreen;            
}

/*format of pennant page*/
.panelred       {
                padding:0.01em 16px;
                margin-top:16px;
                margin-bottom:16px;
                color:black;
                background-color:red;                  
}

.panelwhite     {
                padding:0.01em 16px;
                color:black;
                background-color:white; 
                border: 1px solid;
}

.panelblue      {
                padding:0.01em 16px;
                margin-top:16px;
                margin-bottom:16px;
                color:black;
                background-color:blue;
}
.panelgreen     {
                padding:0.01em 16px;
                margin-top:16px;
                margin-bottom:16px;
                color:black;
                background-color:green;                  
}
.panelyellow     {
                padding:0.01em 16px;
                margin-top:16px;
                margin-bottom:16px;
                color:black;
                background-color:yellow; 
                
}
.paneleditorial     {
                padding:0.01em 16px;
                color:black;
                background-color:slateblue; 
                border: 1px solid;
}
.panel1-title   {
                padding:0.01em 16px;
                background-color: black; 
                font-size: 2em;               
 
}
.panel1-body    {
                background-color: palegoldenrod;
                color: black;
                text-align: left;

}
td, th             {
                padding: 5px 15px;
                border: 2px solid black;
                text-align: left;
    
}

tr:nth-child(even) {
    background-color: #dddddd;
}

thead           {
                background-color: grey;
}

/*Formatting quiz page*/
.quiz           {
                font-family: 'Just Another Hand', cursive;
                font-size: 2.4em;
                background-color: plum;
                color: black;
                
}
/*Formatting tipping page*/
.tipping        {
                font-family: 'Merriweather', serif;
                font-size: 4em;
                color: darkgoldenrod;
}
.tipping1       {
                font-family: 'McLaren', cursive;
                background-color: indianred;
                font-size: 1.2em;
                color:white;
}
.tipping2       {
                font-family: 'Bree Serif', serif;
                font-size: 1.4em;
                color: darkmagenta;
                background-color:bisque
}

.tipping3       {
                font-family: 'Gloria Hallelujah', cursive;
                color: black;
                background-color: lightcyan;
                font-size: 1.2em;
}
/*Formatting pennants page*/

.teams17       {
                font-family: 'Baloo Bhaina', cursive;
                font-size: 2em;
                color:black;
                background-color: paleturquoise;
}
.teams18       {
                font-family: 'Baloo Bhaina', cursive;
                font-size: 2em;
                color:black;
                background-color: darkseagreen;
}
.teams19       {
                font-family: 'Baloo Bhaina', cursive;
                font-size: 2em;
                color:black;
                background-color: palevioletred;
}

.preview        {
                font-family: 'Alike Angular', serif;
                color:darkred;
                font-size: 1.2em;
}
.preview1       {
    font-family: 'Chango', cursive;
    background-color: yellow;
    font-size: 1.6em;
    color:black;
}

.rotateimg90 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.bachelor {
    font-family: 'Otomanopee One', sans-serif;
    font-size: 1.5em;
    padding-left: 2cm;
}