/* main body layout */
.s1 {color: #663300; font-family: Tahoma; font-size: 1.0em;}
.s2 {color: #000066; font-family: Tahoma; font-size: 1.0em;}
.s3 {color: #FFFFFF; font-family: Tahoma; font-size: 1.0em;}
.s4 {color: #663300; font-family: Tahoma; font-size: 1.2em;}
.s5 {color: #FFFFFF; font-family: Tahoma; font-size: 1.2em;}
.s6 {color: #663300; font-family: Tahoma; font-size: 1.5em;}
.s7 {color: #FFFFFF; font-family: Tahoma; font-size: 1.5em;}
.s8 {color: #000066; font-family: Tahoma; font-size: 1.2em;}

.red1 { color: #FF0000; font-family: Arial, Tahoma, Helvetica; font-weight: bold; }

body {
	background-image: url(https://itamra.com/bgrounds/bricksgraylt.jpg);
	color: #000066;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	margin: 0;
	background-attachment: fixed;
}

a.indct:link {color: #FFFFFF; text-decoration: none;}
a.indct:hover {color: #CC9966; text-decoration: underline;}
a.indct:visited {color: #FFFFFF; text-decoration: none;}

a.wls:link {color: #FFFFFF; text-decoration: none; line-height: 1.5;}
a.wls:hover {color: #660000;}
a.wls:visited {color: #FFFFFF; text-decoration: none;}

a:link {color: #0000ff; text-decoration: underline;}
a:hover {color: #660000; text-decoration: none;}
a:visited {color: #0000ff;}

a.goldl:link {color: #FFCC00; }
a.goldl:hover {color: #660000; text-decoration: none;}
a.goldl:visited {color: #FFCC00; }

a.redl:link {color: #FF0000; }
a.redl:hover {color: #660000; text-decoration: none;}
a.redl:visited {color: #FF0000; }

.gold1 { color: #FFCC00; }
.red1 {color: #FF0000; }

.navbr { padding: 10px; background-image: URL(https://itamra.com/bgrounds/bricks.jpg); background-repeat: repeat; background-attachment: fixed; }

p {font-weight: 400; letter-spacing: 0.4; font-size: 1.1em; }

.img_vw { border-radius: 5px; max-width: 95%; padding: 0; text-align: center; }
.img_vw { background-color: #4d4d4d; color: white; padding: 5px; font-style: italic; border: 1px solid #dcdcdc; margin: auto; }
.img_vwc a { color: #99ccff; }
.img_vwc a:hover { color: #c21460; }

.wosm1 { width: 100%;  padding: 0; background-image: linear-gradient(to bottom left, #666666, #262626, #000000); display: grid; grid-template-columns: 75% 25%;} 
@media screen and (max-width: 600px) {.wosm1 { display: block; text-align: center; width: 100%; } }

.wosm2 { width: 100%; padding: 0; display: grid; grid-template-columns: 25% 75%; }
@media screen and (max-width: 600px) {.wosm2 { display: block; width: 100%; } .wosmi img { width: 100%; } }

.wosm3 { overflow-y: scroll; height: 300px; box-shadow: 5px 5px 15px #91583b; }
@media screen and (max-width: 600px) { .wosm3 { width: 90%; margin: auto; height: 200px; overflow-y: scroll; border: 3px groove #91583b; border-radius: 10px; padding: 10px; } }

.vwnm { display: none; }
    
.wosnv:hover + .vwnm { display: block;  color: white; font-weight: bold; text-shadow: 2px 2px 5px #000000; z-index: 1; }

.wosbtn { font-size: 1.5em; font-weight: bold; padding: 15px 32px; text-align: center; display: inline-block; box-shadow: 5px 5px 15px #999999; }
.wosbtn a:link { text-decoration: none; }
.wosbtn a:hover { color: red; }

